b {
font-weight: bold !important
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display: block
}
body {
line-height: 1
}
ol,ul {
list-style: none
}
blockquote,q {
quotes: none
}
blockquote:before,blockquote:after,q:before,q:after {
content: '';
content: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
@font-face {
font-family: 'Avenir';
font-style: normal;
font-weight: 200;
src: url('../../fonts/avenir/99db2616-e717-4838-a896-6dc86e37b49e.eot?#iefix');
src: url('../../fonts/avenir/99db2616-e717-4838-a896-6dc86e37b49e.eot?#iefix') format("eot"),url('../../fonts/avenir/90dfc06d-7526-4e7d-8c27-040089461039.woff2') format("woff2"),url('../../fonts/avenir/874c8a3d-82cd-4b46-839b-521b49950be0.woff') format("woff"),url('../../fonts/avenir/651041f0-000d-42ca-b667-939a4e0f5085.ttf') format("truetype"),url('../../fonts/avenir/bb5e727f-dfd2-4e7c-8630-4dd73720a377.svg#bb5e727f-dfd2-4e7c-8630-4dd73720a377') format("svg")
}
@font-face {
font-family: 'Avenir';
font-style: italic;
font-weight: 200;
src: url("../../fonts/avenir/67c09af9-1b9a-4aaa-9ce0-acf8eadec195.eot?#iefix");
src: url("../../fonts/avenir/67c09af9-1b9a-4aaa-9ce0-acf8eadec195.eot?#iefix") format("eot"),url("../../fonts/avenir/36ed3013-9d1c-4966-987b-dc449ba8dbca.woff2") format("woff2"),url("../../fonts/avenir/c5763b2c-20ed-4377-8989-e063e2ef8dfc.woff") format("woff"),url("../../fonts/avenir/9fc2b82e-97a4-4a9c-8f22-2bb58c2a0146.ttf") format("truetype"),url("../../fonts/avenir/4915ed32-67c2-4622-b16c-08fb6b2bdea3.svg#4915ed32-67c2-4622-b16c-08fb6b2bdea3") format("svg")
}
@font-face {
font-family: 'Avenir';
font-style: normal;
font-weight: 400;
src: url("../../fonts/avenir/469ea7ce-bb40-478a-aa21-da079357c969.eot?#iefix");
src: url("../../fonts/avenir/469ea7ce-bb40-478a-aa21-da079357c969.eot?#iefix") format("eot"),url("../../fonts/avenir/f31dad69-ad85-4a37-a665-142b51f98cd4.woff2") format("woff2"),url("../../fonts/avenir/5104d540-ac5c-442d-8581-1e9f4ecd37f0.woff") format("woff"),url("../../fonts/avenir/6662a841-5b52-4af6-a868-6b43e3d7b263.ttf") format("truetype"),url("../../fonts/avenir/bfcb105e-6348-434a-ba7b-31cd4bb80da6.svg#bfcb105e-6348-434a-ba7b-31cd4bb80da6") format("svg")
}
@font-face {
font-family: 'Avenir';
font-style: italic;
font-weight: 400;
src: url("../../fonts/avenir/45f33033-1957-4ec4-8fed-f9cc8552b0ae.eot?#iefix");
src: url("../../fonts/avenir/45f33033-1957-4ec4-8fed-f9cc8552b0ae.eot?#iefix") format("eot"),url("../../fonts/avenir/a1e7ccb1-f71a-4c66-9344-eda397715b6f.woff2") format("woff2"),url("../../fonts/avenir/4ae57b20-bad8-4fce-aeed-e0187e5a14bf.woff") format("woff"),url("../../fonts/avenir/6f808037-2d93-4f7d-b6bd-47f8efebc184.ttf") format("truetype"),url("../../fonts/avenir/ad5d3830-dabe-4aab-abd6-5298cf252a1b.svg#ad5d3830-dabe-4aab-abd6-5298cf252a1b") format("svg")
}
@font-face {
font-family: 'Avenir';
font-style: normal;
font-weight: 500;
src: url("../../fonts/avenir/c7a58743-f241-4281-bfc0-f1df551cb37d.eot?#iefix");
src: url("../../fonts/avenir/c7a58743-f241-4281-bfc0-f1df551cb37d.eot?#iefix") format("eot"),url("../../fonts/avenir/3dafb9ca-b7cc-48f0-953d-e6134cfcfa47.woff2") format("woff2"),url("../../fonts/avenir/b8db69f9-df9e-480f-9c1c-d76a1bb29a62.woff") format("woff"),url("../../fonts/avenir/63753503-2f58-4a8b-91af-058e8f73a1b0.ttf") format("truetype"),url("../../fonts/avenir/3cece34e-2cfb-4b8f-8a9c-04ec56d1e672.svg#3cece34e-2cfb-4b8f-8a9c-04ec56d1e672") format("svg")
}
@font-face {
font-family: 'Avenir';
font-style: italic;
font-weight: 500;
src: url("../../fonts/avenir/55e94d5b-4fe5-4b21-8566-0356c182f6e7.eot?#iefix");
src: url("../../fonts/avenir/55e94d5b-4fe5-4b21-8566-0356c182f6e7.eot?#iefix") format("eot"),url("../../fonts/avenir/cdd39ae4-0c40-4d04-99df-723bff3c994a.woff2") format("woff2"),url("../../fonts/avenir/831678a3-2e17-44c9-b214-737d6b43cc99.woff") format("woff"),url("../../fonts/avenir/793b158d-9463-4da7-8008-c3d4279c117d.ttf") format("truetype"),url("../../fonts/avenir/a36f82e1-f20f-4a71-852e-da7d8a63af47.svg#a36f82e1-f20f-4a71-852e-da7d8a63af47") format("svg")
}
@font-face {
font-family: 'Avenir';
font-style: normal;
font-weight: 900;
src: url("../../fonts/avenir/1f5c348e-e2a8-45d4-a78f-7f61d7bfd83d.eot?#iefix");
src: url("../../fonts/avenir/1f5c348e-e2a8-45d4-a78f-7f61d7bfd83d.eot?#iefix") format("eot"),url("../../fonts/avenir/6cf51b94-5a8f-4d5a-8b8a-54a547075060.woff2") format("woff2"),url("../../fonts/avenir/0b86525a-9c26-4c1d-9abe-c05fd31ecf2e.woff") format("woff"),url("../../fonts/avenir/ea64e82f-5215-4e26-a15f-a6739e1c1020.ttf") format("truetype"),url("../../fonts/avenir/1cda1791-25c1-48d3-9056-3b04b763b592.svg#1cda1791-25c1-48d3-9056-3b04b763b592") format("svg")
}
@font-face {
font-family: 'Avenir';
font-style: italic;
font-weight: 900;
src: url("../../fonts/avenir/9c5da5a3-e4df-49f9-bacc-c94e28d9b9f0.eot?#iefix");
src: url("../../fonts/avenir/9c5da5a3-e4df-49f9-bacc-c94e28d9b9f0.eot?#iefix") format("eot"),url("../../fonts/avenir/f5515c7d-d670-4e99-b48d-27206ff8ee9f.woff2") format("woff2"),url("../../fonts/avenir/c913780e-d6cb-4d11-bfcf-b23e2670bcb3.woff") format("woff"),url("../../fonts/avenir/92288f03-d267-4e7a-b3ea-fb090e790460.ttf") format("truetype"),url("../../fonts/avenir/0e1565cf-87bf-4a38-b4c7-c5732b4699eb.svg#0e1565cf-87bf-4a38-b4c7-c5732b4699eb") format("svg")
}
@font-face {
font-family: 'te-icon';
src: url('../../fonts/te-icon.eot?fogmc4');
src: url('../../fonts/te-icon.eot?#iefixfogmc4') format('embedded-opentype'),url('../../fonts/te-icon.woff?fogmc4') format('woff'),url('../../fonts/te-icon.ttf?fogmc4') format('truetype'),url('../../fonts/te-icon.svg?fogmc4#te-icon') format('svg');
font-weight: normal;
font-style: normal
}
*,*:after,*:before {
-ms-box-sizing: border-box;
box-sizing: border-box;
outline: 0 !important
}
* {
-webkit-font-smoothing: antialiased;
-ms-font-feature-settings: "kern";
-o-font-feature-settings: "kern";
font-feature-settings: "kern"
}
body {
font-family: 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
color: #666
}
a {
text-decoration: none
}
a:link,a:visited {
color: #0066a1
}
a:link .icon,a:visited .icon {
color: #0066a1
}
a:hover,a:active,a:focus {
color: #3db7e4
}
a:hover .icon,a:active .icon,a:focus .icon {
color: #3db7e4
}
* {
-webkit-tap-highlight-color: transparent
}
h1,h2,h3,h4,h5,h6 {
font-weight: normal
}
h1 {
font: 200 26px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.625rem;
color: #3f4348
}
h2 {
font: 400 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem
}
h3 {
font: 200 26px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.625rem
}
h4 {
font: 500 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.ng-cloak {
display: none
}
#te-skip-navigation a,.visually-hidden {
position: absolute;
left: -999em
}
#te-skip-navigation a:focus {
left: 10px;
top: 10px
}
:focus {
outline: 1px dotted #42474c
}
@media (max-width: 719px) {
body.responsive #oo_tab {
display:none !important
}
}
.icon[role="presentation"] {
font-family: 'te-icon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1
}
.icon[role="presentation"].icon-alert:before {
content: "\e624"
}
.icon[role="presentation"].icon-download:before {
content: "\e623"
}
.icon[role="presentation"].icon-twitter:before {
content: "\e600"
}
.icon[role="presentation"].icon-search:before {
content: "\e601"
}
.icon[role="presentation"].icon-phone:before {
content: "\e602"
}
.icon[role="presentation"].icon-list:before {
content: "\e603"
}
.icon[role="presentation"].icon-linkedin:before {
content: "\e604"
}
.icon[role="presentation"].icon-contacts:before {
content: "\e605"
}
.icon[role="presentation"].icon-facebook:before {
content: "\e606"
}
.icon[role="presentation"].icon-email:before {
content: "\e607"
}
.icon[role="presentation"].icon-clock:before {
content: "\e608"
}
.icon[role="presentation"].icon-checkbox:before {
content: "\e609"
}
.icon[role="presentation"].icon-cart:before {
content: "\e60a"
}
.icon[role="presentation"].icon-wrench:before {
content: "\e60b"
}
.icon[role="presentation"].icon-superseded:before {
content: "\e60c"
}
.icon[role="presentation"].icon-restricted:before {
content: "\e60d"
}
.icon[role="presentation"].icon-preliminary:before {
content: "\e60e"
}
.icon[role="presentation"].icon-pending-obsolescence:before {
content: "\e60f"
}
.icon[role="presentation"].icon-obsolete:before {
content: "\e610"
}
.icon[role="presentation"].icon-downarrow:before {
content: "\e611"
}
.icon[role="presentation"].icon-active:before {
content: "\e612"
}
.icon[role="presentation"].icon-product-drawing:before {
content: "\e613"
}
.icon[role="presentation"].icon-pdf-3D:before {
content: "\e614"
}
.icon[role="presentation"].icon-share:before {
content: "\e615"
}
.icon[role="presentation"].icon-data-sheet:before {
content: "\e616"
}
.icon[role="presentation"].icon-leaf:before {
content: "\e617"
}
.icon[role="presentation"].icon-close:before {
content: "\e618"
}
.icon[role="presentation"].icon-caret:before {
content: "\e619"
}
.icon[role="presentation"].icon-page-prev:before {
content: "\e61a"
}
.icon[role="presentation"].icon-page-next:before {
content: "\e61b"
}
.icon[role="presentation"].icon-page-first:before {
content: "\e61c"
}
.icon[role="presentation"].icon-page-last:before {
content: "\e61d"
}
.icon[role="presentation"].icon-quickview:before {
content: "\e61e"
}
.icon[role="presentation"].icon-view-less:before {
content: "\e61f"
}
.icon[role="presentation"].icon-play:before {
content: "\e620"
}
.icon[role="presentation"].icon-plus:before {
content: "\e621"
}
.icon[role="presentation"].icon-minus:before {
content: "\e622"
}
.icon[role="presentation"].icon-download-lines:before {
content: "\e625"
}
.icon[role="presentation"].icon-wechat:before {
content: "\e626"
}
.icon[role="presentation"].icon-sinaweibo:before {
content: "\e627"
}
.icon[role="presentation"].icon-youku:before {
content: "\e628"
}
.icon[role="presentation"].icon-caret-up:before {
content: "\e629"
}
.icon[role="presentation"].icon-caret-down:before {
content: "\e62a"
}
.icon[role="presentation"].icon-instagram:before {
content: "\e62b"
}
.icon[role="presentation"].icon-youtube:before {
content: "\e62c"
}
.icon[role="presentation"].icon-alert-icon-n:before {
content: "\e62d"
}
.icon[role="presentation"].icon-google-plus:before {
content: "\e62e"
}
.icon[role="presentation"].icon-in-stock:before {
content: "\e62f"
}
.icon[role="presentation"].icon-hero-carat:before {
content: "\e630"
}
.icon[role="presentation"].icon-faq:before {
content: "\e631"
}
.icon[role="presentation"].icon-feedback:before {
content: "\e632"
}
.icon[role="presentation"].icon-find-similar:before {
content: "\e633"
}
.icon[role="presentation"].icon-compare:before {
content: "\e634"
}
.icon[role="presentation"].icon-diamond-down-arrow:before {
content: "\e800"
}
.icon[role="presentation"].icon-mdp-configuration:before {
content: "\e900"
}
.icon[role="presentation"].icon-mdp-how-to-buy:before {
content: "\e901"
}
.icon[role="presentation"].icon-mdp-view-parts:before {
content: "\e902"
}
.icon[role="presentation"].icon-mdp-video:before {
content: "\e903"
}
.icon[role="presentation"].icon-caret-left:before {
content: "\e910"
}
.icon[role="presentation"].icon-small {
font-size: 13px
}
.icon[role="presentation"].icon-medium {
font-size: 20px
}
.icon[role="presentation"].icon-large {
font-size: 47px
}
.icon[role="presentation"].icon-restricted.icon-small {
font-size: 11px
}
.icon[role="presentation"].icon-feedback.icon-medium {
font-size: 16px
}
.icon[role="presentation"].icon-downarrow.icon-small {
font-size: 10px
}
.icon[role="presentation"].icon-caret.icon-large {
font-size: 26px
}
.icon[role="presentation"].icon-close.icon-large {
font-size: 34px
}
.icon[role="presentation"].icon-quickview.icon-medium,.icon[role="presentation"].icon-view-less.icon-medium {
font-size: 26px;
color: #0066a1
}
.cq-wcm-edit .section .edit-box {
display: none;
position: absolute
}
.cq-wcm-edit .section:hover .edit-box {
display: block
}
.analytics-receiver {
text-indent: -9999px
}
.te-connectivity-label {
font-size: .75rem;
padding: 4px 0;
text-transform: uppercase
}
iframe[name='google_conversion_frame'] {
height: 0 !important;
width: 0 !important;
line-height: 0 !important;
font-size: 0 !important;
margin-top: -13px;
float: left
}
.wrapper {
width: 100%
}
.wrapper:before,.wrapper:after {
content: "";
display: table
}
.wrapper:after {
clear: both
}
.ie6 .wrapper,.ie7 .wrapper {
zoom:1}
@media (max-width: 719px) {
body.responsive .wrapper {
max-width:100%
}
}
.wrapper>*:last-child {
margin-right: 0
}
.wrapper-grey {
padding: 40px 0;
background-color: #f7f7f7
}
.wrapper-grey.no-border-top {
border-top: 0 none
}
.wrapper-grey.no-padding-top {
padding-top: 0
}
.content-well {
position: relative;
width: 1024px;
margin: 0 auto;
padding: 0 42px
}
.content-well.content-padding {
padding-top: 30px;
padding-bottom: 30px
}
.content-well.content-right {
text-align: right
}
@media (max-width: 719px) {
body.responsive .content-well {
width:100%;
max-width: 100%;
padding: 0 7vw
}
}
.editorial-parsys .floating-wrapper {
width: auto;
float: left
}
.off-screen,iframe[name='google_conversion_frame'],.te-mobile-test,.te-desktop-test {
position: absolute;
left: -100px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden
}
.template-editorial-hint {
border: 3px dashed #ccc;
font: 900 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
text-transform: uppercase;
text-align: center;
color: #ccc;
width: 100%;
height: 80px;
margin: 20px 0;
display: table
}
.template-editorial-hint p {
display: table-cell;
vertical-align: middle;
width: 100%;
padding: 0 5%
}
#target-container {
padding-top: 0;
vertical-align: top
}
.mobile,.te-mobile-test,.desktop,.te-desktop-test {
display: none
}
.desktop,.te-desktop-test {
display: block
}
@media (max-width: 719px) {
body.responsive .desktop,body.responsive .te-desktop-test {
display:none
}
}
@media (max-width: 719px) {
body.responsive .mobile,body.responsive .te-mobile-test {
display:block
}
}
.active-am-user {
color: #3db7e4
}
.am-disabled-state-selector {
color: #cccccc;
border: 1px solid #cccccc;
opacity: .7
}
.te-am-page {
background-color: #ededee;
overflow: hidden;
min-height: 100%;
position: relative;
min-height: 530px
}
.te-am-page:before {
z-index: 15;
min-height: 100%;
background: transparent url('../../images/loading-anim.gif') no-repeat top;
position: relative;
width: 100%;
content: "";
position: absolute;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s ease .3s,opacity .3s linear;
transition: visibility 0s ease .3s,opacity .3s linear;
margin-top: 12px
}
html.oldie .te-am-page:before {
height: 100%
}
.te-am-page.loader {
display: block !important;
z-index: 15
}
html.oldie .te-am-page.loader {
height: 100%
}
.te-am-page.loader:before {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.te-am-page .my-resc-title-section {
background: white;
padding-top: 30px
}
.te-am-page .my-resc-title-section .my-resc-title-textwrapper {
width: 940px;
margin: 0 auto
}
.te-am-page .my-resc-title-section .my-resc-title-textwrapper h1 {
margin-bottom: 10px
}
.te-am-page .te-am-resc-warning-message {
width: 100%;
background: white;
border: solid 2px #cd202c;
padding: 5px 5px 5px 5px;
margin-bottom: 20px
}
.te-am-page .te-am-resc-warning-message h1 {
color: #cd202c;
font: 200 36px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.5rem;
font-weight: bold;
padding: 5px 0 0 0
}
.te-am-page .te-am-resc-warning-message label {
display: block;
font: 200 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
padding: 5px 0 0 0
}
.te-am-page .te-am-resc-warning-message a {
font: 900 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #0066a1;
cursor: pointer
}
.te-am-page .my-resc-help-section {
display: block;
height: 300px
}
.te-am-page .my-resc-help-section .my-resc-help-section-textwrapper {
width: 940px;
margin: 40px auto
}
.te-am-page .my-resc-help-section .my-resc-help-section-textwrapper .request-access-title {
float: left;
width: 91.4893617%;
margin-right: 2.12765957%
}
.te-am-page .my-resc-help-section .my-resc-help-section-textwrapper .request-access-title h2 {
margin: 0 0 6px 0
}
.te-am-page .my-resc-help-section .my-resc-help-section-textwrapper .close-help-section {
float: left;
width: 6.38297872%;
margin-right: 0;
float: right;
cursor: pointer;
text-align: center
}
.te-am-page .my-resc-help-section .my-resc-help-section-textwrapper .secured-resc-list-left {
float: left;
width: 48.93617021%;
margin-right: 2.12765957%;
margin: 20px 0;
font: 500 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem
}
.te-am-page .my-resc-help-section .my-resc-help-section-textwrapper .secured-resc-list-left dt {
font-weight: bold;
margin: 12px 0 0 0
}
.te-am-page .my-resc-help-section .my-resc-help-section-textwrapper .secured-resc-list-right {
float: left;
width: 48.93617021%;
margin-right: 0;
float: right;
margin: 20px 0;
font: 500 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem
}
.te-am-page .my-resc-help-section .my-resc-help-section-textwrapper .secured-resc-list-right dt {
font-weight: bold;
margin: 12px 0 0 0
}
.te-am-page .my-resc-cta-section .my-resc-col-left {
float: left;
width: 65.95744681%;
margin-right: 2.12765957%;
background: white;
margin-top: 10px
}
.te-am-page .my-resc-cta-section .my-resc-col-left .col-left-cta-wrapper {
border: 1px solid #ededee
}
.te-am-page .my-resc-cta-section .my-resc-col-left .col-left-cta-wrapper p {
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
color: #3f4348;
text-transform: uppercase;
padding: 10px
}
.te-am-page .my-resc-cta-section .my-resc-col-left .col-left-cta-wrapper .myresc-cta-btn {
background: white;
text-transform: none
}
.te-am-page .my-resc-cta-section .my-resc-col-left .col-left-cta-wrapper .hide-extra-cta {
display: none
}
.te-am-page .my-resc-cta-section .my-resc-col-left .col-left-cta-wrapper .with-top-border {
border-top: 1px solid #ededee
}
.te-am-page .my-resc-cta-section .my-resc-col-right {
float: left;
width: 31.91489362%;
margin-right: 0;
float: right;
margin-top: 10px;
margin-bottom: 20px
}
.te-am-page .my-resc-cta-section .my-resc-col-right .col-right-btn-wrapper {
width: 20em
}
.te-am-page .my-resc-cta-section .my-resc-col-right .col-right-btn-wrapper .col-right-btn-text {
text-transform: uppercase;
max-width: 14em;
min-width: 14em;
word-wrap: break-word;
padding: 18px 10px 10px 20px;
border-right: 1px solid #ededee;
border-top: 1px solid #ededee;
border-left: 1px solid #ededee;
height: 70px;
float: left;
background: white;
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.te-am-page .my-resc-cta-section .my-resc-col-right .col-right-btn-wrapper .col-right-btn-icon {
max-width: 6em;
border-right: 1px solid #ededee;
border-top: 1px solid #ededee;
padding: 25px 20px 5px 20px;
height: 70px;
float: left;
background: white
}
.te-am-page .my-resc-cta-section .my-resc-col-right .col-right-btn-wrapper .last {
border-bottom: 1px solid #ededee
}
.te-am-page .my-resc-cta-section .my-resc-col-right .col-right-utlities-header-text {
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
color: #3f4348;
text-transform: uppercase;
padding: 10px;
background-color: #ffffff;
width: 18.6em;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff
}
.te-am-page .my-resc-cta-section .my-resc-col-right .col-right-utlities-wrapper .col-right-utlities-btn-text {
width: 16.3em;
min-width: 14em;
padding: 25px 10px 10px 20px;
border-top: 1px solid #686c70;
border-left: 1px solid #686c70;
border-right: 1px solid #686c70;
height: 70px;
float: left;
background-color: #4a4f55;
font: 500 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #3db7e4
}
.te-am-page .my-resc-cta-section .my-resc-col-right .col-right-utlities-wrapper .last {
border-bottom: 2px solid #686c70
}
.te-am-page .my-resc-cta-section .my-resc-col-right .col-right-utlities-wrapper :hover {
color: #4a4f55;
background-color: #3db7e4
}
.te-am-resc-page {
background-color: #ffffff;
overflow: hidden;
min-height: 100%;
position: relative;
min-height: 530px
}
.te-am-resc-page:before {
z-index: 15;
min-height: 100%;
background: transparent url('../../images/loading-anim.gif') no-repeat top;
position: relative;
width: 100%;
content: "";
position: absolute;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s ease .3s,opacity .3s linear;
transition: visibility 0s ease .3s,opacity .3s linear;
margin-top: 12px
}
html.oldie .te-am-resc-page:before {
height: 100%
}
.te-am-resc-page.loader {
display: block !important;
z-index: 15
}
html.oldie .te-am-resc-page.loader {
height: 100%
}
.te-am-resc-page.loader:before {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.te-am-resc-page hr {
border: 0;
border-top: 1px solid #ccc;
width: 100%
}
.te-am-resc-page .my-resc-title-section {
background: white;
padding-top: 30px
}
.te-am-resc-page .my-resc-title-section .my-resc-title-textwrapper {
width: 940px;
margin: 0 auto
}
.te-am-resc-page .my-resc-title-section .my-resc-title-textwrapper h1 {
margin-bottom: 10px
}
.te-am-resc-page .te-am-resc-warning-message {
width: 100%;
background: white;
border: solid 2px #cd202c;
padding: 5px 5px 5px 5px;
margin-bottom: 20px
}
.te-am-resc-page .te-am-resc-warning-message h1 {
color: #cd202c;
font: 200 36px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.5rem;
font-weight: bold;
padding: 5px 0 0 0
}
.te-am-resc-page .te-am-resc-warning-message label {
display: block;
font: 200 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
padding: 5px 0 0 0
}
.te-am-resc-page .te-am-resc-warning-message a {
font: 900 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #0066a1;
cursor: pointer
}
.te-am-resc-page .my-resc-help-section {
display: block;
height: 300px
}
.te-am-resc-page .my-resc-help-section .my-resc-help-section-textwrapper {
width: 940px;
margin: 40px auto
}
.te-am-resc-page .my-resc-help-section .my-resc-help-section-textwrapper .request-access-title {
float: left;
width: 91.4893617%;
margin-right: 2.12765957%
}
.te-am-resc-page .my-resc-help-section .my-resc-help-section-textwrapper .request-access-title h2 {
margin: 0 0 6px 0
}
.te-am-resc-page .my-resc-help-section .my-resc-help-section-textwrapper .close-help-section {
float: left;
width: 6.38297872%;
margin-right: 0;
float: right;
cursor: pointer;
text-align: center
}
.te-am-resc-page .my-resc-help-section .my-resc-help-section-textwrapper .secured-resc-list-left {
float: left;
width: 48.93617021%;
margin-right: 2.12765957%;
margin: 20px 0;
font: 500 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem
}
.te-am-resc-page .my-resc-help-section .my-resc-help-section-textwrapper .secured-resc-list-left dt {
font-weight: bold;
margin: 12px 0 0 0
}
.te-am-resc-page .my-resc-help-section .my-resc-help-section-textwrapper .secured-resc-list-right {
float: left;
width: 48.93617021%;
margin-right: 0;
float: right;
margin: 20px 0;
font: 500 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem
}
.te-am-resc-page .my-resc-help-section .my-resc-help-section-textwrapper .secured-resc-list-right dt {
font-weight: bold;
margin: 12px 0 0 0
}
.te-am-resc-page .my-resc-cta-two-section .my-resc-col-two-left {
float: left;
width: 31.91489362%;
margin-right: 2.12765957%;
background: white;
margin-right: 20px;
padding-right: 25px
}
.te-am-resc-page .my-resc-cta-two-section .my-resc-col-two-left .col-left-two-cta-wrapper {
padding-bottom: 20px;
min-height: 180px
}
.te-am-resc-page .my-resc-cta-two-section .my-resc-col-two-left .col-left-two-cta-wrapper p {
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
color: #3f4348;
text-transform: uppercase;
padding: 20px 0 10px 0
}
.te-am-resc-page .my-resc-cta-two-section .my-resc-col-two-left .col-left-two-cta-wrapper h1 {
font: 900 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #0066a1;
word-wrap: break-word;
padding: 20px 0 5px 0
}
.te-am-resc-page .my-resc-cta-two-section .my-resc-col-two-left .col-left-two-cta-wrapper a {
cursor: pointer
}
.te-am-resc-page .my-resc-cta-two-section .my-resc-col-two-left .col-left-two-cta-wrapper h2 {
font: 200 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #4a4f55;
word-wrap: break-word;
padding: 0 0 5px 0
}
.te-am-resc-page .my-resc-cta-two-section .my-resc-col-two-left .col-left-two-cta-wrapper h3 {
font: 200 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #0066a1;
word-wrap: break-word;
padding: 0 0 5px 0
}
.te-am-resc-page .my-resc-cta-two-section .my-resc-col-two-right {
float: left;
width: 31.91489362%;
margin-right: 0;
float: right;
margin-top: 10px
}
.te-am-resc-page .my-resc-cta-two-section .my-resc-col-two-right .col-right-btn-wrapper {
width: 20em;
margin-left: 30px
}
.te-am-resc-page .my-resc-cta-two-section .my-resc-col-two-right .col-right-btn-wrapper .col-right-btn-text {
text-transform: uppercase;
max-width: 14.5em;
min-width: 14.5em;
padding: 18px 10px 10px 20px;
border-right: 1px solid #ededee;
border-top: 1px solid #ededee;
border-left: 1px solid #ededee;
height: 75px;
float: left;
background: white;
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
word-wrap: break-word
}
.te-am-resc-page .my-resc-cta-two-section .my-resc-col-two-right .col-right-btn-wrapper .col-right-btn-icon {
max-width: 6em;
border-right: 1px solid #ededee;
border-top: 1px solid #ededee;
padding: 25px 20px 5px 20px;
height: 75px;
float: left;
background: white
}
.te-am-resc-page .my-resc-cta-two-section .my-resc-col-two-right .col-right-btn-wrapper .last {
border-bottom: 1px solid #ededee
}
.te-am-resc-page .my-resc-cta-two-section .my-resc-col-two-right .col-right-two-utlities-wrapper {
margin-top: 10px
}
.te-am-resc-page .my-resc-cta-two-section .my-resc-col-two-right .col-right-two-utlities-wrapper .col-right-two-utlities-btn-text {
width: 16.8em;
margin-bottom: 20px;
margin-left: 31px;
padding: 5px 15px 15px 15px;
background-color: #4a4f55
}
.te-am-resc-page .my-resc-cta-two-section .my-resc-col-two-right .col-right-two-utlities-wrapper .col-right-two-utlities-btn-text h1 {
font: 200 36px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 2.25rem;
color: #ffffff;
word-wrap: break-word;
padding: 25px 10px 10px 10px
}
.te-am-resc-page .my-resc-cta-two-section .my-resc-col-two-right .col-right-two-utlities-wrapper .col-right-two-utlities-btn-text h2 {
font: 200 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #ffffff;
word-wrap: break-word;
padding: 10px 10px 10px 10px
}
.te-am-resc-page .my-resc-cta-two-section .my-resc-col-two-right .col-right-two-utlities-wrapper .col-right-two-utlities-btn-text h2 a {
font: 200 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #3db7e4;
cursor: pointer
}
.your-resources-views-btn-wrapper {
margin: 20px auto
}
.your-resources-views-btn-wrapper .your-resources-views-reset-button {
height: 40px
}
.your-resources-views-btn-wrapper .your-resources-views-btn-width {
width: 240px
}
.am-column-wrapper p {
text-align: right;
margin: 20px;
font: 500 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.am-column-wrapper .am-column-left {
float: left;
width: 48.93617021%;
margin-right: 2.12765957%;
width: 48%;
position: relative
}
.am-column-wrapper .am-column-right {
float: left;
width: 48.93617021%;
margin-right: 0;
float: right;
width: 49%
}
.am-column-wrapper .am-form-wrapper-left {
margin-left: auto;
margin-right: 0;
width: 394px;
border-right: 1px solid #666;
outline: none
}
.am-column-wrapper .am-form-wrapper-left h1 {
margin: 0 0 30px
}
.am-column-wrapper .am-form-wrapper-left form label {
display: block;
font: 400 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #3f4348;
margin: 0 0 5px 0
}
.am-column-wrapper .am-form-wrapper-left form label.am-label-checks {
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
color: #3f4348
}
.am-column-wrapper .am-form-wrapper-left form input[type=text],.am-column-wrapper .am-form-wrapper-left form input[type=password] {
display: block;
margin: 5px 0 10px 0;
height: 30px;
width: 300px
}
.am-column-wrapper .am-form-wrapper-left form label input {
display: inline;
margin: 0 3px 0 0
}
.am-column-wrapper .am-form-wrapper-left form a.login-button {
float: none;
margin: 30px 0 0 0;
border-bottom: none
}
.am-column-wrapper .am-form-wrapper-left form .error-text {
font: 400 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
color: #cd202c;
width: 200px;
display: none;
margin: 0 0 20px 0
}
.am-column-wrapper .am-form-wrapper-left form .error-field {
border: 1px solid #cd202c
}
.am-column-wrapper .am-form-wrapper-left .show-error {
display: none
}
.am-column-wrapper .am-form-wrapper-left p {
text-align: left;
margin: 10px 0 0 0;
font: 500 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.am-column-wrapper .am-form-wrapper-right {
margin: 0 0 0 41px;
border: 0;
outline: none
}
.am-column-wrapper .am-form-wrapper-right h1 {
margin: 0 0 20px
}
.am-column-wrapper .am-form-wrapper-right p {
text-align: left
}
.am-column-wrapper .am-form-wrapper-right .reg-text-header {
font: 200 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
margin: 0 0 15px 0;
color: #747678;
padding-top: 10px
}
.am-column-wrapper .am-form-wrapper-right .reg-text-item {
font: 900 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
margin: 0 0 6px 0;
color: #3f4348
}
.am-column-wrapper .am-form-wrapper-right form label {
display: block;
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
margin: 0 0 5px 0
}
.am-column-wrapper .am-form-wrapper-right form label.am-label-checks {
font: 900 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem
}
.am-column-wrapper .am-form-wrapper-right form input[type=text] {
display: block;
margin: 5px 0 10px 0;
height: 30px;
width: 280px
}
.am-column-wrapper .am-form-wrapper-right form label input {
display: inline;
margin: 0 3px 0 0
}
.am-column-wrapper .am-form-wrapper-right form a.login-button {
float: none;
margin: 30px 0 0 0
}
.am-column-wrapper .am-form-wrapper-right form .error-text {
font: 400 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
color: #cd202c;
width: 200px;
display: none;
margin: 0 0 20px 0
}
.am-column-wrapper .am-form-wrapper-right form .error-field {
border: 1px solid #cd202c
}
.am-column-wrapper a.login-button {
float: none;
margin: 52px 0 0 0
}
.te-am-error-message {
width: 600px;
margin: 0 auto 20px auto;
font: 900 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
color: #cd202c
}
.te-am-error-message .te-am-large-text-block {
display: table
}
.te-am-error-message .te-am-large-text-block .large-text-block-icon {
display: table-cell;
padding: 0 0 0 0
}
.te-am-error-message .te-am-large-text-block .large-text-block-body {
display: table-cell;
padding: 0 0 0 10px
}
* {
box-sizing: border-box;
font-family: arial;
margin: 0;
padding: 0
}
@media print {
.maincontainer .length6 input[value=PRINT] {
display: none
}
.sheathmaincontainer .sheathlength8 input[value=PRINT] {
display: none
}
#te-header {
position: static !important;
top: 0 !important
}
}
.advancedcathdisclaimer {
margin-top: 10px;
width: 701px
}
.advancedcathdisclaimer label {
margin-left: -1px
}
.skiptalk a {
cursor: pointer
}
.advancedcathloader {
background: #ebebeb url('../../images/loading-anim.gif') no-repeat center;
background-size: 30px 30px;
width: 30px;
position: absolute;
height: 30px;
float: right;
display: none;
margin-top: 1%;
margin-left: 50%;
opacity: 1
}
.advancedcathopacity {
opacity: .2
}
.guidedisplayinline {
display: inline
}
.guidebackorange {
background-color: #e98300 !important
}
.guidebold {
font-weight: bold !important
}
.maincontainerforall {
width: 1024px;
background-color: #f7f7f7;
margin: 0 auto;
padding: 30px 0 80px 0
}
.maincontainerforall .wid941 {
width: 941px
}
.maincontainerforall select {
background-color: #ffffff;
border: none;
padding: 10px 10px;
font-size: .875rem;
color: #3f4348;
line-height: 36px
}
.maincontainerforall input.valid {
outline: none !important
}
.maincontainerforall input.error {
outline: 1px solid #ca1a2f !important
}
.maincontainerforall label.error {
display: block;
margin-top: 6px;
color: #ca1a2f
}
.maincontainerforall input[type=email] {
padding: 0 10px;
border: none;
height: 40px;
width: 450px
}
.maincontainerforall strong {
font-weight: bold
}
.maincontainerforall em {
font-style: italic
}
.maincontainerforall .guideerrormessage {
display: none;
color: #ca1a2f;
margin: 30px 0 30px 0;
font-weight: 500
}
.maincontainerforall .guideerrmark {
background-color: #ca1a2f;
border-radius: 50%;
color: #ffffff;
float: left;
font-weight: bold;
height: 17px;
line-height: 18px;
margin-right: 5px;
text-align: center;
width: 17px
}
.maincontainer {
width: 991px
}
.maincontainer p {
margin-bottom: 10px
}
.maincontainer .heading {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #e98300;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 26px;
margin-bottom: 30px;
text-transform: uppercase
}
.maincontainer .numbering {
background-color: #e98300;
border-radius: 50%;
color: #ffffff;
float: left;
font-weight: bold;
height: 35px;
line-height: 35px;
margin-right: 13px !important;
text-align: center;
width: 35px
}
.maincontainer .leftcontainer {
background-color: #ededee;
float: left;
padding: 30px;
width: 701px
}
.maincontainer .rightcontainer {
float: left;
width: 290px
}
.maincontainer .righttext {
vertical-align: middle
}
.maincontainer .rightsub {
margin-bottom: 20px;
padding-left: 20px
}
.maincontainer .subnumbering {
background-color: #cccccc;
border-radius: 50%;
color: #ffffff;
float: left;
font-weight: bold;
height: 20px;
line-height: 20px;
margin-right: 12px;
text-align: center;
width: 20px
}
.maincontainer .borderline {
border-top: 1px solid #dcdcdd;
margin-top: 30px
}
.maincontainer .skiptalk {
float: right;
padding-top: 25px
}
.maincontainer .prevbutton {
background-color: #ffffff;
color: #0066a1;
cursor: pointer;
float: left;
height: 50px;
width: 220px
}
.maincontainer .prevarrow {
border-right: 1px solid #ededee;
float: left;
font-size: xx-large;
height: 50px;
line-height: 50px;
padding-left: 15px;
width: 50px
}
.maincontainer .prevtext {
float: right;
font-weight: bold;
height: 50px;
line-height: 50px;
padding-right: 20px;
text-align: right;
width: 170px
}
.maincontainer .nextbutton {
background-color: #0066a1;
color: #ffffff;
cursor: pointer;
float: right;
height: 50px;
width: 220px
}
.maincontainer .nextarrow {
border-left: 1px solid #ffffff;
float: left;
font-size: xx-large;
height: 50px;
line-height: 50px;
padding-left: 15px;
width: 50px
}
.maincontainer .nexttext {
float: left;
font-weight: bold;
height: 50px;
line-height: 50px;
padding-left: 20px;
width: 170px
}
.maincontainer input[type="text"] {
border: none;
padding: 0 10px
}
.maincontainer textarea {
border: none
}
.maincontainer .floatright {
float: right
}
.maincontainer .floatleft {
float: left
}
.maincontainer .length5 {
margin-bottom: 10px
}
.maincontainer .length5 textarea {
width: 643px
}
.maincontainer .bottom20 {
margin-bottom: 20px !important
}
.maincontainer .bottom40 {
margin-bottom: 40px !important
}
.maincontainer .bottom50 {
margin-bottom: 50px !important
}
.maincontainer .length {
margin-bottom: 20px
}
.maincontainer .length label {
margin-right: 30px
}
.maincontainer .length p {
margin-bottom: 10px
}
.maincontainer .length input {
background-color: #ffffff;
border: none;
height: 40px;
margin-right: 12px;
padding: 0 10px;
width: 122px
}
.maincontainer .length span {
color: #666666
}
.maincontainer .firstlength {
margin-bottom: 40px !important
}
.maincontainer .lastinput {
margin-bottom: 50px
}
.maincontainer .lastinput p {
margin-bottom: 10px
}
.maincontainer .lastinput input {
background-color: #ffffff;
border: none;
height: 40px;
padding: 0 10px;
width: 643px
}
.maincontainer .length2 {
margin-bottom: 40px
}
.maincontainer .length2 select {
height: 50px;
width: 560px
}
.maincontainer .length2 textarea {
width: 640px
}
.maincontainer .length2 input[type=text] {
border: none;
font-style: italic;
height: 30px;
width: 220px
}
.maincontainer .length2 input {
margin-right: 5px;
padding: 10px
}
.maincontainer .length2 label {
margin-right: 30px
}
.maincontainer .yesno {
margin-right: 30px
}
.maincontainer .jtip {
margin-right: 10px !important
}
.maincontainer .height40+input[type=text] {
height: 40px
}
.maincontainer .length3 {
margin-bottom: 40px
}
.maincontainer .length3 label {
margin-right: 25px
}
.maincontainer .length3 label+input[type=text] {
font-style: italic
}
.maincontainer .right10 {
margin-right: 10px !important
}
.maincontainer .wid560+input[type=text] {
height: 35px;
padding: 0 10px;
width: 560px
}
.maincontainer .wid142+input[type=text] {
height: 35px;
padding: 0 10px;
width: 142px
}
.maincontainer .wid190+input[type=text] {
height: 40px;
width: 190px
}
.maincontainer .length4 {
margin-bottom: 40px
}
.maincontainer .length4 label {
margin-right: 14px
}
.maincontainer .length4 label:last-child {
margin-right: -5px
}
.maincontainer .lastlength4 input {
height: 40px;
padding: 0 10px;
width: 510px
}
.maincontainer .right15 label {
margin-right: 15px
}
.maincontainer .nameheight input[type=text] {
height: 40px;
width: 450px
}
.maincontainer .wid210 input[type=text] {
height: 40px;
width: 210px
}
.maincontainer .wid210 select {
height: 40px;
width: 210px
}
.maincontainer .right30 select {
margin-right: 30px
}
.maincontainer .firsthead5 .heading {
margin-bottom: 30px !important
}
.maincontainer .length6 {
margin-bottom: 30px
}
.maincontainer .length6 p:nth-child(1) {
text-transform: uppercase
}
.maincontainer .length6 input[type=button] {
background-color: #000000;
color: #ffffff;
float: right;
padding: 15px 30px
}
.maincontainer .length6:last-child {
margin-bottom: 0
}
.maincontainer input[type=radio] {
display: none
}
.maincontainer input[type=radio]:checked+label:before {
background-color: #ffffff;
border: 1px solid #e2e4e4;
color: #1674ae;
content: "\2022";
font-size: 1.4em;
line-height: 61%;
text-align: center
}
.maincontainer input[type=checkbox] {
display: none
}
.maincontainer input[type=checkbox]:checked+label:before {
background-color: #ffffff;
color: #0066a1;
content: "\2714";
line-height: 15px;
text-align: center
}
.maincontainer input[type=radio]+label:before {
background-color: #ffffff;
border-radius: 8px;
border: 1px solid #e2e4e4;
content: "";
display: inline-block;
height: 15px;
margin-right: 8px;
vertical-align: text-bottom;
width: 15px
}
.maincontainer input[type=checkbox]+label:before {
background-color: #ffffff;
border-radius: 4px;
content: "";
display: inline-block;
height: 15px;
margin-right: 8px;
vertical-align: top;
width: 15px
}
.mainback6 {
background-color: #ededee;
padding: 30px
}
.clearfloat {
clear: both
}
.headimagecontainer p {
margin-bottom: 0
}
.headimagecontainer img {
padding: 30px 207px 35px 208px
}
.buttons .submitbuttonleft {
font-size: 100%;
background-color: #0066a1;
color: #ffffff;
cursor: pointer;
float: left;
height: 50px;
width: 170px;
text-align: left;
padding-left: 30px;
border: none;
font-weight: bold
}
.buttons .submitbuttonarrow {
border: none;
font: inherit;
border-left: 1px solid #fff;
float: left;
font-size: xx-large;
height: 50px;
line-height: 50px;
padding-left: 5px;
width: 50px;
color: #fff;
background-color: #0066a1
}
* {
box-sizing: border-box;
font-family: arial;
margin: 0;
padding: 0
}
.sheathskiptalk a {
cursor: pointer
}
.sheathdisplayinline {
display: inline
}
.sheathbackorange {
background-color: #e98300 !important
}
.sheathbold {
font-weight: bold !important
}
.sheathmaincontainerforall {
width: 1024px;
background-color: #f7f7f7;
margin: 0 auto;
padding: 30px 0 80px 0
}
.sheathmaincontainerforall input[type=text] {
outline: none;
border: none
}
.sheathmaincontainerforall em {
font-style: italic
}
.sheathmaincontainerforall strong {
font-weight: bold
}
.sheathmaincontainerforall select {
background-color: #ffffff;
border: none;
padding: 10px 10px;
font-size: .875rem;
color: #3f4348;
line-height: 36px
}
.sheathmaincontainerforall .sheathwid941 {
width: 941px
}
.sheathmaincontainerforall .sheatherrormessage {
display: none;
color: #ca1a2f;
margin: 30px 0 30px 0;
font-weight: 500
}
.sheathmaincontainerforall .sheatherrmark {
background-color: #ca1a2f;
border-radius: 50%;
color: #ffffff;
float: left;
font-weight: bold;
height: 17px;
line-height: 18px;
margin-right: 5px;
text-align: center;
width: 17px
}
.sheathmaincontainerforall label.error {
display: block;
margin-top: 6px;
color: #ca1a2f
}
.sheathmaincontainerforall input.error {
outline: 1px solid #ca1a2f !important
}
.sheathmaincontainerforall input.valid {
outline: none !important
}
.sheathmaincontainerforall .sheathbottom20 {
margin-bottom: 20px !important
}
.sheathmaincontainerforall .sheathbottom50 {
margin-bottom: 50px !important
}
.sheathmaincontainerforall .sheathbottom40 {
margin-bottom: 40px !important
}
.sheathmaincontainerforall .sheathheading {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #e98300;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: 26px;
margin-bottom: 30px !important;
text-transform: uppercase
}
.sheathmaincontainerforall .sheathclearfloat {
clear: both
}
.sheathmaincontainerforall .sheathnumbering {
background-color: orange;
border-radius: 50%;
color: #ffffff;
float: left;
font-weight: bold;
height: 35px;
line-height: 35px;
margin-right: 13px !important;
text-align: center;
width: 35px
}
.sheathmaincontainerforall .sheathheadimagecontainer p {
margin-bottom: 0
}
.sheathmaincontainerforall .sheathheadimagecontainer img {
padding: 30px 180px 30px 150px
}
.sheathmaincontainer {
width: 981px
}
.sheathmaincontainer p {
margin-bottom: 10px
}
.sheathmaincontainer input[type=text] {
background-color: #ffffff;
border: none;
padding: 0 10px
}
.sheathmaincontainer .right15 {
margin-right: 15px
}
.sheathmaincontainer .right5 {
margin-right: 5px !important
}
.sheathmaincontainer .wid450 {
margin-bottom: 20px
}
.sheathmaincontainer .wid450 input[type=text] {
height: 40px;
width: 450px
}
.sheathmaincontainer .wid450 input[type=email] {
padding: 0 10px;
height: 40px;
width: 210px;
border: none
}
.sheathmaincontainer .wid210 {
margin-bottom: 20px
}
.sheathmaincontainer .wid210 input[type=text] {
height: 40px;
width: 210px
}
.sheathmaincontainer .wid210 select {
height: 40px;
margin-right: 30px;
width: 210px
}
.sheathmaincontainer textarea {
border: none
}
.sheathmaincontainer input[type=radio] {
display: none
}
.sheathmaincontainer input[type=radio]:checked+label:before {
background-color: #ffffff;
border: 1px solid #e2e4e4;
color: #1674ae;
content: "\2022";
font-size: 1.4em;
line-height: 61%;
text-align: center
}
.sheathmaincontainer input[type=checkbox] {
display: none
}
.sheathmaincontainer input[type=checkbox]:checked+label:before {
background-color: #ffffff;
color: #0066a1;
content: "\2714";
line-height: 15px;
text-align: center
}
.sheathmaincontainer input[type=radio]+label:before {
background-color: #ffffff;
border-radius: 8px;
border: 1px solid #e2e4e4;
content: "";
display: inline-block;
height: 15px;
margin-right: 8px;
vertical-align: text-bottom;
width: 15px
}
.sheathmaincontainer input[type=checkbox]+label:before {
background-color: #ffffff;
border-radius: 4px;
content: "";
display: inline-block;
height: 15px;
margin-right: 8px;
vertical-align: top;
width: 15px
}
.sheathmaincontainer .sheathleftcontainer {
background-color: #ededee;
float: left;
padding: 30px;
width: 701px
}
.sheathmaincontainer .sheathrightcontainer {
float: left;
width: 280px
}
.sheathrightsub {
margin-bottom: 20px !important;
padding-left: 20px
}
.sheathrighttext {
vertical-align: middle
}
.sheathsubnumbering {
background-color: #cccccc;
border-radius: 50%;
color: #ffffff;
float: left;
font-weight: bold;
height: 20px;
line-height: 20px;
margin-right: 12px;
text-align: center;
width: 20px
}
.sheathborderline {
border-top: 1px solid #dcdcdd;
margin-top: 30px
}
.sheathskiptalk {
float: right;
padding-top: 25px
}
.sheathsubmitbuttonleft {
font-size: 100%;
background-color: #0066a1;
color: #ffffff;
cursor: pointer;
float: left;
height: 50px;
width: 170px;
text-align: left;
padding-left: 30px;
border: none;
font-weight: bold
}
.sheathsubmitbuttonarrow {
border: none;
font: inherit;
border-left: 1px solid #fff;
float: left;
font-size: xx-large;
height: 50px;
line-height: 50px;
padding-left: 5px;
width: 50px;
color: #fff;
background-color: #0066a1
}
.sheathprevbutton {
background-color: #ffffff;
color: #0066a1;
cursor: pointer;
float: left;
height: 50px;
width: 220px
}
.sheathprevarrow {
border-right: 1px solid #ededee;
float: left;
font-size: xx-large;
height: 50px;
line-height: 50px;
padding-left: 15px;
width: 50px
}
.sheathprevtext {
float: right;
font-weight: bold;
height: 50px;
line-height: 50px;
padding-right: 20px;
text-align: right;
width: 170px
}
.sheathnextbutton {
background-color: #0066a1;
color: #ffffff;
cursor: pointer;
float: right;
height: 50px;
width: 220px
}
.sheathnextarrow {
border-left: 1px solid #ffffff;
float: left;
font-size: xx-large;
height: 50px;
line-height: 50px;
padding-left: 15px;
width: 50px
}
.sheathnexttext {
float: left;
font-weight: bold;
height: 50px;
line-height: 50px;
padding-left: 20px;
width: 170px
}
.sheathlength {
margin-bottom: 40px
}
.sheathlength label {
margin-right: 30px
}
.sheathlength input[type=text] {
height: 40px;
padding: 10px;
width: 120px
}
.sheathlength2 {
margin-bottom: 40px
}
.sheathlength2 label {
margin-right: 28px
}
.sheathlength2 input[type=text] {
font-style: italic;
height: 35px;
width: 89px;
font-size: x-small
}
.sheathlength3 {
margin-bottom: 40px
}
.sheathlength3 label {
margin-right: 30px
}
.sheathlength3 input[type=text] {
height: 40px;
width: 290px
}
.sheathlength4 {
margin-bottom: 40px
}
.sheathlength4 label {
margin-right: 30px
}
.sheathlength5 {
margin-bottom: 40px
}
.sheathlength5 label {
margin-right: 30px
}
.sheathlength6 {
margin-bottom: 40px
}
.sheathlength6 p:nth-child(1) {
text-transform: capitalize
}
.sheathlength6 label {
margin-right: 22px
}
.sheathlength6 label:last-child {
margin-right: -5px
}
.inputwid input[type=text] {
height: 40px;
width: 510px
}
.sheathfirstlength6 label {
margin-right: 14px
}
.sheathlength7 {
margin-bottom: 40px
}
.sheathlength7 textarea {
width: 640px
}
.sheathlength7 input[type=button] {
background-color: #000000;
color: #ffffff;
margin-right: 10px;
padding: 20px 30px
}
.sheathfloatright {
float: right
}
.sheathfloatleft {
float: left
}
.sheathlength8 {
margin-bottom: 30px
}
.sheathlength8 input[type=button] {
background-color: #000000;
color: #ffffff;
margin-right: 10px;
padding: 20px 30px
}
.sheathlength8 p:first-child {
text-transform: uppercase
}
.sheathlength8:last-child {
margin-bottom: 0
}
.sheathlengthmainback {
background-color: #ededee;
padding: 30px
}
.breadcrumb-expand {
margin-right: 10px;
width: 18px;
height: 18px;
padding-top: 4px;
padding-left: 4px
}
.breadcrumb-expand.btn-block-4 i {
width: 10px;
height: 10px;
margin: 0;
padding: 0;
font-size: 10px;
top: 0;
display: block
}
.breadcrumb-navigation {
font: 500 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
color: #0066a1;
text-transform: uppercase;
overflow: hidden;
width: 75%;
display: inline-block
}
@media (max-width: 719px) {
body.responsive .breadcrumb-navigation {
float:left;
width: 100%;
margin-right: 0;
float: right;
clear: both;
float: none;
padding: 20px 0 0
}
}
.breadcrumb-navigation.top-level {
color: #3f4348
}
.breadcrumb-navigation li {
margin-bottom: 7px;
line-height: 18px;
display: none
}
.breadcrumb-navigation li i {
color: #666;
position: relative;
top: 1px;
margin-right: 5px;
margin-left: 5px
}
.breadcrumb-navigation li.first-breadcrumb {
display: inline-block
}
.breadcrumb-navigation li.first-breadcrumb i {
display: none
}
@media (max-width: 719px) {
body.responsive .breadcrumb-navigation li.last-breadcrumb {
margin:0
}
}
.breadcrumb-navigation.expand li {
display: inline-block;
white-space: nowrap
}
@media (max-width: 719px) {
body.responsive .breadcrumb-navigation.expand li {
position:relative;
white-space: normal;
margin-right: 5px
}
body.responsive .breadcrumb-navigation.expand li.last-breadcrumb a {
margin: 0
}
body.responsive .breadcrumb-navigation.expand li.last-breadcrumb a:after {
display: none
}
body.responsive .breadcrumb-navigation.expand li i {
display: none
}
body.responsive .breadcrumb-navigation.expand li a:after {
content: "";
background-color: #666;
height: 100%;
margin-left: 7px;
padding-left: 1px;
position: relative;
top: -1px
}
}
.breadcrumb-expanded-heading {
display: inline;
font: 500 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem
}
@media (max-width: 719px) {
body.responsive .breadcrumb-expanded-heading {
font-size:16px
}
}
a .breadcrumb-expanded-heading {
color: #0066a1
}
a:hover .breadcrumb-expanded-heading,a:focus .breadcrumb-expanded-heading {
color: #3db7e4
}
.btn-fast-on-slow-off,a.btn-clr-1,a.btn-clr-2,a.btn-clr-3,a.btn-clr-4,a.btn-clr-5,a.btn-clr-6,a.btn-clr-6 .icon,a.btn-clr-7,a.btn-clr-7 .icon,a.btn-clr-9,a.btn-clr-10,a.btn-clr-10 .icon,a.btn-clr-11,a.btn-clr-11 .icon,a.btn-clr-12,a.btn-clr-12 .icon,a.btn-clr-13,a.btn-clr-15,a.btn-clr-15 .icon,a.btn-clr-compare,.btn-tab-panel-expand,.btn-tab-panel-expand .icon,#multi-checkbox-dropdown label,#multi-checkbox-dropdown label.checked:not(.disabled):hover span,#multi-checkbox-dropdown label.checked:not(.disabled):focus span,#multi-checkbox-dropdown label:hover:not(.disabled) i,#multi-checkbox-dropdown label:focus:not(.disabled) i,.selectboxit-btn.selectboxit-enabled:hover,.selectboxit-btn.selectboxit-enabled:focus,.selectboxit-btn.selectboxit-enabled:active,.accept-download-modal li.agree-button a,.accept-download-modal li.disagree-button a,.compare-product-item-checkbox label,.compare-product-item-checkbox label.checked:hover i,.compare-product-item-checkbox label.checked:focus i,.compare-product-item-checkbox label:hover i,.compare-product-item-checkbox label:focus i,.compare-product-item-checkbox label.focus i,.feature-filter-checkbox-dropdown label,.feature-filter-checkbox-dropdown label.checked:hover i,.feature-filter-checkbox-dropdown label.checked:focus i,.feature-filter-checkbox-dropdown label:hover i,.feature-filter-checkbox-dropdown label:focus i,.feature-filter-checkbox-dropdown label.focus i,.samples-available-filter-checkbox label,.samples-available-filter-checkbox label.checked:hover i,.samples-available-filter-checkbox label.checked:focus i,.samples-available-filter-checkbox label:hover i,.samples-available-filter-checkbox label:focus i,.samples-available-filter-checkbox label.focus i,.customer-service-modal-right-column a.check-for-sample-button,.customer-support-landing-wrapper .customer-support-navigation .non-anchor,.excel-generator-filter-checkbox label,.excel-generator-filter-checkbox label.checked:hover i,.excel-generator-filter-checkbox label.checked:focus i,.excel-generator-filter-checkbox label:hover i,.excel-generator-filter-checkbox label:focus i,.excel-generator-filter-checkbox label.focus i,.my-parts-list .tile-products .product-result-tile-container .result-checkbox-col .part-select-checkbox label,.my-parts-list .tile-products .product-result-tile-container .result-checkbox-col .part-select-checkbox label.checked:hover i,.my-parts-list .tile-products .product-result-tile-container .result-checkbox-col .part-select-checkbox label.checked:focus i,.my-parts-list .tile-products .product-result-tile-container .result-checkbox-col .part-select-checkbox label:hover i,.my-parts-list .tile-products .product-result-tile-container .result-checkbox-col .part-select-checkbox label:focus i,.my-parts-list .tile-products .product-result-tile-container .result-checkbox-col .part-select-checkbox label.focus i,.btn-group-clr-1 li>a,.btn-group-clr-5 li>a,.btn-group-clr-6 li>a,.btn-group-clr-6 li>a .icon,.btn-group-clr-9 li>a,.btn-group-clr-10 li a,.btn-group-clr-10 li a .icon,button.btn-block-1.btn-clr-4,.cq-wcm-edit #te-header nav .edit-box,.cq-wcm-edit .has-not-cta .cta-container-wrap .wrapper .edit-box,.cq-wcm-edit .has-cta .edit-box,button.cq-wcm-edit #te-header nav .edit-box.btn-clr-4,button.cq-wcm-edit .has-not-cta .cta-container-wrap .wrapper .edit-box.btn-clr-4,button.cq-wcm-edit .has-cta .edit-box.btn-clr-4 {
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out
}
.btn-fast-on-slow-off:hover,.btn-fast-on-slow-off:focus,a.btn-clr-1:hover,a.btn-clr-1:focus,a.btn-clr-2:hover,a.btn-clr-2:focus,a.btn-clr-3:hover,a.btn-clr-3:focus,a.btn-clr-4:hover,a.btn-clr-4:focus,a.btn-clr-5:hover,a.btn-clr-5:focus,a.btn-clr-6:hover,a.btn-clr-6:focus,a.btn-clr-6 .icon:hover,a.btn-clr-6 .icon:focus,a.btn-clr-7:hover,a.btn-clr-7:focus,a.btn-clr-7 .icon:hover,a.btn-clr-7 .icon:focus,a.btn-clr-9:hover,a.btn-clr-9:focus,a.btn-clr-10:hover,a.btn-clr-10:focus,a.btn-clr-10 .icon:hover,a.btn-clr-10 .icon:focus,a.btn-clr-11:hover,a.btn-clr-11:focus,a.btn-clr-11 .icon:hover,a.btn-clr-11 .icon:focus,a.btn-clr-12:hover,a.btn-clr-12:focus,a.btn-clr-12 .icon:hover,a.btn-clr-12 .icon:focus,a.btn-clr-13:hover,a.btn-clr-13:focus,a.btn-clr-15:hover,a.btn-clr-15:focus,a.btn-clr-15 .icon:hover,a.btn-clr-15 .icon:focus,a.btn-clr-compare:hover,a.btn-clr-compare:focus,.btn-tab-panel-expand:hover,.btn-tab-panel-expand:focus,.btn-tab-panel-expand .icon:hover,.btn-tab-panel-expand .icon:focus,#multi-checkbox-dropdown label:hover,#multi-checkbox-dropdown label:focus,#multi-checkbox-dropdown label.checked:not(.disabled):hover span:hover,#multi-checkbox-dropdown label.checked:not(.disabled):hover span:focus,#multi-checkbox-dropdown label.checked:not(.disabled):focus span:hover,#multi-checkbox-dropdown label.checked:not(.disabled):focus span:focus,#multi-checkbox-dropdown label:hover:not(.disabled) i:hover,#multi-checkbox-dropdown label:hover:not(.disabled) i:focus,#multi-checkbox-dropdown label:focus:not(.disabled) i:hover,#multi-checkbox-dropdown label:focus:not(.disabled) i:focus,.selectboxit-btn.selectboxit-enabled:hover:hover,.selectboxit-btn.selectboxit-enabled:hover:focus,.selectboxit-btn.selectboxit-enabled:focus:hover,.selectboxit-btn.selectboxit-enabled:focus:focus,.selectboxit-btn.selectboxit-enabled:active:hover,.selectboxit-btn.selectboxit-enabled:active:focus,.accept-download-modal li.agree-button a:hover,.accept-download-modal li.agree-button a:focus,.accept-download-modal li.disagree-button a:hover,.accept-download-modal li.disagree-button a:focus,.compare-product-item-checkbox label:hover,.compare-product-item-checkbox label:focus,.compare-product-item-checkbox label.checked:hover i:hover,.compare-product-item-checkbox label.checked:hover i:focus,.compare-product-item-checkbox label.checked:focus i:hover,.compare-product-item-checkbox label.checked:focus i:focus,.compare-product-item-checkbox label:hover i:hover,.compare-product-item-checkbox label:hover i:focus,.compare-product-item-checkbox label:focus i:hover,.compare-product-item-checkbox label:focus i:focus,.compare-product-item-checkbox label.focus i:hover,.compare-product-item-checkbox label.focus i:focus,.feature-filter-checkbox-dropdown label:hover,.feature-filter-checkbox-dropdown label:focus,.feature-filter-checkbox-dropdown label.checked:hover i:hover,.feature-filter-checkbox-dropdown label.checked:hover i:focus,.feature-filter-checkbox-dropdown label.checked:focus i:hover,.feature-filter-checkbox-dropdown label.checked:focus i:focus,.feature-filter-checkbox-dropdown label:hover i:hover,.feature-filter-checkbox-dropdown label:hover i:focus,.feature-filter-checkbox-dropdown label:focus i:hover,.feature-filter-checkbox-dropdown label:focus i:focus,.feature-filter-checkbox-dropdown label.focus i:hover,.feature-filter-checkbox-dropdown label.focus i:focus,.samples-available-filter-checkbox label:hover,.samples-available-filter-checkbox label:focus,.samples-available-filter-checkbox label.checked:hover i:hover,.samples-available-filter-checkbox label.checked:hover i:focus,.samples-available-filter-checkbox label.checked:focus i:hover,.samples-available-filter-checkbox label.checked:focus i:focus,.samples-available-filter-checkbox label:hover i:hover,.samples-available-filter-checkbox label:hover i:focus,.samples-available-filter-checkbox label:focus i:hover,.samples-available-filter-checkbox label:focus i:focus,.samples-available-filter-checkbox label.focus i:hover,.samples-available-filter-checkbox label.focus i:focus,.customer-service-modal-right-column a.check-for-sample-button:hover,.customer-service-modal-right-column a.check-for-sample-button:focus,.customer-support-landing-wrapper .customer-support-navigation .non-anchor:hover,.customer-support-landing-wrapper .customer-support-navigation .non-anchor:focus,.excel-generator-filter-checkbox label:hover,.excel-generator-filter-checkbox label:focus,.excel-generator-filter-checkbox label.checked:hover i:hover,.excel-generator-filter-checkbox label.checked:hover i:focus,.excel-generator-filter-checkbox label.checked:focus i:hover,.excel-generator-filter-checkbox label.checked:focus i:focus,.excel-generator-filter-checkbox label:hover i:hover,.excel-generator-filter-checkbox label:hover i:focus,.excel-generator-filter-checkbox label:focus i:hover,.excel-generator-filter-checkbox label:focus i:focus,.excel-generator-filter-checkbox label.focus i:hover,.excel-generator-filter-checkbox label.focus i:focus,.my-parts-list .tile-products .product-result-tile-container .result-checkbox-col .part-select-checkbox label:hover,.my-parts-list .tile-products .product-result-tile-container .result-checkbox-col .part-select-checkbox label:focus,.my-parts-list .tile-products .product-result-tile-container .result-checkbox-col .part-select-checkbox label.checked:hover i:hover,.my-parts-list .tile-products .product-result-tile-container .result-checkbox-col .part-select-checkbox label.checked:hover i:focus,.my-parts-list .tile-products .product-result-tile-container .result-checkbox-col .part-select-checkbox label.checked:focus i:hover,.my-parts-list .tile-products .product-result-tile-container .result-checkbox-col .part-select-checkbox label.checked:focus i:focus,.my-parts-list .tile-products .product-result-tile-container .result-checkbox-col .part-select-checkbox label:hover i:hover,.my-parts-list .tile-products .product-result-tile-container .result-checkbox-col .part-select-checkbox label:hover i:focus,.my-parts-list .tile-products .product-result-tile-container .result-checkbox-col .part-select-checkbox label:focus i:hover,.my-parts-list .tile-products .product-result-tile-container .result-checkbox-col .part-select-checkbox label:focus i:focus,.my-parts-list .tile-products .product-result-tile-container .result-checkbox-col .part-select-checkbox label.focus i:hover,.my-parts-list .tile-products .product-result-tile-container .result-checkbox-col .part-select-checkbox label.focus i:focus,.btn-group-clr-1 li>a:hover,.btn-group-clr-1 li>a:focus,.btn-group-clr-5 li>a:hover,.btn-group-clr-5 li>a:focus,.btn-group-clr-6 li>a:hover,.btn-group-clr-6 li>a:focus,.btn-group-clr-6 li>a .icon:hover,.btn-group-clr-6 li>a .icon:focus,.btn-group-clr-9 li>a:hover,.btn-group-clr-9 li>a:focus,.btn-group-clr-10 li a:hover,.btn-group-clr-10 li a:focus,.btn-group-clr-10 li a .icon:hover,.btn-group-clr-10 li a .icon:focus,button.btn-block-1.btn-clr-4:hover,button.btn-block-1.btn-clr-4:focus,.cq-wcm-edit #te-header nav .edit-box:hover,.cq-wcm-edit #te-header nav .edit-box:focus,.cq-wcm-edit .has-not-cta .cta-container-wrap .wrapper .edit-box:hover,.cq-wcm-edit .has-not-cta .cta-container-wrap .wrapper .edit-box:focus,.cq-wcm-edit .has-cta .edit-box:hover,.cq-wcm-edit .has-cta .edit-box:focus,button.cq-wcm-edit #te-header nav .edit-box.btn-clr-4:hover,button.cq-wcm-edit #te-header nav .edit-box.btn-clr-4:focus,button.cq-wcm-edit .has-not-cta .cta-container-wrap .wrapper .edit-box.btn-clr-4:hover,button.cq-wcm-edit .has-not-cta .cta-container-wrap .wrapper .edit-box.btn-clr-4:focus,button.cq-wcm-edit .has-cta .edit-box.btn-clr-4:hover,button.cq-wcm-edit .has-cta .edit-box.btn-clr-4:focus {
-webkit-transition: all .075s ease-out;
transition: all .075s ease-out
}
.btn-block-1,.cq-wcm-edit #te-header nav .edit-box,.cq-wcm-edit .has-not-cta .cta-container-wrap .wrapper .edit-box,.cq-wcm-edit .has-cta .edit-box {
display: block;
float: left;
text-align: center;
padding: 12px 20px;
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
height: 40px
}
.btn-block-1 .icon,.cq-wcm-edit #te-header nav .edit-box .icon,.cq-wcm-edit .has-not-cta .cta-container-wrap .wrapper .edit-box .icon,.cq-wcm-edit .has-cta .edit-box .icon {
display: inline-block;
text-align: center;
min-width: 20px;
line-height: 20px
}
.btn-block-1.icon-right .icon,.cq-wcm-edit #te-header nav .edit-box.icon-right .icon,.cq-wcm-edit .has-not-cta .cta-container-wrap .wrapper .edit-box.icon-right .icon,.cq-wcm-edit .has-cta .edit-box.icon-right .icon {
margin-left: 10px
}
.btn-block-2,.btn-group-2 a,.customer-support-landing-wrapper .customer-support-navigation .non-anchor {
display: block;
float: left;
text-align: center;
padding: 14px 0;
margin-right: 40px;
font: 200 26px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.625rem;
line-height: 1em;
border-bottom: 0 solid;
text-transform: Uppercase
}
.btn-block-2.active,.btn-block-2:active,.btn-group-2 a.active,.btn-group-2 a:active,.customer-support-landing-wrapper .customer-support-navigation .non-anchor.active,.customer-support-landing-wrapper .customer-support-navigation .non-anchor:active {
padding: 14px 0 10px;
border-bottom: 4px solid;
font: 400 26px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 26px;
font-size: 1.625rem;
line-height: 1.23076923;
color: #3db7e4
}
.btn-block-3,.btn-group-3 a {
display: block;
float: left;
padding: 0 0 0 14px;
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
line-height: 68px;
text-transform: Uppercase;
border: 1px solid
}
.btn-block-3 i,.btn-group-3 a i {
display: block;
float: right;
width: 66px;
line-height: 68px !important;
text-align: center;
margin-left: 14px;
border-left: 1px solid
}
@media (max-width: 719px) {
body.responsive .btn-block-3,body.responsive .btn-group-3 a {
line-height:normal;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
min-height: 70px;
position: relative;
padding: 17px 87px 17px 17px
}
body.responsive .btn-block-3 i,body.responsive .btn-group-3 a i {
width: 70px;
height: 100% !important;
line-height: normal !important;
margin: 0;
position: absolute;
top: 0;
right: 0
}
body.responsive .btn-block-3 i:before,body.responsive .btn-group-3 a i:before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0)
}
}
.btn-block-4 {
display: block;
float: left;
font: 500 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.btn-block-4 i {
padding-right: 8px;
position: relative;
top: 2px
}
.btn-block-5 {
display: block;
text-align: center;
width: 71px;
height: 71px;
line-height: 71px;
overflow: hidden
}
.btn-block-5 .icon {
display: inline-block;
text-align: center;
min-width: 71px;
line-height: 71px
}
.btn-block-6 {
display: block;
text-align: center;
width: 36px;
height: 36px;
line-height: 36px;
overflow: hidden
}
.btn-block-6 .icon {
display: inline-block;
text-align: center;
min-width: 36px;
line-height: 36px
}
.btn-block-7,.pagination a {
font: 900 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
display: inline-block;
text-align: center;
width: 24px;
height: 24px;
line-height: 24px;
overflow: hidden
}
.btn-block-7 .icon,.pagination a .icon {
display: inline-block;
text-align: center;
min-width: 24px;
line-height: 24px
}
.btn-block-white,.btn-block-8,.btn-block-12,.btn-group-4 a,.btn-group-5 a,.btn-group-8 a {
display: block;
line-height: 32px;
border-bottom: 1px solid #ededee;
border-right: 1px solid #ededee
}
.btn-checkbox-white {
border-bottom: 1px solid #ededee;
border-right: 1px solid #ededee;
border-left: 1px solid #ededee
}
.btn-block-8,.btn-group-4 a {
font: 500 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
min-width: 207px;
padding: 0 20px
}
html.oldie .btn-block-8,html.oldie .btn-group-4 a {
width: 207
}
.btn-block-9 {
display: block;
height: 90px;
padding: 30px 94px 0 30px;
position: relative;
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
line-height: 1.5;
text-transform: uppercase
}
.btn-block-9 i {
display: block;
right: 0;
top: 0;
position: absolute;
width: 90px;
line-height: 90px !important;
text-align: center
}
@media (max-width: 719px) {
body.responsive .btn-block-9 {
padding:17px 87px 17px 17px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: auto;
line-height: 1.3;
min-height: 70px
}
body.responsive .btn-block-9 i {
line-height: 1;
width: 70px;
height: 100%
}
body.responsive .btn-block-9 i:before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0)
}
}
.btn-block-10 {
display: table;
font: 500 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem
}
.btn-block-10 span {
display: table-cell;
vertical-align: middle;
padding-right: 12px
}
.btn-block-11 {
display: block;
float: left;
padding: 0 0 0 14px;
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
line-height: 51px;
text-transform: uppercase;
text-align: center;
width: 300px
}
.btn-block-11 i {
display: block;
float: right;
width: 51px;
line-height: 51px !important;
text-align: center;
margin-left: 14px;
border-left: 1px solid
}
.btn-block-12,.btn-group-5 a,.btn-group-8 a {
font: 200 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
min-width: 200px;
padding: 20px 20px;
text-align: center;
background-color: #ffffff
}
html.oldie .btn-block-12,html.oldie .btn-group-5 a,html.oldie .btn-group-8 a {
min-width: auto;
width: 230px
}
.btn-block-13 {
display: block;
float: left;
font: 500 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
line-height: 14px;
border-top: 1px solid #ededee;
padding: 8px 13px;
width: 160px;
text-align: center
}
.btn-block-13 i {
margin-right: 10px
}
.btn-block-14 {
display: block;
font: 200 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 10px 13px;
width: 160px;
text-align: center
}
.btn-block-14 i {
margin-right: 10px
}
.btn-block-15 {
display: block;
float: left;
text-align: center;
padding: 8px 10px;
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.57142857;
width: 140px;
height: 40px
}
.btn-block-15 .icon {
display: inline-block;
text-align: center;
min-width: 20px;
line-height: 20px
}
.btn-block-16 {
height: 50px;
line-height: 50px;
text-align: center;
display: block;
overflow: hidden
}
.btn-block-16 span {
display: block;
text-indent: -5000px
}
a.btn-clr-1,.btn-group-clr-1 li>a,.cq-wcm-edit #te-header nav .edit-box,.cq-wcm-edit .has-not-cta .cta-container-wrap .wrapper .edit-box,.cq-wcm-edit .has-cta .edit-box {
background: #0066a1;
color: #ffffff
}
a.btn-clr-1:hover,a.btn-clr-1:focus,a.btn-clr-1.active,a.btn-clr-1:active,.btn-group-clr-1 li>a:hover,.btn-group-clr-1 li>a:focus,.btn-group-clr-1 li>a.active,.btn-group-clr-1 li>a:active,.cq-wcm-edit #te-header nav .edit-box:hover,.cq-wcm-edit #te-header nav .edit-box:focus,.cq-wcm-edit #te-header nav .edit-box.active,.cq-wcm-edit #te-header nav .edit-box:active,.cq-wcm-edit .has-not-cta .cta-container-wrap .wrapper .edit-box:hover,.cq-wcm-edit .has-not-cta .cta-container-wrap .wrapper .edit-box:focus,.cq-wcm-edit .has-not-cta .cta-container-wrap .wrapper .edit-box.active,.cq-wcm-edit .has-not-cta .cta-container-wrap .wrapper .edit-box:active,.cq-wcm-edit .has-cta .edit-box:hover,.cq-wcm-edit .has-cta .edit-box:focus,.cq-wcm-edit .has-cta .edit-box.active,.cq-wcm-edit .has-cta .edit-box:active {
background: #3db7e4
}
a.btn-clr-1 .icon,.btn-group-clr-1 li>a .icon,.cq-wcm-edit #te-header nav .edit-box .icon,.cq-wcm-edit .has-not-cta .cta-container-wrap .wrapper .edit-box .icon,.cq-wcm-edit .has-cta .edit-box .icon {
color: #ffffff
}
a.btn-clr-2 {
background: #3f4348;
color: #ffffff
}
a.btn-clr-2:hover,a.btn-clr-2:focus,a.btn-clr-2.active,a.btn-clr-2:active {
background: #3db7e4
}
a.btn-clr-2 .icon {
color: #ffffff
}
a.btn-clr-3 {
color: #899f99
}
a.btn-clr-3:hover,a.btn-clr-3:focus,a.btn-clr-3.active,a.btn-clr-3:active {
background: #3db7e4;
color: #ffffff
}
a.btn-clr-3:hover .icon,a.btn-clr-3:focus .icon,a.btn-clr-3.active .icon,a.btn-clr-3:active .icon {
color: #ffffff
}
a.btn-clr-4,button.btn-block-1.btn-clr-4,button.cq-wcm-edit #te-header nav .edit-box.btn-clr-4,button.cq-wcm-edit .has-not-cta .cta-container-wrap .wrapper .edit-box.btn-clr-4,button.cq-wcm-edit .has-cta .edit-box.btn-clr-4 {
color: #899f99
}
a.btn-clr-4:hover,a.btn-clr-4:focus,a.btn-clr-4.active,a.btn-clr-4:active,button.btn-block-1.btn-clr-4:hover,button.btn-block-1.btn-clr-4:focus,button.btn-block-1.btn-clr-4.active,button.btn-block-1.btn-clr-4:active,button.cq-wcm-edit #te-header nav .edit-box.btn-clr-4:hover,button.cq-wcm-edit #te-header nav .edit-box.btn-clr-4:focus,button.cq-wcm-edit #te-header nav .edit-box.btn-clr-4.active,button.cq-wcm-edit #te-header nav .edit-box.btn-clr-4:active,button.cq-wcm-edit .has-not-cta .cta-container-wrap .wrapper .edit-box.btn-clr-4:hover,button.cq-wcm-edit .has-not-cta .cta-container-wrap .wrapper .edit-box.btn-clr-4:focus,button.cq-wcm-edit .has-not-cta .cta-container-wrap .wrapper .edit-box.btn-clr-4.active,button.cq-wcm-edit .has-not-cta .cta-container-wrap .wrapper .edit-box.btn-clr-4:active,button.cq-wcm-edit .has-cta .edit-box.btn-clr-4:hover,button.cq-wcm-edit .has-cta .edit-box.btn-clr-4:focus,button.cq-wcm-edit .has-cta .edit-box.btn-clr-4.active,button.cq-wcm-edit .has-cta .edit-box.btn-clr-4:active {
color: #3db7e4
}
a.btn-clr-4:hover .icon,a.btn-clr-4:focus .icon,a.btn-clr-4.active .icon,a.btn-clr-4:active .icon,button.btn-block-1.btn-clr-4:hover .icon,button.btn-block-1.btn-clr-4:focus .icon,button.btn-block-1.btn-clr-4.active .icon,button.btn-block-1.btn-clr-4:active .icon,button.cq-wcm-edit #te-header nav .edit-box.btn-clr-4:hover .icon,button.cq-wcm-edit #te-header nav .edit-box.btn-clr-4:focus .icon,button.cq-wcm-edit #te-header nav .edit-box.btn-clr-4.active .icon,button.cq-wcm-edit #te-header nav .edit-box.btn-clr-4:active .icon,button.cq-wcm-edit .has-not-cta .cta-container-wrap .wrapper .edit-box.btn-clr-4:hover .icon,button.cq-wcm-edit .has-not-cta .cta-container-wrap .wrapper .edit-box.btn-clr-4:focus .icon,button.cq-wcm-edit .has-not-cta .cta-container-wrap .wrapper .edit-box.btn-clr-4.active .icon,button.cq-wcm-edit .has-not-cta .cta-container-wrap .wrapper .edit-box.btn-clr-4:active .icon,button.cq-wcm-edit .has-cta .edit-box.btn-clr-4:hover .icon,button.cq-wcm-edit .has-cta .edit-box.btn-clr-4:focus .icon,button.cq-wcm-edit .has-cta .edit-box.btn-clr-4.active .icon,button.cq-wcm-edit .has-cta .edit-box.btn-clr-4:active .icon {
color: #3db7e4
}
a.btn-clr-4 .icon,button.btn-block-1.btn-clr-4 .icon,button.cq-wcm-edit #te-header nav .edit-box.btn-clr-4 .icon,button.cq-wcm-edit .has-not-cta .cta-container-wrap .wrapper .edit-box.btn-clr-4 .icon,button.cq-wcm-edit .has-cta .edit-box.btn-clr-4 .icon {
color: #899f99
}
a.btn-clr-5,.btn-group-clr-5 li>a {
border-color: #3db7e4
}
a.btn-clr-5,a.btn-clr-5:hover,a.btn-clr-5:focus,.btn-group-clr-5 li>a,.btn-group-clr-5 li>a:hover,.btn-group-clr-5 li>a:focus {
color: #4a4f55
}
a.btn-clr-5.active,a.btn-clr-5:active,.btn-group-clr-5 li>a.active,.btn-group-clr-5 li>a:active {
color: #3db7e4
}
a.btn-clr-5 .icon,.btn-group-clr-5 li>a .icon {
color: #3db7e4
}
a.btn-clr-6,.btn-group-clr-6 li>a {
border-color: #ededee;
color: #0066a1
}
a.btn-clr-6 .icon,.btn-group-clr-6 li>a .icon {
border-color: #ededee;
color: #999
}
a.btn-clr-6.active,a.btn-clr-6:active,a.btn-clr-6:focus,a.btn-clr-6:hover,.btn-group-clr-6 li>a.active,.btn-group-clr-6 li>a:active,.btn-group-clr-6 li>a:focus,.btn-group-clr-6 li>a:hover {
color: #3db7e4
}
a.btn-clr-6.active .icon,a.btn-clr-6:active .icon,a.btn-clr-6:focus .icon,a.btn-clr-6:hover .icon,.btn-group-clr-6 li>a.active .icon,.btn-group-clr-6 li>a:active .icon,.btn-group-clr-6 li>a:focus .icon,.btn-group-clr-6 li>a:hover .icon {
color: #3db7e4
}
a.btn-clr-7 .icon {
color: #ffffff
}
a.btn-clr-7.active .icon,a.btn-clr-7:active .icon,a.btn-clr-7:focus .icon,a.btn-clr-7:hover .icon {
color: #3db7e4
}
a.btn-clr-8,a.btn-clr-8 .icon,.pagination a,.pagination a .icon {
color: #686c70
}
a.btn-clr-8.active,a.btn-clr-8:active,a.btn-clr-8:focus,a.btn-clr-8:hover,a.btn-clr-8.active .icon,a.btn-clr-8:active .icon,a.btn-clr-8:focus .icon,a.btn-clr-8:hover .icon,.pagination a.active,.pagination a:active,.pagination a:focus,.pagination a:hover,.pagination a.active .icon,.pagination a:active .icon,.pagination a:focus .icon,.pagination a:hover .icon {
color: #42474c
}
a.btn-clr-9,.btn-group-clr-9 li>a {
color: #666;
border-color: #ededee;
background: #ffffff
}
a.btn-clr-9.active,a.btn-clr-9:active,a.btn-clr-9:focus,a.btn-clr-9:hover,.btn-group-clr-9 li>a.active,.btn-group-clr-9 li>a:active,.btn-group-clr-9 li>a:focus,.btn-group-clr-9 li>a:hover {
color: #ffffff;
border-color: #899f99;
background: #7fb9d6
}
a.btn-clr-10 {
border-color: #ededee;
color: #999
}
a.btn-clr-10 .icon {
border-color: #ededee;
color: #0066a1
}
a.btn-clr-10.active,a.btn-clr-10:active,a.btn-clr-10:focus,a.btn-clr-10:hover {
color: #3db7e4
}
a.btn-clr-10.active .icon,a.btn-clr-10:active .icon,a.btn-clr-10:focus .icon,a.btn-clr-10:hover .icon {
color: #3db7e4
}
a.btn-clr-11,.btn-group-clr-10 li a {
border-color: #ededee;
color: #666
}
a.btn-clr-11 .icon,.btn-group-clr-10 li a .icon {
border-color: #ededee;
color: #666
}
a.btn-clr-11.active,a.btn-clr-11:active,a.btn-clr-11:focus,a.btn-clr-11:hover,.btn-group-clr-10 li a.active,.btn-group-clr-10 li a:active,.btn-group-clr-10 li a:focus,.btn-group-clr-10 li a:hover {
color: #0066a1
}
a.btn-clr-11.active .icon,a.btn-clr-11:active .icon,a.btn-clr-11:focus .icon,a.btn-clr-11:hover .icon,.btn-group-clr-10 li a.active .icon,.btn-group-clr-10 li a:active .icon,.btn-group-clr-10 li a:focus .icon,.btn-group-clr-10 li a:hover .icon {
color: #0066a1
}
a.btn-clr-12 {
color: #0066a1;
background: #ededee
}
a.btn-clr-12 .icon {
color: #ffffff;
background: #0066a1
}
a.btn-clr-12.active,a.btn-clr-12:active,a.btn-clr-12:focus,a.btn-clr-12:hover {
color: #3db7e4
}
a.btn-clr-12.active .icon,a.btn-clr-12:active .icon,a.btn-clr-12:focus .icon,a.btn-clr-12:hover .icon {
background: #3db7e4
}
a.btn-clr-13 {
background: #0066a1;
color: #ffffff !important
}
a.btn-clr-13:hover,a.btn-clr-13:focus,a.btn-clr-13.active,a.btn-clr-13:active {
background: #3db7e4;
color: #ffffff !important
}
a.btn-clr-13 .icon {
color: #ffffff
}
a.btn-clr-14 {
background: #f7f7f7
}
a.btn-clr-15 {
border-color: #ededee;
color: #3f4348
}
a.btn-clr-15.icon-downarrow.icon-small,a.btn-clr-15 .icon.icon-downarrow.icon-small {
font-size: 7px
}
a.btn-clr-15 .icon {
border-color: #ededee;
color: #666
}
a.btn-clr-15.active,a.btn-clr-15:active,a.btn-clr-15:focus,a.btn-clr-15:hover {
color: #3db7e4
}
a.btn-clr-15.active .icon,a.btn-clr-15:active .icon,a.btn-clr-15:focus .icon,a.btn-clr-15:hover .icon {
color: #3db7e4
}
a.btn-clr-16 {
display: block;
border-bottom: 1px solid #ededee;
border-right: 1px solid #ededee;
color: #747678;
text-align: center;
background: #f7f7f7
}
a.btn-clr-16.active,a.btn-clr-16:active,a.btn-clr-16:focus,a.btn-clr-16:hover {
color: #747678;
border-color: #ededee;
background: #f7f7f7
}
a.btn-clr-compare {
background: #999;
color: #ffffff;
padding-bottom: 30px
}
a.btn-clr-compare:hover,a.btn-clr-compare:focus,a.btn-clr-compare.active,a.btn-clr-compare:active {
background: #3db7e4
}
a.btn-clr-compare .icon {
color: #ffffff
}
.btn-group-1:before,.btn-group-1:after {
content: "";
display: table
}
.btn-group-1:after {
clear: both
}
.ie6 .btn-group-1,.ie7 .btn-group-1 {
zoom:1}
.btn-group-1 li,.btn-group-1 a {
display: block;
width: 170px;
float: left
}
.btn-group-1 a {
padding: 15px 13px
}
.btn-group-2 {
border-bottom: 1px solid #ccc;
height: 55px
}
.btn-group-2:before,.btn-group-2:after {
content: "";
display: table
}
.btn-group-2:after {
clear: both
}
.ie6 .btn-group-2,.ie7 .btn-group-2 {
zoom:1}
.btn-group-2 li {
float: left
}
.btn-group-2 a {
font: 400 26px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 26px;
font-size: 1.625rem;
line-height: 1.23076923
}
.btn-group-2 li a:hover,.btn-group-2 li a:focus,.btn-group-2 li.active>a {
padding: 14px 0 10px;
border-bottom: 4px solid #3db7e4
}
.btn-group-3 {
float: left;
width: 31.91489362%;
margin-right: 2.12765957%;
border-top: 1px solid
}
.btn-group-3:before,.btn-group-3:after {
content: "";
display: table
}
.btn-group-3:after {
clear: both
}
.ie6 .btn-group-3,.ie7 .btn-group-3 {
zoom:1}
.btn-group-3 li {
width: 100%
}
.btn-group-3 a {
float: none;
border-top: 0
}
.btn-group-4:before,.btn-group-4:after {
content: "";
display: table
}
.btn-group-4:after {
clear: both
}
.ie6 .btn-group-4,.ie7 .btn-group-4 {
zoom:1}
.btn-group-4 li {
float: left;
margin-right: 20px
}
.btn-group-5 {
text-align: center
}
.btn-group-5:before,.btn-group-5:after {
content: "";
display: table
}
.btn-group-5:after {
clear: both
}
.ie6 .btn-group-5,.ie7 .btn-group-5 {
zoom:1}
.btn-group-5 li {
display: inline-block;
margin-right: 15px
}
.btn-group-5 li:last-child {
margin-right: 0
}
.btn-group-5 a {
min-width: 220px;
padding: 15px 15px;
min-height: 50px
}
html.oldie .btn-group-5 a {
width: 210px
}
.btn-group-6:before,.btn-group-6:after {
content: "";
display: table
}
.btn-group-6:after {
clear: both
}
.ie6 .btn-group-6,.ie7 .btn-group-6 {
zoom:1}
.btn-group-6 li:first-child a {
border-right: 0
}
.btn-group-6 li,.btn-group-6 a {
display: block;
float: left;
width: 160px
}
.btn-group-6 a {
padding: 17px 13px
}
.btn-group-7 {
height: 42px;
margin-bottom: 20px;
border-bottom: 1px solid #ededee
}
.btn-group-7:before,.btn-group-7:after {
content: "";
display: table
}
.btn-group-7:after {
clear: both
}
.ie6 .btn-group-7,.ie7 .btn-group-7 {
zoom:1}
.btn-group-7 ul {
float: right
}
.btn-group-7 li {
text-transform: uppercase;
vertical-align: top;
display: block;
float: left
}
.btn-group-7 a {
max-width: 280px;
padding: 12px 0 4px;
margin: 0 14px;
text-align: center;
display: block;
font: 500 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.btn-group-7 li a:hover,.btn-group-7 li a:focus,.btn-group-7 li a.active {
padding-top: 8px;
border-top: 4px solid #3db7e4;
color: #3db7e4
}
.btn-group-8 {
overflow: hidden;
padding-right: 16px;
padding-left: 16px
}
.btn-group-8:before,.btn-group-8:after {
content: "";
display: table
}
.btn-group-8:after {
clear: both
}
.ie6 .btn-group-8,.ie7 .btn-group-8 {
zoom:1}
.btn-group-8 li {
margin-right: 20px;
text-align: center;
float: left
}
.btn-group-8 li:last-child {
margin-right: 0
}
.btn-group-8 li.optional-link-tab {
float: right
}
.btn-group-8 li.optional-link-tab a {
color: #0066a1;
background-color: #ededee;
border-color: #ccc
}
.btn-group-clr-1 li>a {
text-align: center
}
.btn-group-clr-1 li.active>a {
background: #3db7e4
}
.btn-group-clr-5 li>a {
text-align: center
}
.btn-group-clr-5 li>a:hover,.btn-group-clr-5 li>a:focus,.btn-group-clr-5 li.active>a {
color: #3db7e4
}
.btn-group-clr-6 {
border-color: #ededee
}
.btn-group-clr-6 li.active>a,.btn-group-clr-6 li.active>a i {
color: #3db7e4
}
.btn-group-clr-9 li>a {
color: #999;
text-align: center
}
.btn-group-clr-9 li>a.active,.btn-group-clr-9 li>a:active,.btn-group-clr-9 li>a:focus,.btn-group-clr-9 li>a:hover {
color: #747678;
border-color: #ededee;
background: #f7f7f7
}
.btn-group-clr-9 li.active>a {
color: #747678;
border-color: #ededee;
background: #f7f7f7
}
.btn-group-clr-10 li a {
color: #0066a1;
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
line-height: -webkit-calc(1.28571429);
line-height: calc(1.28571429)
}
.btn-group-clr-10 li a.active {
color: #3db7e4
}
.btn-tab-panel-expand {
position: relative;
font: 900 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
text-transform: uppercase;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
min-height: 70px;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
margin-top: -1px;
padding: 12px 0 12px 24px
}
@media (min-width: 720px) {
body.responsive .btn-tab-panel-expand.desktop {
display:-webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
}
@media (max-width: 719px) {
body.responsive .btn-tab-panel-expand.mobile {
display:-webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
}
@media (max-width: 719px) {
body.responsive .btn-tab-panel-expand.mobile-breakout {
margin-left:-7vw;
margin-right: -7vw
}
}
.btn-tab-panel-expand:first-of-type {
margin-top: 0;
border-top: 1px solid #ededee
}
.btn-tab-panel-expand .icon.when-active {
display: none
}
.btn-tab-panel-expand.active {
border-bottom: 1px solid #ededee
}
.btn-tab-panel-expand.active,.btn-tab-panel-expand.active .icon:before {
color: #3db7e4
}
.btn-tab-panel-expand.active .icon.when-active {
display: block
}
.btn-tab-panel-expand.active .icon.when-inactive {
display: none
}
@media (max-width: 719px) {
body.responsive .btn-tab-panel-expand {
padding-left:7vw
}
}
.btn-tab-panel-expand i {
padding-right: 24px
}
@media (max-width: 719px) {
body.responsive .btn-tab-panel-expand i {
padding-right:7vw;
position: absolute;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
right: 0
}
}
button.btn-block-1.btn-clr-4,button.cq-wcm-edit #te-header nav .edit-box.btn-clr-4,button.cq-wcm-edit .has-not-cta .cta-container-wrap .wrapper .edit-box.btn-clr-4,button.cq-wcm-edit .has-cta .edit-box.btn-clr-4 {
border: none;
cursor: pointer
}
html.oldie button.btn-block-1.btn-clr-4,html.oldie button.cq-wcm-edit #te-header nav .edit-box.btn-clr-4,html.oldie button.cq-wcm-edit .has-not-cta .cta-container-wrap .wrapper .edit-box.btn-clr-4,html.oldie button.cq-wcm-edit .has-cta .edit-box.btn-clr-4 {
overflow: visible
}
.call-to-action {
position: absolute;
bottom: 0;
background: #666
}
.call-to-action:hover,.call-to-action:focus {
background: #3db7e4
}
.call-to-action a {
text-transform: uppercase;
color: #f7f7f7;
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
line-height: 40px;
padding: 0 10px 0 20px;
vertical-align: middle
}
.call-to-action a i.icon {
float: right;
padding: 10px 5px;
border-left: 1px solid #f7f7f7;
color: #f7f7f7
}
.ie7 .call-to-action {
height: 40px;
min-width: 320px;
max-width: 430px;
overflow: hidden
}
.campaign-landing-form-wrapper {
position: fixed;
top: 100px;
right: 10px;
min-height: 70%;
min-width: 300px;
z-index: 10001;
background: #ededee
}
.campaign-landing-form-wrapper .cl-form-titlebar {
position: relative;
background: #999;
width: 100%;
min-height: 40px
}
.campaign-landing-form-wrapper .cl-form-titlebar p {
padding: 12px 0 12px 25px;
color: white;
font: 500 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
text-transform: uppercase
}
.campaign-landing-form-wrapper .cl-form-titlebar .cl-form-titlebar-da {
position: absolute;
top: 40px;
left: 30px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #999
}
.campaign-landing-form-wrapper .cl-form-body {
padding: 30px
}
.campaign-landing-form-wrapper .cl-form-body form label {
display: block;
margin: 0 0 3px 0;
font: 500 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem
}
.campaign-landing-form-wrapper .cl-form-body form input {
display: block;
margin: 0 0 10px 0;
height: 27px;
width: 220px
}
.campaign-landing-form-wrapper .cl-form-body form textarea {
width: 220px;
margin: 0 0 10px 0
}
.campaign-landing-form-wrapper .cl-form-body form .cl-form-btn-wrapper {
margin: 40px 0 0 0;
padding-bottom: 40px
}
.campaign-landing-eloqua-form-wrapper {
width: 1024px;
margin: auto;
z-index: 40
}
.campaign-landing-eloqua-form-wrapper .content-well {
position: absolute;
z-index: 39;
top: 96px;
margin-left: 682px;
width: 320px
}
.campaign-landing-eloqua-form-wrapper .elq-form .label-position.top {
white-space: normal
}
.campaign-landing-eloqua-content-wrapper {
width: 1024px;
margin: 0 auto;
padding: 0 42px
}
.campaign-landing-eloqua-content-wrapper .te-promo.te-promo-video.large .container .promo-content {
float: left;
width: 100%;
margin-right: 20px;
background-color: transparent;
padding: 20px 0 0 0;
height: auto
}
.campaign-landing-eloqua-content-wrapper .te-promo.te-promo-video.large .container .promo-media {
width: 100%;
float: left;
height: 363px !important;
max-height: 363px !important;
margin-top: 20px;
margin-bottom: 20px;
position: relative
}
.campaign-landing-eloqua-content-wrapper .te-promo.te-promo-video.large {
width: 620px
}
.campaign-landing-eloqua-content-wrapper .te-promo.te-promo-video.large .container .promo-media .image-wrap img {
width: 620px;
max-height: 363px;
display: block
}
.campaign-landing-eloqua-content-wrapper .te-promo.te-promo-video.large .te-video-transcript.rte-output {
width: 100%;
margin-left: 0
}
.campaign-landing-eloqua-content-wrapper .te-promo.te-promo-video.large .container {
height: auto;
border-top: none
}
.campaign-landing-eloqua-content-wrapper .primary-video {
border-bottom: none;
margin-bottom: 20px
}
.campaign-landing-eloqua-content-wrapper .te-promo.te-promo-video.large .secondary-videos ul>li {
width: 300px;
margin-right: 20px
}
.campaign-landing-eloqua-content-wrapper .te-promo.te-promo-video.large .secondary-videos ul>li:nth-child(2n) {
margin-right: 0
}
.campaign-landing-eloqua-content-wrapper .te-intro h3 {
float: none;
width: 100%
}
.campaign-landing-eloqua-content-wrapper .te-intro p {
float: none;
width: 100%
}
.campaign-landing-eloqua-content-wrapper .te-intro.te-copy-lead-out h3 {
float: none;
width: 100%
}
.campaign-landing-eloqua-content-wrapper .te-intro dl {
float: none;
margin-top: 15px
}
.campaign-landing-eloqua-content-wrapper .pull-quote .content-quote q {
width: 600px;
margin-left: 20px
}
.campaign-landing-eloqua-content-wrapper .pull-quote-text .content-quote q {
width: 600px;
margin-left: 20px
}
.campaign-landing-eloqua-content-wrapper .copy-module .heading-area {
float: none;
width: 620px;
margin-bottom: 15px
}
.campaign-landing-eloqua-content-wrapper .copy-module .content-area {
float: none;
width: 620px
}
.campaign-landing-eloqua-content-wrapper .chapter-heading .chapter-header {
text-align: left;
width: 620px
}
.campaign-landing-eloqua-content-wrapper .te-promo.te-product-promo .container .promo-media {
line-height: 255px;
text-align: center
}
.campaign-landing-eloqua-content-wrapper .te-promo .container .promo-media img {
width: inherit
}
.campaign-landing-eloqua-content-wrapper .te-image-row {
width: 620px;
margin: 10px 0 10px 0
}
.campaign-landing-eloqua-content-wrapper .te-image-row .full-size-image {
width: 100%
}
.campaign-landing-eloqua-content-wrapper .video-max-width-limit {
max-width: 620px
}
.campaign-landing-eloqua-content-wrapper .copy-link-list .container {
width: 620px;
margin: 0 0;
padding-left: 42px
}
.campaign-landing-eloqua-content-wrapper .te-intro {
width: 620px
}
.campaign-landing-eloqua-content-wrapper .pull-quote .container {
width: 620px;
margin-left: 42px
}
.campaign-landing-eloqua-content-wrapper .pull-quote-text .container {
width: 620px;
margin-left: 42px
}
.campaign-landing-eloqua-content-wrapper .copy-module .container {
width: 620px;
word-wrap: break-word
}
.campaign-landing-eloqua-content-wrapper .wrapper {
width: 620px;
word-wrap: break-word
}
.campaign-landing-eloqua-content-wrapper .wrapper .floating-wrapper {
margin-right: 20px
}
.campaign-landing-eloqua-content-wrapper .wrapper .floating-wrapper:nth-child(2n) {
margin-right: 0
}
.campaign-landing-eloqua-content-wrapper .te-promo.te-product-promo {
width: 300px;
padding: 10px 0 10px 0
}
.campaign-landing-eloqua-content-wrapper .wrapper-grey.no-border-top {
width: 620px
}
.campaign-landing-eloqua-content-wrapper .copy-intro-module {
width: 620px;
-webkit-column-count: auto;
-moz-columns: 1
}
.campaign-landing-eloqua-content-wrapper .copy-intro-module p {
width: 620px;
display: inline-block
}
.campaign-landing-eloqua-content-wrapper .pull-quote .show-quote-media .content-quote {
width: 100%
}
.campaign-landing-eloqua-content-wrapper .pull-quote-text .show-quote-media .content-quote {
width: 100%
}
.campaign-landing-eloqua-form-wrapper .eloqua-form-right .content-area {
float: none
}
.campaign-landing-eloqua-form-wrapper .elq-form .item-padding {
padding: 0
}
.campaign-landing-eloqua-form-wrapper .elq-form .field-style {
margin-left: 0;
margin-right: 0
}
.campaign-landing-eloqua-form-wrapper .elq-form .field-style._100 {
width: 100%
}
.campaign-landing-eloqua-form-wrapper-header {
height: 50px;
line-height: 16px;
color: #fff;
background-color: #999;
text-transform: uppercase;
font-weight: 700;
position: relative;
margin-top: -30px;
padding: 18px 20px;
z-index: 0
}
.campaign-landing-eloqua-form-wrapper-header:after {
content: "";
position: absolute;
bottom: -10px;
left: 20px;
border-width: 10px;
border-style: solid;
border-color: transparent;
border-bottom-width: 0;
border-top-color: #999;
z-index: 0
}
.campaign-landing-eloqua-form-wrapper .eloqua-form-right .container {
padding: 0 20px
}
.campaign-landing-eloqua-form-wrapper .eloqua-form-right .content-area {
width: 100%
}
.campaign-landing-eloqua-form-wrapper .eloqua-form-right form input[type="text"],.campaign-landing-eloqua-form-wrapper .eloqua-form-right form select,.campaign-landing-eloqua-form-wrapper .eloqua-form-right form .selectboxit-container,.campaign-landing-eloqua-form-wrapper .eloqua-form-right form input[type="text"] .selectboxit,.campaign-landing-eloqua-form-wrapper .eloqua-form-right form select .selectboxit,.campaign-landing-eloqua-form-wrapper .eloqua-form-right form .selectboxit-container .selectboxit,.campaign-landing-eloqua-form-wrapper .eloqua-form-right form input[type="text"] .selectboxit-options,.campaign-landing-eloqua-form-wrapper .eloqua-form-right form select .selectboxit-options,.campaign-landing-eloqua-form-wrapper .eloqua-form-right form .selectboxit-container .selectboxit-options {
width: 100% !important;
box-sizing: border-box
}
.campaign-landing-eloqua-form-wrapper .eloqua-form-right form input[type="submit"] {
float: none
}
.campaign-landing-eloqua-form-wrapper .eloqua-form-loading.ng-cloak:before {
margin-left: -20px
}
.campaign-landing-eloqua-hero-wrapper .te-homepage-hero .container {
height: 465px
}
.campaign-landing-eloqua-hero-wrapper .te-homepage-hero img {
min-height: 400px;
max-height: 465px
}
.campaign-landing-eloqua-hero-wrapper .te-homepage-hero .content-box {
top: 50px;
height: 365px
}
.campaign-landing-eloqua-hero-wrapper .te-homepage-hero .content-box .actual-content-box .wrapper .hero-copy {
max-width: 620px;
margin: 0 20px 0 42px;
text-align: left;
word-wrap: break-word
}
.campaign-landing-eloqua-hero-wrapper .te-homepage-hero .content-box .actual-content-box .wrapper .hero-copy a {
display: none
}
.campaign-landing-eloqua-hero-wrapper .te-homepage-hero {
margin: 0 -42px;
margin-bottom: 20px
}
.campaign-landing-eloqua-content-wrapper .pull-quote .content-quote {
margin: 60px 0
}
.campaign-landing-eloqua-content-wrapper .pull-quote-text .content-quote {
margin: 60px 0
}
.campaign-landing-eloqua-content-wrapper .pull-quote .content-quote q.has-marks:before {
left: 0
}
.campaign-landing-eloqua-content-wrapper .pull-quote-text .content-quote q.has-marks:before {
left: 0
}
.campaign-landing-eloqua-content-wrapper .te-promo.te-promo-video.large .secondary-videos ul li.last {
width: 300px;
margin-top: 20px;
float: left
}
.campaign-landing-eloqua-content-wrapper .copy-module-body.copy-module h3,.campaign-landing-eloqua-content-wrapper .copy-module-body.copy-module h4 {
font: 400 24px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.5rem;
line-height: 1.1666666666666667;
color: #3f4348
}
.campaign-landing-eloqua-content-wrapper .copy-module-body.copy-module h3+h4,.campaign-landing-eloqua-content-wrapper .copy-module-body.copy-module h5 {
font: 200 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
line-height: 1.3333333333333333;
color: #747678
}
.campaign-landing-eloqua-content-wrapper .copy-module-body.copy-module .content-area,.campaign-landing-eloqua-content-wrapper .copy-module-body.copy-module .content-area p,.campaign-landing-eloqua-content-wrapper .copy-module-body.copy-module .content-area a {
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
line-height: 1.5714285714285714;
color: #3f4348
}
.campaign-landing-eloqua-content-wrapper .copy-module-body a.cta.cta-link .cta-label .cta-label-txt {
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
line-height: 1.2857142857142858;
color: #fff
}
.campaign-landing-eloqua-content-wrapper .copy-intro .copy-intro-module p,.campaign-landing-eloqua-content-wrapper .copy-intro .copy-intro-module span {
font: 400 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
line-height: 1.5;
color: #747678
}
.campaign-landing-eloqua-content-wrapper .copy-intro .copy-intro-module p strong {
font: 900 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
line-height: 1.5;
color: #3f4348
}
.campaign-landing-eloqua-content-wrapper .copy-lead-in .te-intro h3,.campaign-landing-eloqua-content-wrapper .copy-lead-out .te-intro h3 {
float: none;
width: 100%;
margin-bottom: 15px;
font: 900 28px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.75rem;
line-height: 1.2142857142857142;
color: #e98300
}
.campaign-landing-eloqua-content-wrapper .copy-lead-in .te-intro p,.campaign-landing-eloqua-content-wrapper .copy-lead-out .te-intro p {
float: none;
width: 100%;
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
line-height: 1.5714285714285714;
color: #3f4348
}
.campaign-landing-eloqua-content-wrapper .copy-lead-out .te-intro dl a {
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
line-height: 1.5714285714285714;
color: #0066a1
}
.campaign-landing-eloqua-content-wrapper .copy-link-list.copy-module h3 {
font: 400 24px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.5rem;
line-height: 1.1666666666666667;
color: #3f4348
}
.campaign-landing-eloqua-content-wrapper .copy-link-list.copy-module h4 {
font: 200 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
line-height: 1.3333333333333333;
color: #747678
}
.campaign-landing-eloqua-content-wrapper .copy-link-list.copy-module .content-area,.campaign-landing-eloqua-content-wrapper .copy-link-list.copy-module .content-area p,.campaign-landing-eloqua-content-wrapper .copy-link-list.copy-module .content-area a {
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
line-height: 1.5714285714285714;
color: #3f4348
}
.campaign-landing-eloqua-content-wrapper .copy-link-list.copy-module .content-area a {
color: #0066a1
}
.campaign-landing-eloqua-content-wrapper .pull-quote .content-quote q {
width: 600px;
margin-left: 20px;
font: 200 36px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 2.25rem;
line-height: 1.2222222222222223;
color: #3f4348
}
.campaign-landing-eloqua-content-wrapper .copy-table.copy-module h3 {
font: 400 24px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.5rem;
line-height: 1.1666666666666667;
color: #3f4348
}
.campaign-landing-eloqua-content-wrapper .copy-table.copy-module h4 {
font: 200 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
line-height: 1.3333333333333333;
color: #747678
}
.campaign-landing-eloqua-content-wrapper .copy-table p {
margin-left: 0;
margin-right: 0;
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
line-height: 1.5714285714285714;
color: #3f4348
}
.campaign-landing-eloqua-content-wrapper .qa-module .qa-icon p {
font: 900 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
line-height: 1.3333333333333333;
color: #fff
}
.campaign-landing-eloqua-content-wrapper .qa-module .heading-area {
float: none;
width: 620px;
margin-bottom: 0
}
.campaign-landing-eloqua-content-wrapper .qa-module .heading-area p.question {
font: 400 24px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.5rem;
line-height: 1.1666666666666667;
color: #3f4348
}
.campaign-landing-eloqua-content-wrapper .qa-module .content-area,.campaign-landing-eloqua-content-wrapper .qa-module .content-area p {
float: none;
width: 620px;
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
line-height: 1.5714285714285714;
color: #3f4348
}
.campaign-landing-eloqua-content-wrapper .chapter-heading .chapter-header {
text-align: left;
width: 620px;
margin: 5px 0;
font: 200 26px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.625rem;
line-height: 1.2307692307692308;
color: #747678
}
.campaign-landing-eloqua-content-wrapper .product-promo-grid .te-promo.te-product-promo .container .promo-content .eyebrow {
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
line-height: 1.5714285714285714;
color: #3f4348
}
.campaign-landing-eloqua-content-wrapper .product-promo-grid .te-promo.te-product-promo .container .promo-content .promo-content-title {
font: 900 26px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.625rem;
line-height: 1.2307692307692308;
color: #e98300
}
.campaign-landing-eloqua-content-wrapper .product-promo-grid .te-promo.te-product-promo .container .promo-content p {
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
line-height: 1.5714285714285714;
color: #767478
}
.campaign-landing-eloqua-hero-wrapper .hero-story .te-story-hero .content-box .actual-content-box h3 {
font: 900 36px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 2.25rem;
line-height: 1.2222222222222223;
color: #fff
}
.campaign-landing-eloqua-hero-wrapper .hero-story a.cta {
width: 400px
}
.campaign-landing-eloqua-hero-wrapper .hero-story a.btn-clr-1,.campaign-landing-eloqua-hero-wrapper .hero-story .btn-group-clr-1 li>a,.campaign-landing-eloqua-hero-wrapper .hero-story .cq-wcm-edit #te-header nav .edit-box,.campaign-landing-eloqua-hero-wrapper .hero-story .cq-wcm-edit .has-not-cta .cta-container-wrap .wrapper .edit-box,.campaign-landing-eloqua-hero-wrapper .hero-story .cq-wcm-edit .has-cta .edit-box {
background: #576674
}
.campaign-landing-eloqua-hero-wrapper .hero-story .cta-container-wrap .cta-single-wrap {
padding-left: 30px
}
.campaign-landing-eloqua-hero-wrapper .te-story-hero .content-box .actual-content-box p {
font: 400 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
line-height: 1.375;
color: #fff
}
.campaign-landing-eloqua-content-wrapper .image-row .te-image-row figcaption {
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
line-height: 1.5714285714285714;
color: #747678
}
.campaign-landing-eloqua-content-wrapper .video .te-promo.te-promo-video.large .container .promo-content h2 {
font: 900 26px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.625rem;
line-height: 1.2307692307692308;
color: #e98300
}
.campaign-landing-eloqua-content-wrapper .video .te-promo.te-promo-video.large .container .promo-content p {
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
line-height: 1.5714285714285714;
color: #3f4348
}
.campaign-landing-eloqua-content-wrapper .video .te-promo.te-promo-video.large .secondary-videos ul li h4.caption {
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
line-height: 1.5714285714285714;
color: #0066a1
}
.campaign-landing-eloqua-content-wrapper .video .te-promo.te-promo-video.large .te-video-transcript.rte-output p {
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
line-height: 1.5714285714285714;
color: #3f4348
}
.campaign-landing-eloqua-content-wrapper .video .te-promo.te-promo-video.large .te-video-transcript.rte-output p b {
color: #747678
}
.campaign-landing-eloqua-hero-wrapper .hero-homepage .te-homepage-hero .content-box .actual-content-box h1 {
font: 900 48px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 3rem;
line-height: 1.1666666666666667;
color: #fff
}
.campaign-landing-eloqua-hero-wrapper .hero-homepage .te-homepage-hero .content-box .actual-content-box p {
font: 400 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
line-height: 1.375;
color: #fff
}
.campaign-landing-eloqua-hero-wrapper {
margin-top: 20px
}
.campaign-landing-eloqua-hero-wrapper .te-story-hero {
padding: 50px 0
}
.campaign-landing-eloqua-content-wrapper .product-promo-grid {
margin-left: 0
}
.campaign-landing-eloqua-form-wrapper .eloqua-linkedin-auto-fill {
margin-left: 19px;
margin-top: 15px
}
.copy-intro-module {
-moz-column-count: 2;
-moz-column-width: auto;
-moz-column-gap: 20px;
-webkit-column-count: 2;
-webkit-column-width: auto;
-webkit-column-gap: 20px;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-width: auto;
-moz-column-width: auto;
column-width: auto;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
widows: 2;
margin: 30px 0
}
@media (max-width: 719px) {
body.responsive .copy-intro-module {
-webkit-columns:1;
-moz-columns: 1;
columns: 1;
margin: 24px 0
}
}
.copy-intro-module p {
color: #747678;
font: 400 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
line-height: 1.5
}
.copy-intro-module p strong {
font: 900 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #3f4348
}
.copy-intro-module div {
font: 200 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
line-height: 1.5
}
.copy-intro-module ul {
font: 200 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem
}
.email-alert .copy-intro-module {
-moz-column-count: 1;
-moz-column-width: auto;
-moz-column-gap: 20px;
-webkit-column-count: 1;
-webkit-column-width: auto;
-webkit-column-gap: 20px;
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-width: auto;
-moz-column-width: auto;
column-width: auto;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
margin: 0
}
.copy-module .qa-icon {
width: 30px;
height: 36px;
background: #ccc;
position: relative;
margin-bottom: 12px
}
.copy-module .qa-icon p {
color: #ffffff;
text-align: center;
overflow: hidden;
height: 36px;
padding-top: 6px;
margin: 0 4px;
font: 900 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem
}
.copy-module .qa-icon:after {
content: "";
position: absolute;
left: 40%;
border-style: solid;
border-width: 8px 8px 0 0;
border-color: #ccc transparent transparent transparent;
line-height: 0;
_border-color: #ccc #000000 #000000 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='@color')
}
.copy-module .container {
padding: 30px 0 25px 0;
margin: 0
}
.copy-module .container:before,.copy-module .container:after {
content: "";
display: table
}
.copy-module .container:after {
clear: both
}
.ie6 .copy-module .container,.ie7 .copy-module .container {
zoom:1}
@media (max-width: 719px) {
body.responsive .copy-module .container {
padding:12px 0 0
}
}
.copy-module .container:first-child {
border-top: none
}
@media (max-width: 719px) {
body.responsive .copy-module .container:first-child {
padding-top:0;
margin: 24px 0
}
}
.copy-module .heading-area {
float: left;
width: 31.91489362%;
margin-right: 2.12765957%;
min-height: 25px
}
@media (max-width: 719px) {
body.responsive .copy-module .heading-area {
float:left;
width: 100%;
margin-right: 0;
float: right;
clear: both;
float: none
}
}
@media (max-width: 719px) {
body.responsive .copy-module .heading-area {
float:none;
width: 100%;
margin: 0 0 12px
}
}
.copy-module .content-area {
float: left;
width: 65.95744681%;
margin-right: 0;
float: right
}
@media (max-width: 719px) {
body.responsive .copy-module .content-area {
float:left;
width: 100%;
margin-right: 0;
float: right;
clear: both;
float: none
}
}
@media (max-width: 719px) {
body.responsive .copy-module .content-area {
float:none;
width: 100%
}
}
.copy-module .content-area .two-column {
-moz-column-count: 2;
-moz-column-width: auto;
-moz-column-gap: 50px;
-webkit-column-count: 2;
-webkit-column-width: auto;
-webkit-column-gap: 50px;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-width: auto;
-moz-column-width: auto;
column-width: auto;
-webkit-column-gap: 50px;
-moz-column-gap: 50px;
column-gap: 50px;
widows: 3
}
@media (max-width: 719px) {
body.responsive .copy-module .content-area .two-column {
float:left;
width: 100%;
margin-right: 0;
float: right;
clear: both;
float: none;
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1
}
}
html.no-csscolumns .copy-module .content-area .two-column {
-moz-column-count: auto;
-moz-column-width: auto;
-moz-column-gap: 0;
-webkit-column-count: auto;
-webkit-column-width: auto;
-webkit-column-gap: 0;
-webkit-column-count: auto;
-moz-column-count: auto;
column-count: auto;
-webkit-column-width: auto;
-moz-column-width: auto;
column-width: auto;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0
}
html.no-csscolumns .copy-module .content-area .two-column:before,html.no-csscolumns .copy-module .content-area .two-column:after {
content: "";
display: table
}
html.no-csscolumns .copy-module .content-area .two-column:after {
clear: both
}
.ie6 html.no-csscolumns .copy-module .content-area .two-column,.ie7 html.no-csscolumns .copy-module .content-area .two-column {
zoom:1}
@media (max-width: 719px) {
body.responsive .copy-module .content-area .two-column {
float:none;
width: 100%;
margin-right: 0
}
}
.copy-module .content-area dt.solo {
padding-bottom: 10px
}
.copy-module .content-area div {
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
color: #3f4348;
line-height: 1.57142857;
padding-bottom: 10px
}
@media (max-width: 719px) {
body.responsive .copy-module .content-area div {
padding-bottom:0
}
}
.copy-module h3,.copy-module h4,.copy-module p.date-header {
font: 400 26px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.625rem;
line-height: 1.23076923;
color: #3f4348
}
@media (max-width: 719px) {
body.responsive .copy-module h3,body.responsive .copy-module h4,body.responsive .copy-module p.date-header {
margin-bottom:12px;
text-transform: none
}
}
.copy-module h5 {
font: 200 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
color: #747678;
line-height: 1.33333333
}
.copy-module h6 {
font: 400 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
color: #3f4348
}
.copy-module p {
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
padding-bottom: 10px;
line-height: 1.57142857
}
.copy-module p b {
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.copy-module p.question {
font: 400 26px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.625rem;
line-height: 1.25;
color: #3f4348
}
.copy-module ul {
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.copy-module .corporate-news h4.news-header {
border-bottom: 1px dotted #ccc;
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
font-weight: bold;
margin-bottom: 10px
}
.copy-module .corporate-news img {
float: right;
margin: 0 0 20px 20px;
max-width: 250px;
max-height: 250px;
height: auto;
width: auto
}
.qa-module .container {
border-top: 1px solid #ccc !important
}
.qa-module .container.first {
border-top: none !important
}
.copy-module-body .container {
border-top: 1px solid #ccc
}
.copy-table p {
font: 200 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
color: #3f4348;
margin-left: 15px
}
.copy-link-list {
margin: 0 -42px
}
@media (max-width: 719px) {
body.responsive .copy-link-list {
margin:0
}
}
.copy-link-list .container {
max-width: 940px;
margin: 0 auto
}
.copy-link-list li {
padding-bottom: 20px;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid
}
@media (max-width: 719px) {
body.responsive .copy-link-list li {
padding-bottom:10px
}
body.responsive .copy-link-list li:last-child {
padding-bottom: 0
}
body.responsive .copy-link-list li a {
display: block;
margin-bottom: 5px
}
}
.contact-list .container {
border-top: 1px solid #ccc !important
}
.contact-list dl {
width: 100%;
margin-top: 30px;
display: table;
background-color: #ffffff
}
.contact-list dl:first-child {
margin-top: 0
}
.contact-list dl dt,.contact-list dl dd {
padding: 4px 16px;
vertical-align: middle;
display: table-cell
}
.contact-list dl dt {
width: 40%;
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
color: #747678;
line-height: 1.57142857;
font-weight: 400
}
.contact-list dl dd p a,.contact-list dl dd span a {
padding: 0
}
@media (max-width: 719px) {
body.responsive .contact-list dl dd p a,body.responsive .contact-list dl dd span a {
display:inline-block;
padding-top: 5px
}
}
@media (max-width: 719px) {
body.responsive .te-subpage .content-area dd p {
padding-bottom:0
}
}
@media (max-width: 719px) {
body.responsive .additional-information-container .content-area .wrapper p {
padding-bottom:20px
}
}
@media (max-width: 719px) {
body.responsive .additional-information-container .content-area .cta-container-copy a.cta.cta-link {
display:table;
width: 100%
}
}
@media (max-width: 719px) {
body.responsive .additional-information-container .content-area .cta-container-copy a.cta.cta-link span.cta-label {
display:table-cell;
width: 85%;
border-right: 1px solid
}
}
@media (max-width: 719px) {
body.responsive .additional-information-container .content-area .cta-container-copy a.cta.cta-link i.icon {
display:table-cell;
width: 100%;
border-left: none
}
}
@media (max-width: 719px) {
body.responsive .additional-information-container .content-area .cta-container-copy a.cta.cta-link i.icon:before {
vertical-align:middle
}
}
@media (max-width: 719px) {
body.responsive .additional-information-container #contactForm .content-area .wrapper p {
padding-bottom:0
}
}
@media (max-width: 719px) {
body.responsive #modal-content .contact-list-container {
padding:30px 0;
border-right: #f7f7f7
}
}
@media (max-width: 719px) {
body.responsive #modal-content .contact-list-container .copy-module:last-child {
margin-top:30px
}
}
@media (max-width: 719px) {
body.responsive #modal-content .contact-list-container .copy-module:last-child .wrapper {
border-top:1px solid #ccc;
padding-top: 30px
}
}
@media (max-width: 719px) {
body.responsive #modal-content .contact-list-container .copy-module .container {
border-top:none !important;
margin: 0
}
}
@media (max-width: 719px) {
body.responsive #modal-content .contact-list-container .copy-module .container .content-area dl {
border-right:#f7f7f7
}
}
@media (max-width: 719px) {
body.responsive #modal-content .contact-list-container .copy-module .container .content-area dl dt {
padding-bottom:15px !important;
font-size: 1.25rem;
color: #3f4348
}
}
@media (max-width: 719px) {
body.responsive #modal-content .contact-list-container .copy-module .container .content-area dl dt,body.responsive #modal-content .contact-list-container .copy-module .container .content-area dl dd {
display:block;
padding: 0;
width: 100%
}
}
@media (max-width: 719px) {
body.responsive #modal-content .contact-list-container .copy-module .container .content-area dl dd {
width:60%;
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
}
@media (max-width: 719px) {
body.responsive #modal-content .contact-list-container .copy-module .container .content-area dl dd p {
padding:7px 0 0 0
}
}
.footer-admin-holder {
width: 1024px
}
.footer-admin-holder #te-footer.fixed {
position: relative
}
.footer-admin-holder #te-footer.collapsed {
height: auto
}
.footer-admin-holder #te-footer h3 a:hover:after,.footer-admin-holder #te-footer h3 a:focus:after {
content: "";
font: 500 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem
}
#te-footer {
font: 200 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
width: 100%;
height: 330px
}
@media (max-width: 719px) {
body.responsive #te-footer {
height:auto;
min-height: 100px;
background-color: #4a4f55
}
}
#te-footer .footer-content-container {
width: 100%;
background-color: #4a4f55;
max-height: 376px;
-webkit-transition: bottom .075s ease-out;
transition: bottom .075s ease-out;
-webkit-transition-delay: .075s;
transition-delay: .075s
}
@media (max-width: 719px) {
body.responsive #te-footer .footer-content-container {
max-height:none
}
}
#te-footer .footer-content-container.fixed {
position: fixed;
bottom: -340px;
z-index: 40
}
@media (max-width: 719px) {
body.responsive #te-footer .footer-content-container.fixed {
bottom:0
}
body.responsive #te-footer .footer-content-container.fixed .mobile-links,body.responsive #te-footer .footer-content-container.fixed .footer-bottom {
display: none
}
}
#te-footer .footer-content-container.fixed.expanded {
bottom: 0
}
#te-footer .footer-content-container.fixed.collapsed {
-webkit-transition: bottom 0 ease-out;
transition: bottom 0 ease-out;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
#te-footer .footer-content-container>nav {
background-color: #4a4f55;
position: relative;
width: 1024px;
margin: 0 auto;
padding: 0 42px;
padding: 0 32px
}
#te-footer .footer-content-container>nav.content-padding {
padding-top: 30px;
padding-bottom: 30px
}
#te-footer .footer-content-container>nav.content-right {
text-align: right
}
#te-footer .footer-content-container>nav.content-padding {
padding-top: 30px;
padding-bottom: 30px
}
#te-footer .footer-content-container>nav.content-right {
text-align: right
}
@media (max-width: 719px) {
body.responsive #te-footer .footer-content-container>nav {
width:100%;
max-width: 100%;
padding: 0 7vw
}
}
#te-footer .footer-content-container>nav a,#te-footer .footer-content-container>nav h3 {
display: inline-block;
color: #ccc
}
.ie7 #te-footer .footer-content-container>nav a,.ie7 #te-footer .footer-content-container>nav h3 {
display: inline;
zoom:1}
#te-footer .footer-content-container>nav a a,#te-footer .footer-content-container>nav h3 a {
display: block
}
#te-footer .footer-content-container>nav a:hover,#te-footer .footer-content-container>nav h3:hover,#te-footer .footer-content-container>nav a:hover i:before,#te-footer .footer-content-container>nav h3:hover i:before,#te-footer .footer-content-container>nav a:focus,#te-footer .footer-content-container>nav h3:focus,#te-footer .footer-content-container>nav a:focus i:before,#te-footer .footer-content-container>nav h3:focus i:before {
color: #3db7e4
}
#te-footer .footer-content-container>nav .footer-menu-responsive p {
color: #ccc;
padding: 12px 0;
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
#te-footer .footer-content-container>nav .footer-menu-responsive p a {
color: #ffffff;
display: inline-block
}
#te-footer .footer-content-container>nav .footer-menu-responsive ul.mobile-links {
background: #42474c;
margin: 0 -7vw;
padding: 12px 7vw
}
#te-footer .footer-content-container>nav .footer-menu-responsive ul.mobile-links li {
display: block
}
#te-footer .footer-content-container>nav .footer-menu-responsive ul.mobile-links a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
min-height: 34px
}
#te-footer .footer-content-container>nav .footer-menu-responsive ul.mobile-links a,#te-footer .footer-content-container>nav .footer-menu-responsive ul.mobile-links a p {
color: #ffffff;
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
#te-footer .footer-content-container>nav .footer-menu-responsive ul.mobile-links a i {
color: #999;
padding-right: 3.5vw
}
#te-footer .footer-content-container>nav .footer-menu-responsive .footer-toggle-message:before,#te-footer .footer-content-container>nav .footer-menu-responsive .footer-toggle-message:after {
content: "";
display: table
}
#te-footer .footer-content-container>nav .footer-menu-responsive .footer-toggle-message:after {
clear: both
}
.ie6 #te-footer .footer-content-container>nav .footer-menu-responsive .footer-toggle-message,.ie7 #te-footer .footer-content-container>nav .footer-menu-responsive .footer-toggle-message {
zoom:1}
#te-footer .footer-content-container>nav .footer-menu-responsive .footer-toggle-message .mobile-footer-description {
display: block
}
#te-footer .footer-content-container>nav .footer-menu-responsive .footer-toggle-message .mobile-footer-description p {
line-height: 20px
}
#te-footer .footer-content-container>nav .footer-menu-responsive .footer-toggle-message .mobile-footer-callus {
float: right;
display: block
}
#te-footer .footer-content-container>nav .footer-menu-responsive .footer-toggle-message .mobile-footer-callus a {
padding: 0 20px;
margin-top: 12px;
background: #666;
display: block
}
#te-footer .footer-content-container>nav ul.footer-menu {
overflow-x: visible
}
#te-footer .footer-content-container>nav ul.footer-menu>li {
display: block;
width: 160px;
float: left
}
#te-footer .footer-content-container>nav ul.footer-menu>li.about-column {
width: 230px
}
#te-footer .footer-content-container>nav ul.footer-menu>li.support-column {
width: 180px
}
#te-footer .footer-content-container>nav ul.footer-menu>li>a,#te-footer .footer-content-container>nav ul.footer-menu>li>h3 {
font: 500 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
padding: 10px 10px 10px 20px;
width: 100%
}
#te-footer .footer-content-container>nav ul.footer-menu>li .footer-content {
height: 290px;
background-color: #42474c;
border-left: 1px solid #4a4f55;
padding: 25px 20px
}
#te-footer .footer-content-container>nav ul.footer-menu>li .footer-content ul>li {
max-width: 150px
}
ul.footer-menu li:first-child #te-footer .footer-content-container>nav ul.footer-menu>li .footer-content {
border-left: none
}
#te-footer .footer-content-container>nav ul.footer-menu>li .footer-content ul.has-icon {
width: 42%
}
#te-footer .footer-content-container>nav ul.footer-menu>li .footer-content ul.has-icon>li {
max-width: 180px
}
#te-footer .footer-content-container>nav ul.footer-menu>li .footer-content ul.has-icon>li a i {
float: left;
width: 25px;
margin-right: 18px;
text-align: center;
display: inline-block;
vertical-align: bottom
}
#te-footer .footer-content-container>nav ul.footer-menu>li .footer-content ul.has-icon>li a p {
float: left;
max-width: 136px
}
#te-footer .footer-content-container>nav ul.footer-menu>li .footer-content ul.has-icon>li>p {
margin-left: 50px
}
#te-footer .footer-content-container>nav ul.footer-menu>li .footer-content ul.social-networks {
width: 57%;
height: 290px;
border-left: 1px solid #4a4f55;
margin-top: -25px;
padding: 25px 20px
}
#te-footer .footer-content-container>nav ul.footer-menu>li .footer-content ul.social-networks h3 {
font: 500 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
width: 100%;
padding-bottom: 10px
}
#te-footer .footer-content-container>nav ul.footer-menu>li .footer-content ul.social-networks li {
text-align: center;
width: 33%;
float: left;
margin: 25px 0 10px 0
}
#te-footer .footer-content-container>nav ul.footer-menu>li .footer-content ul.social-networks li i:hover,#te-footer .footer-content-container>nav ul.footer-menu>li .footer-content ul.social-networks li i:focus {
color: #3db7e4
}
#te-footer .footer-content-container>nav ul.footer-menu>li .footer-content.fill-1 {
width: 940px;
position: relative
}
#te-footer .footer-content-container>nav ul.footer-menu>li .footer-content.fill-1>ul {
width: 50%
}
#te-footer .footer-content-container>nav ul.footer-menu>li .footer-content.fill-2 {
width: 780px;
position: relative
}
#te-footer .footer-content-container>nav ul.footer-menu>li .footer-content.fill-2>ul {
width: 50%
}
#te-footer .footer-content-container>nav ul.footer-menu>li .footer-content.fill-3 {
width: 570px;
position: relative
}
#te-footer .footer-content-container>nav ul.footer-menu>li .footer-content.fill-3>ul {
float: left
}
#te-footer .footer-content-container>nav ul.footer-menu>li .footer-content li {
margin-bottom: 15px
}
#te-footer .footer-content-container>nav ul.footer-menu>li .footer-content li>a {
color: #ffffff
}
#te-footer .footer-content-container>nav ul.footer-menu>li .footer-content li>a:hover,#te-footer .footer-content-container>nav ul.footer-menu>li .footer-content li>a:focus {
color: #3db7e4
}
#te-footer .footer-content-container>nav ul.footer-menu>li .footer-content li i {
color: #999
}
#te-footer .footer-content-container>nav ul.footer-menu>li .footer-content li.live-chat-info p {
color: #ffffff;
max-width: 210px;
line-height: 1.5
}
#te-footer .footer-content-container>nav ul.footer-menu>li .footer-content aside {
position: absolute;
top: 20px;
right: 15px;
width: 300px
}
#te-footer .footer-content-container>nav ul.footer-menu>li .footer-content aside h4 {
font: 200 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
color: #ffffff;
padding: 5px 0 15px;
border-bottom: 1px solid #4a4f55
}
#te-footer .footer-content-container>nav ul.footer-menu>li .footer-content aside ul {
padding-top: 10px
}
#te-footer .footer-content-container>nav ul.footer-menu>li .footer-content aside ul li:before {
content: "";
border: 4px solid #899f99;
width: 0;
height: 0;
display: inline-block;
margin-right: 8px
}
#te-footer .footer-content-container>nav ul.footer-menu>li .footer-content aside ul li a {
color: #ccc;
font: 500 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem
}
#te-footer .footer-content-container>nav ul.footer-menu>li .footer-content aside .view-more {
padding-top: 15px;
border-top: 1px solid #4a4f55;
width: 100%;
font: 200 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
color: #ffffff
}
#te-footer .footer-content-container>nav ul.footer-menu>li .footer-content aside .view-more:hover,#te-footer .footer-content-container>nav ul.footer-menu>li .footer-content aside .view-more:focus {
color: #3db7e4
}
#te-footer .footer-content-container>nav ul.footer-menu>li.contact-button-hidden {
visibility: hidden
}
#te-footer .footer-content-container>nav ul.footer-menu>li.contact-button {
width: 110px;
height: 40px;
top: -5px;
overflow: hidden;
text-transform: uppercase;
position: relative
}
#te-footer .footer-content-container>nav ul.footer-menu>li.contact-button:first-child {
margin-left: 40px
}
#te-footer .footer-content-container>nav ul.footer-menu>li.contact-button>a {
font: 900 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
line-height: 1.16666667;
padding: 0;
color: #ffffff;
position: absolute;
float: none;
width: 110px;
left: 110px;
display: table
}
#te-footer .footer-content-container>nav ul.footer-menu>li.contact-button>a span {
display: table-cell;
vertical-align: middle;
padding: 6px 18px
}
#te-footer .footer-content-container>nav ul.footer-menu>li.contact-button>a span p {
max-height: 30px;
max-width: 80px;
overflow: hidden
}
#te-footer .footer-content-container>nav ul.footer-menu>li.contact-button>a:first-child {
left: 0
}
#te-footer .footer-content-container>nav ul.footer-menu>li.contact-button>a.call-us {
background-color: #666
}
#te-footer .footer-content-container>nav ul.footer-menu>li.contact-button>a.live-chat {
background: #0066a1
}
#te-footer .footer-content-container>nav ul.footer-menu>li.contact-button>a.live-chat:hover,#te-footer .footer-content-container>nav ul.footer-menu>li.contact-button>a.live-chat:focus,#te-footer .footer-content-container>nav ul.footer-menu>li.contact-button>a.live-chat.active,#te-footer .footer-content-container>nav ul.footer-menu>li.contact-button>a.live-chat:active {
background: #3db7e4
}
#te-footer .footer-content-container>nav ul.footer-menu>li.country-selector {
text-align: right;
width: 170px
}
#te-footer .footer-content-container>nav ul.footer-menu>li.country-selector a {
padding-right: 5px
}
#te-footer .footer-content-container>nav ul.footer-menu>li.country-selector a i {
display: inline-block
}
.ie7 #te-footer .footer-content-container>nav ul.footer-menu>li.country-selector a i {
display: inline;
zoom:1}
#te-footer .footer-content-container>nav ul.footer-menu>li.country-selector h3 {
padding: 0 0 0 3px;
display: table-cell;
vertical-align: middle;
height: 35px;
line-height: 1em;
width: 170px
}
#te-footer .footer-content-container.expanded .label-when-expanded {
pointer-events: none;
cursor: default
}
#te-footer .footer-content-container.expanded .label-when-expanded:hover,#te-footer .footer-content-container.expanded .label-when-expanded:hover i:before,#te-footer .footer-content-container.expanded .label-when-expanded:focus,#te-footer .footer-content-container.expanded .label-when-expanded:focus i:before {
color: #ccc
}
#te-footer .footer-content-container .footer-bottom {
background-color: #4a4f55
}
#te-footer .footer-content-container .footer-bottom>.wrapper {
background-color: #4a4f55;
position: relative;
width: 1024px;
margin: 0 auto;
padding: 0 42px;
padding: 20px 42px
}
#te-footer .footer-content-container .footer-bottom>.wrapper.content-padding {
padding-top: 30px;
padding-bottom: 30px
}
#te-footer .footer-content-container .footer-bottom>.wrapper.content-right {
text-align: right
}
#te-footer .footer-content-container .footer-bottom>.wrapper.content-padding {
padding-top: 30px;
padding-bottom: 30px
}
#te-footer .footer-content-container .footer-bottom>.wrapper.content-right {
text-align: right
}
@media (max-width: 719px) {
body.responsive #te-footer .footer-content-container .footer-bottom>.wrapper {
width:100%;
max-width: 100%;
padding: 0 7vw
}
}
#te-footer .footer-content-container .footer-bottom>.wrapper .footer-legal {
float: left;
width: 48.93617021%;
margin-right: 2.12765957%
}
@media (max-width: 719px) {
body.responsive #te-footer .footer-content-container .footer-bottom>.wrapper .footer-legal {
float:left;
width: 100%;
margin-right: 0;
float: right;
clear: both;
float: none
}
}
#te-footer .footer-content-container .footer-bottom>.wrapper .footer-legal p {
font: 400 10px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.625rem;
color: #ccc
}
@media (max-width: 719px) {
body.responsive #te-footer .footer-content-container .footer-bottom>.wrapper .footer-legal p {
padding:12px 0;
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
}
#te-footer .footer-content-container .footer-bottom>.wrapper .utility-links {
float: left;
width: 48.93617021%;
margin-right: 0;
float: right
}
@media (max-width: 719px) {
body.responsive #te-footer .footer-content-container .footer-bottom>.wrapper .utility-links {
float:left;
width: 100%;
margin-right: 0;
float: right;
clear: both;
float: none
}
}
#te-footer .footer-content-container .footer-bottom>.wrapper .utility-links>ul {
text-align: right
}
@media (max-width: 719px) {
body.responsive #te-footer .footer-content-container .footer-bottom>.wrapper .utility-links>ul {
text-align:left;
padding: 0 0 12px
}
}
#te-footer .footer-content-container .footer-bottom>.wrapper .utility-links>ul>li {
display: inline-block;
height: 13px
}
.ie7 #te-footer .footer-content-container .footer-bottom>.wrapper .utility-links>ul>li {
display: inline;
zoom:1}
#te-footer .footer-content-container .footer-bottom>.wrapper .utility-links>ul>li a {
font: 400 10px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.625rem;
padding: 0 12px;
color: #ccc;
border-left: 1px solid #ccc
}
@media (max-width: 719px) {
body.responsive #te-footer .footer-content-container .footer-bottom>.wrapper .utility-links>ul>li a {
color:#ffffff;
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
border-left: none;
position: relative;
padding-left: 0;
margin-right: 12px
}
body.responsive #te-footer .footer-content-container .footer-bottom>.wrapper .utility-links>ul>li a:before {
content: '';
position: absolute;
top: 50%;
right: 0;
display: block;
width: 1px;
background: #ccc;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
height: 12px
}
}
#te-footer .footer-content-container .footer-bottom>.wrapper .utility-links>ul>li a:hover,#te-footer .footer-content-container .footer-bottom>.wrapper .utility-links>ul>li a:focus {
color: #3db7e4
}
#te-footer .footer-content-container .footer-bottom>.wrapper .utility-links>ul>li:first-child a {
border-left: none
}
@media (max-width: 719px) {
body.responsive #te-footer .footer-content-container .footer-bottom>.wrapper .utility-links>ul>li:last-child a:before {
display:none;
padding-left: 0
}
}
.float-right {
float: right
}
.te-skin-radio {
display: inline-block;
position: relative;
width: 22px;
height: 22px
}
.te-skin-radio input[type=radio] {
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0)
}
.te-skin-radio html.ie7 {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100)
}
.te-skin-radio:before {
content: "";
display: block;
position: absolute;
top: 4px;
left: 4px;
background-image: url(../../generated-src/images/te-sprite.png);
background-position: 0px -16px;
width: 14px;
height: 14px
}
.te-skin-radio.selected:before {
background-image: url(../../generated-src/images/te-sprite.png);
background-position: 0px 0px;
width: 14px;
height: 14px
}
#multi-checkbox-dropdown {
display: inline-block
}
#multi-checkbox-dropdown div.data-content {
clear: both;
display: none;
background-color: white;
min-width: 300px
}
#multi-checkbox-dropdown.open div.data-content {
display: table
}
#multi-checkbox-dropdown.open a.choose {
border-bottom: none
}
#multi-checkbox-dropdown a.choose {
font: 200 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
float: right;
text-transform: uppercase;
display: table;
width: 218px;
height: 33px;
line-height: 33px;
text-align: center;
border: 1px solid #ededee;
background-color: white
}
#multi-checkbox-dropdown a.choose span {
border: 1px solid #ededee;
border-top: none;
border-right: none;
border-bottom: none;
display: inline-block;
line-height: 33px;
width: 45px;
float: right
}
#multi-checkbox-dropdown a.apply {
font: 200 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
text-transform: uppercase;
display: block;
height: 44px;
line-height: 40px;
text-align: center;
border: 1px solid #ededee
}
#multi-checkbox-dropdown label {
font: 200 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
background-color: white;
text-transform: uppercase;
cursor: pointer;
display: block;
width: 100%;
height: 44px;
line-height: 44px;
border: 1px solid #ededee;
border-bottom: none;
padding-left: 20px
}
#multi-checkbox-dropdown label span {
border: 1px solid #ededee;
border-top: none;
border-bottom: none;
border-right: none;
height: 100%;
width: 45px;
float: right;
text-align: center
}
#multi-checkbox-dropdown label span i {
color: #f7f7f7;
line-height: 44px
}
#multi-checkbox-dropdown label.checked:not(.disabled) span {
background-color: #0066a1
}
#multi-checkbox-dropdown label.checked:not(.disabled):hover,#multi-checkbox-dropdown label.checked:not(.disabled):focus {
color: #3db7e4
}
#multi-checkbox-dropdown label.checked:not(.disabled):hover span,#multi-checkbox-dropdown label.checked:not(.disabled):focus span {
background-color: #3db7e4
}
#multi-checkbox-dropdown label.checked:not(.disabled):hover span i,#multi-checkbox-dropdown label.checked:not(.disabled):focus span i {
color: #f7f7f7
}
#multi-checkbox-dropdown label:hover:not(.disabled),#multi-checkbox-dropdown label:focus:not(.disabled) {
color: #3db7e4
}
#multi-checkbox-dropdown label:hover:not(.disabled) i,#multi-checkbox-dropdown label:focus:not(.disabled) i {
color: #3db7e4
}
#multi-checkbox-dropdown label.disabled {
cursor: default;
color: #ccc
}
#multi-checkbox-dropdown label.disabled.checked span {
background-color: #ccc
}
#multi-checkbox-dropdown input[type="checkbox"] {
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0)
}
.selectboxit-container {
position: relative;
display: inline-block;
vertical-align: top
}
.selectboxit-container * {
font: 200 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.14285714;
color: #3f4348;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: -moz-none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
outline: none;
white-space: nowrap
}
.selectboxit-container .selectboxit {
width: 220px;
cursor: pointer;
margin: 0;
padding: 0;
overflow: hidden;
display: block;
position: relative
}
.selectboxit-container span,.selectboxit-container .selectboxit-options a {
height: 50px;
line-height: 50px;
display: block
}
@media (max-width: 719px) {
body.responsive .selectboxit-container span,body.responsive .selectboxit-container .selectboxit-options a {
height:32px;
line-height: 32px
}
}
.selectboxit-container .selectboxit:focus {
outline: 0
}
.selectboxit.selectboxit-disabled,.selectboxit-options .selectboxit-disabled {
opacity: .65;
filter: alpha(opacity=65);
box-shadow: none;
cursor: default
}
.selectboxit-text {
margin-left: 20px;
overflow: hidden;
text-overflow: ellipsis;
float: left
}
@media (max-width: 719px) {
body.responsive .selectboxit-text {
text-transform:uppercase
}
}
.selectboxit .selectboxit-option-icon-container {
margin-left: 5px
}
@media (max-width: 719px) {
body.responsive .selectboxit .selectboxit-option-icon-container {
margin-left:0
}
}
.selectboxit-container .selectboxit-options {
box-sizing: border-box;
min-width: 100%;
*width: 100%;
margin: 0;
padding: 0;
list-style: none;
position: absolute;
overflow-x: hidden;
overflow-y: auto;
cursor: pointer;
display: none;
z-index: 10;
max-height: 350px !important;
text-align: left;
box-shadow: none
}
.selectboxit-option .selectboxit-option-anchor {
padding: 0 2px;
border-bottom: 1px solid #ededee
}
.selectboxit-option .selectboxit-option-anchor:hover,.selectboxit-option .selectboxit-option-anchor:focus {
text-decoration: none
}
.selectboxit-option,.selectboxit-optgroup-header {
text-indent: 5px;
margin: 0;
list-style-type: none
}
.selectboxit-option-first {
border-top-right-radius: 0;
border-top-left-radius: 0
}
.selectboxit-optgroup-header+.selectboxit-option-first {
border-top-right-radius: 0;
border-top-left-radius: 0
}
.selectboxit-option-last {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-bottom: none
}
.selectboxit-optgroup-header {
font-weight: bold
}
.selectboxit-optgroup-header:hover,.selectboxit-optgroup-header:focus {
cursor: default
}
.selectboxit-arrow-container {
width: 30px;
position: absolute;
right: 0;
top: -4px;
margin-right: 20px
}
@media (max-width: 719px) {
body.responsive .selectboxit-arrow-container {
margin-right:0;
border-left: 1px solid #dedede;
width: 34px;
top: 0
}
}
.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0)
}
.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {
top: 30%
}
.selectboxit-option-icon-container {
float: left
}
.selectboxit-container .selectboxit-option-icon {
margin: 0;
padding: 0;
vertical-align: middle
}
.selectboxit-option-icon-url {
width: 18px;
background-size: 18px 18px;
background-repeat: no-repeat;
height: 100%;
background-position: center;
float: left
}
.selectboxit-rendering {
display: inline-block !important;
*display: inline !important;
zoom:1 !important;visibility: visible !important;
position: absolute !important;
top: -9999px !important;
left: -9999px !important
}
.jqueryui .ui-icon {
background-color: inherit
}
.jqueryui .ui-icon-triangle-1-s {
background-position: -64px -16px
}
.selectboxit-btn {
background-color: #ffffff;
background-repeat: repeat-x;
border: 1px solid #ededee
}
.selectboxit-btn.selectboxit-enabled:hover,.selectboxit-btn.selectboxit-enabled:focus,.selectboxit-btn.selectboxit-enabled:active {
color: #3db7e4
}
.selectboxit-btn.selectboxit-enabled:hover .selectboxit-default-arrow,.selectboxit-btn.selectboxit-enabled:focus .selectboxit-default-arrow,.selectboxit-btn.selectboxit-enabled:active .selectboxit-default-arrow {
width: 0;
height: 0;
border: 4px solid transparent;
border-top-color: #3db7e4;
border-top-width: 7px;
display: inline-block;
border-bottom-width: 0
}
.selectboxit-btn.selectboxit-enabled:hover,.selectboxit-btn.selectboxit-enabled:focus {
color: #3db7e4;
text-decoration: none;
background-position: 0 -15px
}
.selectboxit-default-arrow {
width: 0;
height: 0;
border: 4px solid transparent;
border-top-color: #666;
border-top-width: 7px;
display: inline-block;
border-bottom-width: 0
}
@media (max-width: 719px) {
body.responsive .selectboxit-default-arrow {
border-top-color:#3db7e4
}
}
.selectboxit-list {
background-color: #ffffff;
border: 1px solid #ededee;
border-bottom: none;
border-top: none
}
.selectboxit-list .selectboxit-option-anchor {
color: #3f4348
}
.selectboxit-list>.selectboxit-focus>.selectboxit-option-anchor {
color: #3db7e4
}
.selectboxit-list>.selectboxit-disabled>.selectboxit-option-anchor {
color: #999999
}
.general-listing-wrapper.ng-cloak {
min-height: 400px;
position: relative
}
.general-listing-wrapper.ng-cloak:before {
z-index: 15;
min-height: 400px;
background: #ffffff url('../../images/loading-anim.gif') no-repeat center;
position: relative;
width: 100%;
content: "";
position: absolute;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s ease .3s,opacity .3s linear;
transition: visibility 0s ease .3s,opacity .3s linear;
margin-top: 0
}
html.oldie .general-listing-wrapper.ng-cloak:before {
height: 400px
}
.general-listing-wrapper.ng-cloak.ng-cloak {
display: block !important;
z-index: 15
}
html.oldie .general-listing-wrapper.ng-cloak.ng-cloak {
height: 400px
}
.general-listing-wrapper.ng-cloak.ng-cloak:before {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.general-listing-wrapper.loading {
min-height: 500px;
position: relative;
overflow: hidden
}
.general-listing-wrapper.loading:before {
z-index: 15;
min-height: 500px;
background: #ffffff url('../../images/loading-anim.gif') no-repeat center;
position: relative;
width: 100%;
content: "";
position: absolute;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s ease .3s,opacity .3s linear;
transition: visibility 0s ease .3s,opacity .3s linear;
margin-top: 0
}
html.oldie .general-listing-wrapper.loading:before {
height: 500px
}
.general-listing-wrapper.loading.loading {
display: block !important;
z-index: 15
}
html.oldie .general-listing-wrapper.loading.loading {
height: 500px
}
.general-listing-wrapper.loading.loading:before {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.general-listing-wrapper.loading .facets-list {
display: none
}
.general-listing-wrapper .static-listing {
max-height: 300px;
overflow: hidden
}
.general-listing-search-header {
position: relative;
width: 1024px;
margin: 0 auto;
padding: 0 42px
}
.general-listing-search-header:before,.general-listing-search-header:after {
content: "";
display: table
}
.general-listing-search-header:after {
clear: both
}
.ie6 .general-listing-search-header,.ie7 .general-listing-search-header {
zoom:1}
.general-listing-search-header.content-padding {
padding-top: 30px;
padding-bottom: 30px
}
.general-listing-search-header.content-right {
text-align: right
}
.general-listing-search-header.content-padding {
padding-top: 30px;
padding-bottom: 30px
}
.general-listing-search-header.content-right {
text-align: right
}
@media (max-width: 719px) {
body.responsive .general-listing-search-header {
width:100%;
max-width: 100%;
padding: 0 7vw
}
}
.general-listing-search-header .units-full-width {
margin-top: 25px;
width: 100%;
background: #ededee
}
.general-listing-search-header .units-full-width:before,.general-listing-search-header .units-full-width:after {
content: "";
display: table
}
.general-listing-search-header .units-full-width:after {
clear: both
}
.ie6 .general-listing-search-header .units-full-width,.ie7 .general-listing-search-header .units-full-width {
zoom:1}
@media (max-width: 719px) {
body.responsive .general-listing-search-header .units-full-width {
max-width:100%
}
}
.general-listing-search-header .units-of-measurement {
margin-top: -30px;
padding: 0
}
.general-listing-search-header .contact-us {
cursor: pointer;
margin-bottom: 30px
}
@media (min-width: 720px) {
body.responsive .general-listing-search-header .contact-us {
padding:20px;
background-color: #ededee;
margin: 10px 0 40px
}
}
.general-listing-search-header .contact-us .hovering {
color: #3db7e4
}
.country-selector-dropdown.remove {
min-height: 50px;
visibility: hidden
}
.country-selector-page {
min-height: 100%;
position: relative;
max-width: 1020px;
margin: 0 auto
}
.country-selector-page:before {
z-index: 15;
min-height: 100%;
background: #ffffff url('../../images/loading-anim.gif') no-repeat center;
position: relative;
width: 100%;
content: "";
position: absolute;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s ease .3s,opacity .3s linear;
transition: visibility 0s ease .3s,opacity .3s linear;
margin-top: 0
}
html.oldie .country-selector-page:before {
height: 100%
}
.country-selector-page.loader {
display: block !important;
z-index: 15
}
html.oldie .country-selector-page.loader {
height: 100%
}
.country-selector-page.loader:before {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.cq-wcm-edit #te-header .cq-element-other-links {
position: relative;
z-index: 3
}
.cq-wcm-edit .te-admin-topnav>.nav-links-container>li.navigation-element>a {
float: left;
width: 14.89361702%;
margin-right: 2.12765957%;
float: none;
position: relative;
display: block;
padding: 20px 0;
margin: 20px 0;
text-align: center;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
background-color: #4a4f55
}
.cq-wcm-edit .te-admin-topnav>.nav-links-container>li.navigation-element>a:link,.cq-wcm-edit .te-admin-topnav>.nav-links-container>li.navigation-element>a:visited {
color: #3db7e4
}
.cq-wcm-edit .te-admin-topnav>.nav-links-container>li.navigation-element>a:hover,.cq-wcm-edit .te-admin-topnav>.nav-links-container>li.navigation-element>a:active,.cq-wcm-edit .te-admin-topnav>.nav-links-container>li.navigation-element>a:focus {
color: #3db7e4;
-webkit-transition: color .075s ease-out;
transition: color .075s ease-out
}
.cq-wcm-edit .te-admin-topnav>.nav-links-container>li.navigation-element>a:after {
content: "";
display: block;
clear: both;
visibility: hidden
}
.cq-wcm-edit .te-admin-topnav>.nav-links-container>li.navigation-element ul li.navigation-element {
padding: 0;
background-color: #4a4f55
}
.cq-wcm-edit .te-admin-topnav>.nav-links-container>li.navigation-element ul li.navigation-element>a {
font: 400 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
text-transform: uppercase;
display: inline-block;
width: 100%;
color: #ffffff;
padding: 25px 20px 22px 20px;
margin: 0;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out
}
.ie7 .cq-wcm-edit .te-admin-topnav>.nav-links-container>li.navigation-element ul li.navigation-element>a {
display: inline;
zoom:1}
.cq-wcm-edit .te-admin-topnav>.nav-links-container>li.navigation-element ul li.navigation-element>a:hover,.cq-wcm-edit .te-admin-topnav>.nav-links-container>li.navigation-element ul li.navigation-element>a:focus {
color: #3db7e4;
-webkit-transition: color .075s ease-out;
transition: color .075s ease-out
}
.cq-wcm-edit .te-admin-topnav>.nav-links-container>li.navigation-element ul li.navigation-element>a:hover.descriptive,.cq-wcm-edit .te-admin-topnav>.nav-links-container>li.navigation-element ul li.navigation-element>a:focus.descriptive {
color: #e98300
}
.cq-wcm-edit .te-admin-topnav>.nav-links-container>li.navigation-element ul li.navigation-element ul li.navigation-element {
background-color: #42474c
}
.cq-wcm-edit .te-admin-topnav>.nav-links-container>li.navigation-element ul li.navigation-element ul li.navigation-element a {
font: 200 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #ffffff;
text-transform: none;
display: block;
border-top: 1px solid #4a4f55;
border-left: 1px solid #4a4f55;
border-right: 1px solid #3f4348;
border-bottom: 1px solid #3f4348;
margin: 0;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out
}
.cq-wcm-edit .te-admin-topnav>.nav-links-container>li.navigation-element ul li.navigation-element ul li.navigation-element a:before {
content: '';
display: inline-block;
width: 0;
height: 100%;
vertical-align: middle
}
.ie7 .cq-wcm-edit .te-admin-topnav>.nav-links-container>li.navigation-element ul li.navigation-element ul li.navigation-element a:before {
display: inline;
zoom:1}
.cq-wcm-edit .te-admin-topnav>.nav-links-container>li.navigation-element ul li.navigation-element ul li.navigation-element a span {
vertical-align: middle
}
.cq-wcm-edit .te-admin-topnav>.nav-links-container>li.navigation-element ul li.navigation-element ul li.navigation-element a:hover,.cq-wcm-edit .te-admin-topnav>.nav-links-container>li.navigation-element ul li.navigation-element ul li.navigation-element a:focus {
-webkit-transition: all .075s ease-out;
transition: all .075s ease-out;
background-color: #3db7e4
}
.cq-wcm-edit .te-admin-topnav>.nav-links-container>li.navigation-element ul li.navigation-element ul.descriptive li.navigation-element a strong {
display: block;
font: 500 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #e98300
}
.cq-wcm-edit .te-admin-topnav>.nav-links-container>li.navigation-element ul.sectionless li.navigation-element>a {
text-transform: none
}
@media (max-width: 719px) {
body.responsive #te-header nav {
padding-top:0;
display: -webkit-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #ffffff
}
body.responsive #te-header nav>:not(.logo) {
display: none
}
body.responsive #te-header nav .logo {
float: none;
width: 120px;
height: 64px;
margin-right: 0
}
body.responsive #te-header nav .logo #te-logo {
float: none;
width: 100%;
height: 100%;
margin-top: 0
}
body.responsive #te-header nav .te-header__block {
display: block
}
}
.te-header__block {
padding: 20px;
-webkit-flex: 1 0 auto;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
display: none
}
.te-header__block:before,.te-header__block:after {
content: "";
display: table
}
.te-header__block:after {
clear: both
}
.ie6 .te-header__block,.ie7 .te-header__block {
zoom:1}
.te-header__block button {
background: transparent;
border: none;
color: #666;
cursor: pointer
}
.te-header__block button.te-header__products-vanity-btn {
font: 900 20px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.25rem;
font-weight: 500;
opacity: .7
}
.te-header__block button.te-header__search-vanity-btn {
float: right;
font-size: 20px
}
.top-nav {
height: 64px
}
@media (min-width: 720px) {
body.responsive .top-nav {
min-height:73px
}
}
#te-logo {
text-indent: -5000px;
display: block;
width: 147px;
height: 77px;
float: left;
background: url('../../images/te-connectivity-logo.svg') 50% 50% no-repeat;
background-size: cover;
margin-top: -20px
}
html.no-svg #te-logo {
background-image: url('../../images/te-connectivity-logo.png')
}
#te-header {
border-bottom: 1px solid #ededee;
background-color: #ffffff;
position: fixed;
width: 100%;
min-height: 60px;
z-index: 45
}
#te-header .te-header-wrap {
position: relative;
width: 1024px;
margin: 0 auto;
padding: 0 42px
}
#te-header .te-header-wrap.content-padding {
padding-top: 30px;
padding-bottom: 30px
}
#te-header .te-header-wrap.content-right {
text-align: right
}
#te-header .te-header-wrap.content-padding {
padding-top: 30px;
padding-bottom: 30px
}
#te-header .te-header-wrap.content-right {
text-align: right
}
@media (max-width: 719px) {
body.responsive #te-header .te-header-wrap {
width:100%;
max-width: 100%;
padding: 0 7vw
}
}
@media (max-width: 719px) {
body.responsive #te-header .te-header-wrap {
width:100%;
padding: 0;
margin: 0
}
}
#te-header nav {
padding: 18px 0 0;
font: 500 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
position: relative
}
#te-header nav .logo {
float: left;
width: 14.89361702%;
margin-right: 2.12765957%
}
#te-header nav ul.sections {
display: inline
}
#te-header nav ul.sections li {
float: left;
width: 14.89361702%;
margin-right: 2.12765957%
}
#te-header nav ul.sections li a {
position: relative;
display: inline-block;
width: 100%;
text-align: center;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out
}
.ie7 #te-header nav ul.sections li a {
display: inline;
zoom:1}
#te-header nav ul.sections li a.nav-tab {
top: 0;
cursor: pointer;
-webkit-transition: top .5s ease-out;
transition: top .5s ease-out
}
#te-header nav ul.sections li a.nav-tab .tabtext {
display: block;
width: 100%;
height: 100%;
padding: 1px 0;
position: relative;
z-index: 48
}
#te-header nav ul.sections li a.nav-tab .tabtext .icon {
color: #666
}
#te-header nav ul.sections li a.nav-tab .extension {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
margin-top: 0;
-ms-box-sizing: content-box;
box-sizing: content-box;
background-color: #4a4f55;
z-index: 45;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
-webkit-transition: padding .7s ease-out;
transition: padding .7s ease-out;
-webkit-transition: margin-top .7s ease-out;
transition: margin-top .7s ease-out
}
#te-header nav ul.sections li a.nav-tab:focus {
outline: 0
}
#te-header nav ul.sections li a.nav-tab:focus .extension {
outline: 1px dotted #42474c
}
#te-header nav ul.sections li a:link,#te-header nav ul.sections li a:visited {
color: #666
}
#te-header nav ul.sections li a:hover,#te-header nav ul.sections li a:active,#te-header nav ul.sections li a:focus {
color: #3db7e4;
-webkit-transition: color .075s ease-out;
transition: color .075s ease-out
}
#te-header nav ul.sections li a:hover .tabtext .icon,#te-header nav ul.sections li a:active .tabtext .icon,#te-header nav ul.sections li a:focus .tabtext .icon {
color: #3db7e4
}
#te-header nav ul.sections li.active a {
color: #3db7e4;
background-color: #4a4f55;
-webkit-transition: all .075s ease-out;
transition: all .075s ease-out
}
#te-header nav ul.sections li.active a.nav-tab {
top: 30px;
-webkit-transition: top .7s ease-out;
transition: top .7s ease-out
}
#te-header nav ul.sections li.active a.nav-tab .extension {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
padding: 0 0 40px 0;
margin-top: -20px;
-webkit-transition: padding .7s ease-out;
transition: padding .7s ease-out;
-webkit-transition: margin-top .7s ease-out;
transition: margin-top .7s ease-out
}
#te-header nav ul.sections li.active .menu {
margin-top: 40px;
-webkit-transition: margin-top .7s ease-out;
transition: margin-top .7s ease-out
}
#te-header nav ul.sections li .menu {
position: absolute;
max-height: 0;
overflow: hidden;
margin-top: 0;
-webkit-transition: all .7s ease-out;
transition: all .7s ease-out;
-webkit-transition: max-height .7s ease-in-out .3s;
transition: max-height .7s ease-in-out .3s;
-webkit-transition: margin-top .5s ease-out;
transition: margin-top .5s ease-out;
background-color: #4a4f55;
z-index: 48
}
#te-header nav ul.sections li .menu.menu-full {
width: 960px;
left: -10px
}
#te-header nav ul.sections li .menu.menu-inline {
width: 100%;
left: 0
}
#te-header nav ul.sections li .menu>ul>li {
padding: 0 20px;
margin-right: 0
}
#te-header nav ul.sections li .menu>ul>li a {
font: 400 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
text-align: center;
text-transform: uppercase;
display: inline-block;
width: 100%;
color: #ffffff;
padding: 25px 0 22px 0;
margin: 0;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out
}
.ie7 #te-header nav ul.sections li .menu>ul>li a {
display: inline;
zoom:1}
#te-header nav ul.sections li .menu>ul>li a:hover,#te-header nav ul.sections li .menu>ul>li a:focus {
color: #3db7e4;
-webkit-transition: color .075s ease-out;
transition: color .075s ease-out
}
#te-header nav ul.sections li .menu>ul>li a:hover.descriptive,#te-header nav ul.sections li .menu>ul>li a:focus.descriptive {
color: #3db7e4
}
#te-header nav ul.sections li .menu>ul>li[aria-activedescendant=true] a {
color: #3db7e4;
-webkit-transition: color .075s ease-out;
transition: color .075s ease-out
}
#te-header nav ul.sections li .menu>ul>li.active a {
margin: 0;
color: #3db7e4;
-webkit-transition: color .075s ease-out;
transition: color .075s ease-out
}
#te-header nav ul.sections li .menu>ul>li.active a.descriptive {
color: #3db7e4
}
#te-header nav ul.sections li .menu>ul.sectionless>li {
width: 25%;
height: 59px;
margin-right: 0;
padding: 0
}
#te-header nav ul.sections li .menu>ul.sectionless>li a {
font: 200 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
text-transform: none;
color: #ffffff;
display: block;
background-color: #42474c;
border-top: 1px solid #4a4f55;
border-left: 1px solid #4a4f55;
border-right: 1px solid #3f4348;
border-bottom: 1px solid #3f4348;
height: 100%;
margin: 0;
padding: 0;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out
}
#te-header nav ul.sections li .menu>ul.sectionless>li a:before {
content: '';
display: inline-block;
width: 0;
height: 100%;
vertical-align: middle
}
.ie7 #te-header nav ul.sections li .menu>ul.sectionless>li a:before {
display: inline;
zoom:1}
#te-header nav ul.sections li .menu>ul.sectionless>li a span {
vertical-align: middle;
display: inline-block;
padding: 0 20px
}
.ie7 #te-header nav ul.sections li .menu>ul.sectionless>li a span {
display: inline;
zoom:1}
#te-header nav ul.sections li .menu>ul.sectionless>li a:hover,#te-header nav ul.sections li .menu>ul.sectionless>li a:focus {
-webkit-transition: all .075s ease-out;
transition: all .075s ease-out;
background-color: #3db7e4
}
#te-header nav ul.sections li .menu>ul.sectionless>li.active a {
-webkit-transition: all .075s ease-out;
transition: all .075s ease-out;
background-color: #3db7e4
}
#te-header nav ul.sections li .menu.menu-1-across>ul li {
width: 100%
}
#te-header nav ul.sections li .menu.menu-2-across>ul li {
width: 50%
}
#te-header nav ul.sections li .menu.menu-3-across>ul li {
width: 33.333333%
}
#te-header nav ul.sections li .menu.menu-4-across>ul li {
width: 25%
}
#te-header nav ul.sections li .menu.menu-5-across>ul li {
width: 20%
}
#te-header nav ul.sections li.active .menu {
max-height: 30em;
-webkit-transition: max-height .7s ease-in-out .3s;
transition: max-height .7s ease-in-out .3s
}
#te-header nav ul.sections li #menu-top-1.menu-4-across>ul li {
width: 33.333333%
}
#te-header nav ul.sections li #menu-top-1>ul>li:last-child {
display: none
}
#te-header nav ul.sections li .submenu {
position: absolute;
left: -9000px;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out
}
#te-header nav ul.sections li .submenu.active {
position: static;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all .075s ease-out;
transition: all .075s ease-out
}
#te-header nav ul.sections li .submenu li {
width: 25%;
height: 59px;
margin-right: 0
}
#te-header nav ul.sections li .submenu li a {
font: 200 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #ffffff;
display: block;
background-color: #42474c;
border-top: 1px solid #4a4f55;
border-left: 1px solid #4a4f55;
border-right: 1px solid #3f4348;
border-bottom: 1px solid #3f4348;
height: 100%;
margin: 0;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out
}
#te-header nav ul.sections li .submenu li a:before {
content: '';
display: inline-block;
width: 0;
height: 100%;
vertical-align: middle
}
.ie7 #te-header nav ul.sections li .submenu li a:before {
display: inline;
zoom:1}
#te-header nav ul.sections li .submenu li a span {
vertical-align: middle;
display: inline-block
}
.ie7 #te-header nav ul.sections li .submenu li a span {
display: inline;
zoom:1}
#te-header nav ul.sections li .submenu li a:hover,#te-header nav ul.sections li .submenu li a:focus {
-webkit-transition: all .075s ease-out;
transition: all .075s ease-out;
background-color: #3db7e4
}
#te-header nav ul.sections li .submenu li.active a {
-webkit-transition: all .075s ease-out;
transition: all .075s ease-out;
background-color: #3db7e4
}
#te-header nav ul.sections li .submenu.compact {
padding: 13px 0 27px;
background-color: #42474c
}
#te-header nav ul.sections li .submenu.compact ul {
width: 25%;
float: left
}
#te-header nav ul.sections li .submenu.compact ul li {
width: 100%;
height: auto
}
#te-header nav ul.sections li .submenu.compact ul li a {
height: auto;
border: none;
text-align: left;
padding: 4px 20px 5px
}
#te-header nav ul.sections li .submenu.descriptive li {
height: 109px
}
#te-header nav ul.sections li .submenu.descriptive li a span {
height: 100%;
padding: 17px 10px 0 20px;
display: inline-block;
font: 200 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
line-height: 1.21428571;
text-align: left
}
.ie7 #te-header nav ul.sections li .submenu.descriptive li a span {
display: inline;
zoom:1}
#te-header nav ul.sections li .submenu.descriptive li a strong {
display: block;
font: 500 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #3db7e4;
margin-bottom: 7px
}
#te-header nav ul.sections li .submenu.descriptive li a:hover,#te-header nav ul.sections li .submenu.descriptive li a:active,#te-header nav ul.sections li .submenu.descriptive li a:focus {
background-color: #3db7e4
}
#te-header nav ul.sections li .submenu.descriptive li a:hover strong,#te-header nav ul.sections li .submenu.descriptive li a:active strong,#te-header nav ul.sections li .submenu.descriptive li a:focus strong {
color: #42474c
}
#te-header nav ul.sections li .submenu.descriptive li.active a {
background-color: #3db7e4
}
#te-header nav ul.sections li .submenu.descriptive li.active a strong {
color: #42474c
}
#te-header nav .search {
float: left;
width: 14.89361702%;
margin-right: 2.12765957%;
position: relative;
z-index: 49
}
#te-header nav .search .search-resizing-container {
position: absolute;
width: 100%;
left: 0;
z-index: 31
}
#te-header nav .search .search-resizing-container .search-resizing-input {
font: 500 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #666;
background-color: #ededee;
border: 0;
padding: 10px 52px 8px 10px;
position: relative;
margin: 0;
width: 100%
}
#te-header nav .search .search-resizing-container .search-resizing-input:focus {
z-index: 31
}
#te-header nav .search .search-resizing-container input[type='submit'] {
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
height: 42px;
width: 42px;
padding: 10px;
margin: 0 0 0 -42px;
text-indent: -9999px;
border: 0;
position: absolute;
right: 0;
top: 0;
z-index: 33;
cursor: pointer
}
#te-header nav .search .search-resizing-container .icon {
cursor: pointer;
display: block;
position: absolute;
right: 10px;
top: 10px;
z-index: 32
}
#te-header nav .search .search-resizing-container .btn-close {
background-color: #ffffff;
position: absolute;
top: 0;
left: 100%;
display: none;
width: 42px;
height: 38px
}
#te-header nav .search .search-resizing-container.force-expand {
left: -300px;
width: 250%
}
#te-header nav .search .search-suggestions {
background-color: #4a4f55;
padding-bottom: 15px;
position: relative;
display: none;
z-index: 2
}
#te-header nav .search .search-suggestions .suggestions-item {
background-color: #42474c;
color: #ffffff;
border-bottom: 1px solid #3f4348;
cursor: pointer
}
#te-header nav .search .search-suggestions .suggestions-item:hover,#te-header nav .search .search-suggestions .suggestions-item:focus {
background-color: #3db7e4
}
#te-header nav .search .search-suggestions .suggestions-item a {
display: block;
color: #ffffff;
padding: 11px 20px
}
#te-header nav .search .search-suggestions .suggestions-item a:focus {
background-color: #3db7e4;
border: none
}
#te-header nav .search .search-suggestions .resize {
width: 50%
}
#te-header nav .search .search-suggestions em {
font: 900 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem
}
#te-header nav .personalization {
float: left;
width: 14.89361702%;
margin-right: 0;
float: right;
font: 500 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
text-align: center
}
#te-header nav .personalization .signin {
white-space: nowrap
}
#te-header nav .personalization .signin li {
display: inline-block;
margin-right: 8px
}
.ie7 #te-header nav .personalization .signin li {
display: inline;
zoom:1}
#te-header nav .personalization .signin li:first-child a:before {
content: ''
}
#te-header nav .personalization .signin li a {
color: #666;
display: block;
padding: 12px 0
}
#te-header nav .personalization .signin li a:before {
content: '|';
padding-right: 8px
}
#te-header nav .personalization .signin li a:hover,#te-header nav .personalization .signin li a:focus {
color: #3db7e4
}
#te-header nav .personalization .account {
display: none
}
#te-header nav .cart {
display: block;
padding: 10px 0;
float: left;
width: 6.38297872%;
margin-right: 2.12765957%;
text-align: center;
right: 220px;
position: absolute
}
#te-header nav .cart a:link .icon,#te-header nav .cart a:visited .icon {
color: #999
}
#te-header nav .cart a:hover .icon,#te-header nav .cart a:active .icon,#te-header nav .cart a:focus .icon {
color: #3db7e4
}
#te-header nav .products {
display: block;
padding: 10px 0;
float: left;
width: 6.38297872%;
margin-right: 2.12765957%;
text-align: center;
right: 140px;
position: absolute
}
#te-header nav .products a:link .icon,#te-header nav .products a:visited .icon {
color: #999
}
#te-header nav .products a:hover .icon,#te-header nav .products a:active .icon,#te-header nav .products a:focus .icon {
color: #3db7e4
}
.not-logged-in #te-header nav .personalization {
float: left;
width: 23.40425532%;
margin-right: 0;
float: right;
position: absolute;
right: 0;
width: 18% !important
}
.not-logged-in #te-header nav .personalization .no-account {
display: block;
white-space: nowrap
}
.not-logged-in #te-header nav .personalization .no-account .sectionsUserName {
width: 115%
}
.not-logged-in #te-header nav .personalization .no-account ul.sections li {
position: relative;
width: 100%
}
.not-logged-in #te-header nav .personalization .no-account ul.sections li a.prev-tab {
color: #4a4f55;
cursor: default
}
.not-logged-in #te-header nav .personalization .no-account ul.sections li a.nav-tab.sign-in {
display: none
}
.not-logged-in #te-header nav .personalization .no-account ul.sections li a.nav-tab.no-sign-in .not-signed-resources {
font: 400 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem
}
.not-logged-in #te-header nav .personalization .no-account ul.sections li a.nav-tab.no-sign-in .tabtext {
font-weight: bold
}
.not-logged-in #te-header nav .personalization .no-account ul.sections li a .icon {
margin-left: 5px;
font-size: 8px
}
.not-logged-in #te-header nav .personalization .no-account ul.sections li a.prev-tab {
display: none
}
.not-logged-in #te-header nav .personalization .no-account ul.sections .active a:hover.nav-tab,.not-logged-in #te-header nav .personalization .no-account ul.sections .active a:focus.nav-tab {
background-color: #3db7e4
}
.not-logged-in #te-header nav .personalization .no-account ul.sections .active a.prev-tab {
display: block !important;
padding: 20px;
background-color: #42474c;
color: #3db7e4;
cursor: default;
font: 400 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem
}
.not-logged-in #te-header nav .personalization .no-account ul.sections .active a.nav-tab {
padding: 20px 0;
color: #ffffff;
top: 0
}
.not-logged-in #te-header nav .personalization .no-account ul.sections .active a.nav-tab.no-sign-in {
display: none
}
.not-logged-in #te-header nav .personalization .no-account ul.sections .active a.nav-tab.sign-in {
display: block !important;
font: 400 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem
}
.not-logged-in #te-header nav .personalization .no-account ul.sections .active a.nav-tab.sign-in .tabtext {
font: 400 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem
}
.not-logged-in #te-header nav .personalization .no-account ul.sections .active a.nav-tab .extension {
margin-top: 0;
padding: 0
}
.not-logged-in #te-header nav .personalization .no-account ul.sections .active a.nav-tab .not-signed-resources {
display: none
}
.not-logged-in #te-header nav .personalization .no-account ul.sections .active a.nav-tab .icon {
display: none
}
.not-logged-in #te-header nav .personalization .no-account ul.sections .active .menu {
margin-top: 0
}
.not-logged-in #te-header nav .personalization .no-account .nav-tab {
font: 500 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.not-logged-in #te-header nav .personalization .no-account .menu {
left: 0;
width: 100%
}
.not-logged-in #te-header nav .personalization .no-account .menu .submenu li a {
padding-left: 10px;
text-align: left;
background-color: #42474c
}
.not-logged-in #te-header nav .personalization .no-account .menu .submenu li a:hover,.not-logged-in #te-header nav .personalization .no-account .menu .submenu li a:focus {
color: #3db7e4;
background-color: #42474c
}
.logged-in #te-header nav .search {
float: left;
width: 14.89361702%;
margin-right: 2.12765957%;
height: 10px
}
.logged-in #te-header nav .cart,.logged-in #te-header nav .products {
display: block;
padding: 10px 0;
float: left;
width: 6.38297872%;
margin-right: 2.12765957%;
text-align: center
}
.logged-in #te-header nav .cart .counter,.logged-in #te-header nav .products .counter {
display: inline-block;
background-color: #e98300;
color: #ffffff;
padding: 3px 6px;
position: relative;
left: -13px;
top: 6px;
font: 900 10px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.625rem
}
.logged-in #te-header nav .cart a:link .icon,.logged-in #te-header nav .products a:link .icon,.logged-in #te-header nav .cart a:visited .icon,.logged-in #te-header nav .products a:visited .icon {
color: #999
}
.logged-in #te-header nav .cart a:hover .icon,.logged-in #te-header nav .products a:hover .icon,.logged-in #te-header nav .cart a:active .icon,.logged-in #te-header nav .products a:active .icon,.logged-in #te-header nav .cart a:focus .icon,.logged-in #te-header nav .products a:focus .icon {
color: #3db7e4
}
.logged-in #te-header nav .personalization {
float: left;
width: 23.40425532%;
margin-right: 0;
float: right;
position: absolute;
right: 0;
width: 18% !important
}
.logged-in #te-header nav .personalization .signin {
display: none
}
.logged-in #te-header nav .personalization .no-account {
display: none
}
.logged-in #te-header nav .personalization .account {
display: block;
white-space: nowrap
}
.logged-in #te-header nav .personalization .account .sectionsUserName {
width: 115%
}
.logged-in #te-header nav .personalization .account ul.sections li {
position: relative;
width: 100%
}
.logged-in #te-header nav .personalization .account ul.sections li a .icon {
font-size: 8px
}
.logged-in #te-header nav .personalization .account ul.sections li a.prev-tab {
color: #4a4f55;
cursor: default;
font: 400 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem
}
.logged-in #te-header nav .personalization .account ul.sections li a.nav-tab.no-sign-in .not-signed-resources {
font: 400 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem
}
.logged-in #te-header nav .personalization .account ul.sections li a.nav-tab.no-sign-in .tabtext {
font-weight: bold
}
.logged-in #te-header nav .personalization .account ul.sections li.active a:hover.nav-tab,.logged-in #te-header nav .personalization .account ul.sections li.active a:focus.nav-tab {
background-color: #3db7e4
}
.logged-in #te-header nav .personalization .account ul.sections li.active a.prev-tab {
display: block !important;
padding: 20px;
background-color: #42474c;
color: #3db7e4;
cursor: default
}
.logged-in #te-header nav .personalization .account ul.sections li.active a.nav-tab {
padding: 20px 0;
color: #ffffff;
top: 0
}
.logged-in #te-header nav .personalization .account ul.sections li.active a.nav-tab.no-sign-in {
display: none
}
.logged-in #te-header nav .personalization .account ul.sections li.active a.nav-tab.sign-in {
display: block !important;
font: 400 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem
}
.logged-in #te-header nav .personalization .account ul.sections li.active a.nav-tab.sign-in .tabtext {
font-weight: normal
}
.logged-in #te-header nav .personalization .account ul.sections li.active a.nav-tab .extension {
margin-top: 0;
padding: 0
}
.logged-in #te-header nav .personalization .account ul.sections li.active a.nav-tab .not-signed-resources {
display: none
}
.logged-in #te-header nav .personalization .account ul.sections li.active a.nav-tab .icon {
display: none
}
.logged-in #te-header nav .personalization .account ul.sections li.active .menu {
margin-top: 0;
max-height: 34em
}
.logged-in #te-header nav .personalization .account ul.sections .submenu li a {
padding-left: 10px;
text-align: left
}
.logged-in #te-header nav .personalization .account ul.sections .submenu li a:hover,.logged-in #te-header nav .personalization .account ul.sections .submenu li a:focus {
color: #3db7e4;
background-color: #42474c
}
.logged-in #te-header nav .personalization .account ul.sections .submenu li.last a {
background-color: #4a4f55
}
.logged-in #te-header nav .personalization .account ul.sections .submenu li.last a:hover,.logged-in #te-header nav .personalization .account ul.sections .submenu li.last a:focus {
color: #ffffff;
background-color: #3db7e4
}
.logged-in #te-header nav .personalization .account .nav-tab {
font: 500 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.logged-in #te-header nav .personalization .account .menu {
left: 0;
width: 100%
}
.logged-in #te-header nav .tabtext #main-nav-user-name {
white-space: normal;
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word
}
#te-non-nav-header {
position: relative;
width: 1024px;
margin: 0 auto;
padding: 0 42px;
padding: 39px 20px
}
#te-non-nav-header.content-padding {
padding-top: 30px;
padding-bottom: 30px
}
#te-non-nav-header.content-right {
text-align: right
}
#te-non-nav-header.content-padding {
padding-top: 30px;
padding-bottom: 30px
}
#te-non-nav-header.content-right {
text-align: right
}
@media (max-width: 719px) {
body.responsive #te-non-nav-header {
width:100%;
max-width: 100%;
padding: 0 7vw
}
}
#te-non-nav-header:before,#te-non-nav-header:after {
content: "";
display: table
}
#te-non-nav-header:after {
clear: both
}
.ie6 #te-non-nav-header,.ie7 #te-non-nav-header {
zoom:1}
#te-non-nav-header img {
float: left
}
#te-non-nav-header h1 {
float: left;
padding-left: 60px
}
.te-simple-header {
padding-bottom: 15px;
padding-top: 15px
}
@media (max-width: 719px) {
body.responsive .te-simple-header.no-breadcrumbs {
padding:15px 7vw
}
}
.cq-wcm-edit #te-header.admin-page-header {
position: relative
}
.cq-wcm-edit #te-header nav .edit-box {
position: absolute;
left: 20px;
bottom: -10px;
padding: 10px;
display: none;
z-index: 10001
}
.cq-wcm-edit #te-header:hover .edit-box {
display: inline-block
}
#type-ahead-wrapper {
display: none;
position: absolute;
right: 0;
top: 38px;
z-index: 10000;
width: 67%;
padding: 12px;
background-color: #42474c
}
#type-ahead-wrapper div.ta-categories+div.ta-page-types {
border-top: none
}
#type-ahead-wrapper div.ta-categories+div.ta-page-types li:first-child,#type-ahead-wrapper div.ta-categories+div.ta-page-types li:first-child+li {
border-top: none
}
.category-type-ahead.ta-title {
color: white;
margin: 8px 0 12px 0
}
.category-type-ahead.ta-categories {
border-color: #3f4348 #4a4f55 #4a4f55 #3f4348;
border-style: solid;
border-width: 1px
}
.category-type-ahead.ta-categories:before,.category-type-ahead.ta-categories:after {
content: "";
display: table
}
.category-type-ahead.ta-categories:after {
clear: both
}
.ie6 .category-type-ahead.ta-categories,.ie7 .category-type-ahead.ta-categories {
zoom:1}
.category-type-ahead.ta-page-types {
border-color: #3f4348 #4a4f55 #4a4f55 #3f4348;
border-style: solid;
border-width: 1px;
clear: both
}
.category-type-ahead.ta-page-types:before,.category-type-ahead.ta-page-types:after {
content: "";
display: table
}
.category-type-ahead.ta-page-types:after {
clear: both
}
.ie6 .category-type-ahead.ta-page-types,.ie7 .category-type-ahead.ta-page-types {
zoom:1}
.ta-categories-item {
border-color: #4a4f55 #3f4348 #3f4348 #4a4f55;
border-style: solid;
border-width: 1px;
display: inline-block;
width: 50%;
vertical-align: top;
min-height: 45px
}
.ta-categories-item a {
padding: 10px 15px;
display: block;
color: #ffffff;
width: 100%;
height: 100%;
min-height: 45px;
vertical-align: middle
}
.ta-categories-item a:focus,.ta-categories-item a:hover {
background-color: #3db7e4;
color: #ffffff;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out
}
.ta-pagetype-item {
border-color: #4a4f55 #3f4348 #3f4348 #4a4f55;
border-style: solid;
border-width: 1px;
display: inline-block;
width: 50%;
vertical-align: top;
min-height: 80px
}
.ta-pagetype-item a {
text-transform: uppercase;
padding: 10px 15px;
display: block;
vertical-align: middle;
width: 100%;
height: 100%;
min-height: 45px;
color: #3db7e4
}
.ta-pagetype-item a:focus,.ta-pagetype-item a:hover {
background-color: #3db7e4;
color: #ffffff;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out
}
.ta-pagetype-item a p {
color: #ffffff;
margin: 3px 0;
text-transform: none
}
.ta-pagetype-item a p em {
font: 900 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem
}
.eu-cookie-banner {
background-color: #ededee;
z-index: 45;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
display: none
}
.eu-cookie-banner .banner-content {
position: relative;
width: 1024px;
margin: 0 auto;
padding: 0 42px;
min-height: 50px;
padding-top: 10px;
padding-bottom: 10px;
text-align: center
}
.eu-cookie-banner .banner-content.content-padding {
padding-top: 30px;
padding-bottom: 30px
}
.eu-cookie-banner .banner-content.content-right {
text-align: right
}
.eu-cookie-banner .banner-content.content-padding {
padding-top: 30px;
padding-bottom: 30px
}
.eu-cookie-banner .banner-content.content-right {
text-align: right
}
@media (max-width: 719px) {
body.responsive .eu-cookie-banner .banner-content {
width:100%;
max-width: 100%;
padding: 0 7vw
}
}
@media (max-width: 719px) {
body.responsive .eu-cookie-banner .banner-content {
padding:40px 7vw 20px;
text-align: left;
line-height: 1.3
}
}
.eu-cookie-banner .btn-close {
position: absolute;
right: 0;
top: 0;
cursor: pointer
}
.eu-cookie-banner.is-showed {
display: block
}
.eu-browser-banner {
background-color: #ededee;
z-index: 45;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
display: none
}
.eu-browser-banner .banner-content {
position: relative;
width: 1024px;
margin: 0 auto;
padding: 0 42px;
min-height: 50px;
padding-top: 10px;
padding-bottom: 10px;
text-align: center
}
.eu-browser-banner .banner-content.content-padding {
padding-top: 30px;
padding-bottom: 30px
}
.eu-browser-banner .banner-content.content-right {
text-align: right
}
.eu-browser-banner .banner-content.content-padding {
padding-top: 30px;
padding-bottom: 30px
}
.eu-browser-banner .banner-content.content-right {
text-align: right
}
@media (max-width: 719px) {
body.responsive .eu-browser-banner .banner-content {
width:100%;
max-width: 100%;
padding: 0 7vw
}
}
.eu-browser-banner .btn-close {
position: absolute;
right: 0;
top: 0;
cursor: pointer
}
.eu-browser-banner.is-showed {
display: block
}
@media (max-width: 719px) {
body.responsive .hero-homepage.section {
display:block;
margin: 0 -7vw
}
}
@media (min-width: 720px) {
body.responsive .hero-homepage.section {
display:block
}
}
#hero-homepage-video {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0
}
@media (max-width: 719px) {
body.responsive #hero-homepage-video {
display:none !important
}
}
.te-homepage-hero {
padding: 0;
background-color: #ffffff;
margin-bottom: 20px;
background-repeat: no-repeat;
background-size: cover;
background-position: center
}
@media (max-width: 719px) {
body.responsive .te-homepage-hero {
background:none !important
}
}
.te-homepage-hero .container {
width: 100%;
position: relative;
overflow: hidden;
padding: 0
}
@media (min-width: 720px) {
body.responsive .te-homepage-hero .container {
max-height:600px
}
}
@media (max-width: 719px) {
body.responsive .te-homepage-hero .container {
padding:0
}
}
.te-homepage-hero .container .te-homepage-hero-video-overlay {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0
}
.te-homepage-hero img {
width: 100%
}
.te-homepage-hero .container .hero-full-mobile-graphic {
width: 100%;
display: block
}
@media (max-width: 719px) {
body.responsive .te-homepage-hero .container .hero-full-mobile-graphic {
position:static
}
}
@media (min-width: 720px) {
body.responsive .te-homepage-hero.hide-overlay .content-box {
background:none
}
}
body:not(.responsive) .te-homepage-hero.hide-overlay .content-box {
background: none
}
.te-homepage-hero .content-box {
width: 100%
}
@media (min-width: 720px) {
body.responsive .te-homepage-hero .content-box {
position:absolute;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
background-color: rgba(233,131,0,0.8);
padding: 76px 0
}
}
body:not(.responsive) .te-homepage-hero .content-box {
position: absolute;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
background-color: rgba(233,131,0,0.8);
padding: 76px 0
}
.te-homepage-hero .content-box .actual-content-box {
width: 100%;
color: #ffffff;
text-align: center
}
@media (max-width: 719px) {
body.responsive .te-homepage-hero .content-box .actual-content-box {
text-align:left
}
}
.te-homepage-hero .content-box .actual-content-box .wrapper.has-cta {
max-height: 239px;
margin: 30px 30px 61px 22px
}
.te-homepage-hero .content-box .actual-content-box .wrapper .hero-copy {
width: 100%;
max-width: 780px;
margin: 0 auto;
overflow: hidden;
max-height: 424px
}
.te-homepage-hero .content-box .actual-content-box .wrapper .hero-copy .media-query(mobile, {
max-height: 0;
}
) .copy {
margin-bottom: 15px;
overflow: hidden;
max-height: 362px
}
@media (max-width: 719px) {
body.responsive .te-homepage-hero .content-box .actual-content-box .wrapper .hero-copy .media-query(mobile, {
max-height:0;
}
) .copy {
max-height: 0
}
}
.te-homepage-hero .content-box .actual-content-box .wrapper .hero-copy i {
color: #ffffff !important
}
.te-homepage-hero .content-box .actual-content-box .wrapper .hero-copy a {
color: #ffffff;
outline: 0
}
@media (max-width: 719px) {
body.responsive .te-homepage-hero .content-box .actual-content-box .wrapper .hero-copy a {
display:none
}
}
.te-homepage-hero .content-box .actual-content-box .wrapper .hero-copy a:hover i,.te-homepage-hero .content-box .actual-content-box .wrapper .hero-copy a:focus i {
color: #3db7e4 !important
}
.te-homepage-hero .content-box .actual-content-box h1 {
font: 900 60px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 3.75rem;
line-height: 1.03333333;
text-transform: uppercase;
color: #ffffff;
word-break: break-word
}
@media (max-width: 719px) {
body.responsive .te-homepage-hero .content-box .actual-content-box h1 {
font-size:23px;
line-height: 1.2;
padding: 48px 7vw 12px;
background-color: #e98300
}
}
.te-homepage-hero .content-box .actual-content-box p {
font: 500 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
padding: 20px 0 50px 0
}
@media (max-width: 719px) {
body.responsive .te-homepage-hero .content-box .actual-content-box p:last-of-type {
padding:0 7vw 48px;
background-color: #e98300
}
}
.te-homepage-hero .content-box .actual-content-box p.resource-eyebrow {
padding: 0 0 20px 0;
font: 500 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
text-transform: uppercase
}
@media (max-width: 719px) {
body.responsive .te-homepage-hero .content-box .actual-content-box p.resource-eyebrow {
padding:48px 7vw 12px;
background-color: #e98300
}
body.responsive .te-homepage-hero .content-box .actual-content-box p.resource-eyebrow+h1 {
padding-top: 0
}
}
.te-white-paper-hero {
position: relative
}
.te-white-paper-hero .container {
border-top: 1px solid #ccc;
padding: 60px 0
}
.te-white-paper-hero .container:before,.te-white-paper-hero .container:after {
content: "";
display: table
}
.te-white-paper-hero .container:after {
clear: both
}
.ie6 .te-white-paper-hero .container,.ie7 .te-white-paper-hero .container {
zoom:1}
.te-white-paper-hero .container .content-hero {
float: left;
width: 65.95744681%;
margin-right: 2.12765957%;
padding-right: 8.5106383%
}
.te-white-paper-hero .container .content-hero .h3 {
font: 200 26px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.625rem;
color: #e98300
}
.te-white-paper-hero .container .content-hero .cta-container-wrap .cta-single-wrap {
padding-left: 0
}
.te-white-paper-hero .container .content-metadata {
float: left;
width: 31.91489362%;
margin-right: 0;
float: right;
font: 200 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.te-white-paper-hero .container .content-metadata .h5 {
text-transform: uppercase;
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
margin-bottom: 10px
}
.te-white-paper-hero .container .content-metadata dl {
margin-bottom: 10px
}
.te-white-paper-hero .container .content-metadata dl dt {
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
line-height: 1.85714286;
color: #76797c
}
.te-white-paper-hero .container .content-metadata dl dd {
padding-bottom: 10px;
color: #747678;
line-height: 1.28571429
}
.te-white-paper-hero .container .content-metadata p.pubdate {
font: 200 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
line-height: 1.33333333;
color: #747678
}
.cq-wcm-edit .te-white-paper-hero {
padding-bottom: 80px
}
.te-video-hero {
padding: 0;
margin: 0 -7vw;
background-color: #ffffff;
margin-bottom: 20px
}
@media (max-width: 719px) {
body.responsive .te-video-hero {
margin-bottom:0
}
}
.te-video-hero .container {
width: 100%;
position: relative;
min-height: 400px;
max-height: 464px;
overflow: hidden
}
@media (max-width: 719px) {
body.responsive .te-video-hero .container {
max-height:none;
min-height: 0;
background-repeat: no-repeat;
background-size: cover
}
}
@media (min-width: 720px) {
body.responsive .te-video-hero .container {
background-image:none
}
}
.te-video-hero .container h1 {
font: 900 60px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 3.75rem;
font-size: 3.15rem;
line-height: 1.03333333;
text-transform: uppercase;
color: #ffffff
}
.te-video-hero .container a.video-click {
position: absolute;
width: 1024px;
min-height: 400px;
max-height: 464px;
display: block;
cursor: pointer;
z-index: 1
}
@media (max-width: 719px) {
body.responsive .te-video-hero .container a.video-click {
min-height:0;
max-height: none;
position: relative;
padding: 7vw;
background-color: rgba(233,131,0,0.4);
margin: 7vw 0;
width: auto
}
}
.te-video-hero .container a.video-click h1 {
word-break: break-word;
display: none
}
@media (max-width: 719px) {
body.responsive .te-video-hero .container a.video-click h1 {
display:block;
font-size: 23px;
line-height: 1.2
}
body.responsive .te-video-hero .container a.video-click h1:after {
content: "\e620";
font-family: te-icon;
width: 50px;
height: 50px;
background-color: #0066a1;
display: -webkit-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 29px;
margin-top: 10px
}
}
.te-video-hero img {
width: 100%
}
@media (max-width: 719px) {
body.responsive .te-video-hero img {
display:none
}
}
@media (max-width: 719px) {
body.responsive .te-video-hero .video-link {
background-color:#e98300;
padding: 0 7vw 7vw;
margin-top: -1px;
line-height: 1.3
}
}
@media (min-width: 720px) {
body.responsive .te-video-hero .video-link h1 {
display:none
}
}
.te-video-hero .content-box {
width: 100%;
position: absolute;
left: 0;
top: 50px;
height: 364px;
overflow: hidden
}
@media (max-width: 719px) {
body.responsive .te-video-hero .content-box {
position:static;
height: auto
}
}
.te-video-hero .content-box .background-mask {
background-color: #e98300;
-moz-opacity: .8;
-khtml-opacity: .8;
-webkit-opacity: .8;
opacity: .8;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
filter: alpha(opacity=80);
width: 100%;
height: 100%;
zoom:1}
@media (max-width: 719px) {
body.responsive .te-video-hero .content-box .background-mask {
display:none
}
}
.te-video-hero .content-box .actual-content-box {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
color: #ffffff;
text-align: center;
display: table
}
@media (max-width: 719px) {
body.responsive .te-video-hero .content-box .actual-content-box {
position:relative;
display: block
}
}
.te-video-hero .content-box .actual-content-box .wrapper {
display: table-cell;
vertical-align: middle;
margin: 0 auto;
overflow: hidden;
padding-top: 20px
}
@media (max-width: 719px) {
body.responsive .te-video-hero .content-box .actual-content-box .wrapper {
display:block;
padding-top: 0
}
}
.te-video-hero .content-box .actual-content-box .wrapper.has-cta {
max-height: 239px;
margin: 30px 30px 61px 22px
}
.te-video-hero .content-box .actual-content-box .wrapper .hero-copy {
width: 100%;
max-width: 780px;
max-height: 424px;
margin: 0 auto;
overflow: hidden
}
@media (max-width: 719px) {
body.responsive .te-video-hero .content-box .actual-content-box .wrapper .hero-copy {
max-height:none
}
}
.te-video-hero .content-box .actual-content-box .wrapper .hero-copy .copy {
max-height: 362px;
margin-bottom: 15px;
overflow: hidden;
padding-left: 20px;
text-align: left;
width: 490px
}
@media (max-width: 719px) {
body.responsive .te-video-hero .content-box .actual-content-box .wrapper .hero-copy .copy {
width:auto;
padding-left: 0;
max-height: none;
margin-bottom: 0
}
}
.te-video-hero .content-box .actual-content-box .wrapper .hero-copy i {
color: #ffffff !important;
padding-left: 5px
}
.te-video-hero .content-box .actual-content-box .wrapper .hero-copy a {
color: #ffffff;
outline: 0;
text-transform: uppercase;
font-weight: bold
}
.te-video-hero .content-box .actual-content-box .wrapper .hero-copy a.play-icon {
width: 70px;
height: 70px;
background-color: #0066a1;
position: absolute;
left: 40px;
padding-top: 25px;
margin-top: 6px;
z-index: 2
}
@media (max-width: 719px) {
body.responsive .te-video-hero .content-box .actual-content-box .wrapper .hero-copy a.play-icon {
display:none
}
}
.te-video-hero .content-box .actual-content-box .wrapper .hero-copy a.play-icon:hover {
background-color: #3db7e4
}
.te-video-hero .content-box .actual-content-box .wrapper .hero-copy a.play-icon i {
position: relative;
top: -14px;
left: 3px
}
@media (max-width: 719px) {
body.responsive .te-video-hero .content-box .actual-content-box h1 {
display:none
}
}
.te-video-hero .content-box .actual-content-box p {
font: 500 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
padding: 7px 0 15px 0;
line-height: 1.5rem
}
.te-video-hero .content-box .actual-content-box p.resource-eyebrow {
padding: 0 0 20px 0;
font: 500 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
text-transform: uppercase
}
@media (max-width: 719px) {
body.responsive .te-video-hero .content-box .actual-content-box p {
background-color:#e98300;
padding: 7vw
}
}
.te-intro {
clear: both;
padding: 30px 0
}
.te-intro h3 {
float: left;
width: 31.91489362%;
margin-right: 2.12765957%;
font: 900 28px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.75rem;
line-height: 1.22222222;
text-transform: uppercase;
color: #e98300
}
.te-intro h2 {
float: left;
width: 31.91489362%;
margin-right: 2.12765957%;
font: 400 26px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.625rem;
line-height: 1.22222222;
text-transform: uppercase;
color: #e98300
}
.te-intro p,.te-intro dl {
float: left;
width: 65.95744681%;
margin-right: 0;
float: right;
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
line-height: 1.57142857;
padding-top: 4px;
color: #3f4348
}
.te-intro.te-copy-lead-out h3 {
font: 900 22px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.375rem
}
@media (max-width: 719px) {
body.responsive .te-intro {
padding:24px 0
}
body.responsive .te-intro h2,body.responsive .te-intro h3,body.responsive .te-intro p,body.responsive .te-intro dl {
float: left;
width: 100%;
margin-right: 0;
float: right;
clear: both;
float: none
}
body.responsive .te-intro h3 {
font: 900 22px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.375rem;
margin-bottom: 12px
}
body.responsive .te-intro p,body.responsive .te-intro dl {
font: 500 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #747678
}
}
.login-ribbon {
float: left;
width: 100%;
margin-right: 2.12765957%;
background-color: #cbe3ef;
display: inline-block;
position: relative
}
.login-ribbon:before {
content: '';
background-image: url(../../generated-src/images/te-sprite.png);
background-position: 0px -32px;
width: 31px;
height: 18px;
position: absolute;
bottom: -17px;
left: 38px
}
.login-ribbon .copy-container {
padding: 60px 37px 37px;
display: table;
color: black
}
.login-ribbon .copy-container span {
display: table-cell;
vertical-align: middle
}
.login-ribbon .close-button {
position: absolute;
top: 5px;
right: 27px
}
.login-ribbon .login-button {
float: right;
border-color: #7fb9d6
}
.login-ribbon .login-button i {
border-left-color: #7fb9d6
}
#modal-bg {
background: rgba(0,0,0,0.8);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 50
}
@media (max-width: 719px) {
body.responsive #modal-bg {
background:#2e2e2e;
-webkit-transform: rotate3d(0, 0, 1, 360deg);
transform: rotate3d(0, 0, 1, 360deg)
}
}
#modal-body {
position: absolute
}
@media (max-width: 719px) {
body.responsive #modal-body {
width:auto;
height: 100vh;
right: 0;
left: 0
}
}
@media (max-width: 736px) and (orientation:landscape) {
body.responsive #modal-body {
width:100%
}
}
.scrollable #modal-body {
margin-bottom: 70px;
top: 0
}
#modal-body.customer-service-responsive-modal {
width: 700px;
min-height: 323px
}
#modal-body.customer-service-parts-list-modal {
width: 700px;
min-height: 323px
}
#modal-body.small-5 {
width: 450px;
height: 490px
}
#modal-body.small-10 {
width: 545px;
height: 490px
}
#modal-body.excel-custom-small-10 {
width: 545px;
height: 490px;
top: 150px
}
#modal-body.small-15 {
width: 700px;
height: 323px
}
#modal-body.medium-20 {
width: 900px;
height: 540px
}
#modal-body.medium-25 {
width: 1024px;
min-height: 375px
}
#modal-body.full {
width: 960px;
height: 540px;
padding: 0 10px
}
#modal-body.wide {
width: 100%;
height: 240px
}
#modal-body.wide .modal-close {
right: 50px
}
#modal-body.wide .md-thank-you-confim {
background: #ededee
}
#modal-body.wide .md-thank-you-confim .md-thank-you-header {
text-align: center;
font: 200 36px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 2.25rem;
padding: 20px 0
}
#modal-body.wide .md-thank-you-confim .md-thank-you-body {
text-align: center;
font: 200 26px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.625rem;
padding: 20px 0
}
#modal-title {
display: none
}
@media (max-width: 719px) {
body.responsive #modal-title {
position:fixed;
top: 0;
left: 0;
right: 0;
height: 92px;
z-index: 51;
color: #ffffff;
background: #2e2e2e;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-left: 7vw;
font: 200 22px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.375rem
}
}
#modal-content {
background: #ffffff;
overflow: auto;
-webkit-overflow-scrolling: touch
}
@media (max-width: 719px) {
body.responsive #modal-content {
height:-webkit-calc(100vh - 92px );
height: calc(100vh - 92px );
margin-top: 92px;
overflow-x: hidden;
padding-bottom: 64px
}
}
#modal-content.light-grey-bg {
background: #ededee !important
}
#modal-body .modal-close {
position: absolute;
top: -53px;
right: 0;
z-index: 52
}
@media (max-width: 719px) {
body.responsive #modal-body .modal-close {
position:fixed;
top: 28px;
right: 7vw;
color: #f7f7f7
}
}
#modal-body .modal-close.inset {
top: 20px;
right: 20px
}
#modal-body .modal-close.inset .icon {
color: #999
}
#modal-body .modal-close.inset .icon:hover,#modal-body .modal-close.inset .icon:focus {
color: #3db7e4
}
#modal-bg,#modal-body {
display: none
}
body.open-modal #modal-bg,body.open-modal #modal-body {
display: block
}
.accept-download-modal {
padding: 40px
}
.accept-download-modal h4 {
font: 500 24px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.5rem;
padding-bottom: 15px;
position: relative
}
.accept-download-modal h4:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 1px;
width: 65%;
border-bottom: 2px solid #ededee
}
@media (max-width: 719px) {
body.responsive .accept-download-modal h4:before {
width:100%
}
}
.accept-download-modal p {
margin-top: 18px;
font: 500 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.accept-download-modal ul {
display: block;
text-align: center;
margin-top: 20px
}
.accept-download-modal li {
display: inline-block
}
.accept-download-modal li a {
position: relative;
display: block;
float: left;
text-align: center;
padding: 12px 10px;
font: 500 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
width: 180px;
height: 40px;
margin-left: 10px;
margin-right: 10px
}
.accept-download-modal li.agree-button a {
background: #0066a1;
color: #ffffff
}
.accept-download-modal li.agree-button a:hover,.accept-download-modal li.agree-button a:focus,.accept-download-modal li.agree-button a.active,.accept-download-modal li.agree-button a:active {
background: #3db7e4
}
.accept-download-modal li.disagree-button a {
background: #ededee;
color: #666
}
.accept-download-modal li.disagree-button a:hover,.accept-download-modal li.disagree-button a:focus,.accept-download-modal li.disagree-button a.active,.accept-download-modal li.disagree-button a:active {
color: #3db7e4
}
.open-modal {
overflow: hidden
}
.features-modal {
padding: 50px
}
.features-modal .feature-title {
display: inline-block;
vertical-align: top;
width: 34.04255319%
}
.features-modal .feature-help-details {
width: 63.82978723%;
display: inline-block;
line-height: 35px;
margin-bottom: 20px
}
.features-modal .feature-subtitle {
display: inline-block;
font: 900 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem
}
.features-modal .feature-image {
display: inline-block
}
.features-modal .feature-description {
font: 500 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
vertical-align: top;
line-height: 30px
}
.te-global-contact-modal .modal-header {
font: 200 26px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.625rem;
text-align: center;
text-transform: uppercase;
color: #ffffff;
background-color: #4a4f55;
padding: 20px 0
}
.te-global-contact-modal .contact-list .heading-area {
display: none
}
.te-global-contact-modal .contact-list .content-area {
width: 100%;
padding: 0 30px
}
.te-global-contact-modal .contact-list dl p {
font: 400 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem
}
.te-global-contact-modal .contact-list dl dt,.te-global-contact-modal .contact-list dl dd {
width: 50%;
font: 400 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem
}
.compare-max-limit-error-header {
text-transform: uppercase;
height: 150px;
color: #e98300;
line-height: 45px;
font: 500 26px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.625rem;
padding: 30px 30px 0 30px
}
.compare-max-limit-error-body {
height: 320px;
color: #4a4f55;
line-height: 30px;
font: 400 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
padding: 30px 30px 0 30px
}
.te-excel-generator-modal {
margin-left: 20px;
margin-right: 20px;
margin-bottom: 30px
}
.te-excel-generator-modal h1 {
padding: 20px 0 20px 0;
font: 500 26px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.625rem;
color: #4a4f55
}
.te-excel-generator-modal h2 {
padding: 20px 0 10px 0;
font: 900 20px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.25rem;
color: #4a4f55
}
.te-excel-generator-modal h3 {
padding: 10px 0 10px 0;
font: 200 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
color: #666
}
.te-excel-generator-modal h3 a {
color: #0066a1;
cursor: pointer
}
.te-excel-generator-modal h3 a:hover {
color: #3db7e4;
cursor: pointer
}
.te-excel-generator-modal .btn-excel-modal-check-request {
margin-top: 25px;
margin-bottom: 30px
}
.te-eloqua-modal {
padding: 20px 30px
}
.eloqua-limit-error-header {
line-height: 45px;
font: 500 26px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.625rem;
padding: 30px 0 20px 0;
margin: 0 0 30px;
border-bottom: 1px solid #ccc
}
.eloqua-limit-error-body {
color: #4a4f55;
line-height: 30px;
font: 400 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
padding: 30px 0 30px
}
.eloqua-limit-error-body p {
padding: 10px 0
}
.eloqua-limit-warning {
font-size: 20px
}
.eloqua-limit-warning i.icon-alert {
color: #ff0000;
margin-right: 10px;
font-size: 25px !important;
position: relative;
top: 5px
}
.register-pdp-info-header {
min-height: 150px;
color: #666;
line-height: 45px;
font: 500 26px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.625rem;
font-size: 1.5rem;
padding: 40px 40px 0;
word-break: break-word
}
@media (max-width: 719px) {
body.responsive .register-pdp-info-header {
padding:7vw 7vw 0
}
}
.register-pdp-error-body {
min-height: 230px;
color: #4a4f55;
line-height: 30px;
font: 400 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
font-size: 1rem;
padding: 20px 40px 0;
word-wrap: break-word
}
.register-pdp-error-body p {
padding-bottom: 30px
}
@media (max-width: 719px) {
body.responsive .register-pdp-error-body {
padding:20px 7vw 0
}
}
.cf:before,.cf:after {
content: "";
display: table
}
.cf:after {
clear: both
}
.cf {
zoom:1}
.pdp-registration-text-btn {
width: 450px;
overflow: hidden
}
@media (max-width: 719px) {
body.responsive .pdp-registration-text-btn {
position:relative;
width: auto
}
}
.pdp-registration-text-btn .error-message {
display: none
}
.pdp-registration-text-btn .error-message.valid {
color: #cd202c;
display: inline-block;
font-size: 16px;
line-height: 1.5rem
}
.pdp-registration-text-btn input {
width: 400px;
height: 50px;
float: left;
border: 1px solid #A5A7A8;
background: #eee;
font: 500 26px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.625rem;
font-size: 1.25rem;
padding: 0 10px;
font-style: normal
}
@media (max-width: 719px) {
body.responsive .pdp-registration-text-btn input {
width:100%;
float: none;
padding-right: 60px
}
}
.pdp-registration-text-btn input::-webkit-input-placeholder {
color: #8F8F8F;
font-weight: normal;
font-style: normal
}
.pdp-registration-text-btn input:-moz-placeholder {
color: #8F8F8F;
font-weight: normal;
font-style: normal
}
.pdp-registration-text-btn input:-ms-input-placeholder {
color: #8F8F8F;
font-weight: normal;
font-style: normal
}
.pdp-registration-text-btn input.focus-input-field {
border: 1px solid #0066a1
}
.pdp-registration-text-btn input.hover-input-field {
border: 1px solid #3db7e4
}
.pdp-registration-text-btn .linkBtn {
overflow: visible;
position: relative;
float: right;
border: 0;
padding: 0;
cursor: pointer;
height: 50px;
width: 50px;
background: #0066a1
}
@media (max-width: 719px) {
body.responsive .pdp-registration-text-btn .linkBtn {
position:absolute;
top: 0;
right: 0
}
}
.pdp-registration-text-btn a.disabled-btn-state {
background: #A5A7A8;
pointer-events: none
}
.pdp-registration-text-btn a.disabled-btn-state.enabled-btn-state {
background-color: #0066a1;
color: #ffffff;
pointer-events: auto
}
.pdp-registration-text-btn a.disabled-btn-state.enabled-btn-state:hover,.pdp-registration-text-btn a.disabled-btn-state.enabled-btn-state:focus {
background-color: #3db7e4
}
.pdp-registration-text-btn a.disabled-btn-state i {
border-left-width: 0
}
.pdp-registration-text-btn .linkBtn i {
border-left-width: 0
}
.pdp-registration-guest-link {
padding: 30px 0 20px;
font: 200 26px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.625rem;
font-size: 1.5rem
}
.te-am-subscription-page {
background-color: #ededee;
min-height: 100%;
position: relative;
min-height: 600px
}
.te-am-subscription-page:before {
z-index: 15;
min-height: 100%;
background: transparent url('../../images/loading-anim.gif') no-repeat center;
position: relative;
width: 100%;
content: "";
position: absolute;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s ease .3s,opacity .3s linear;
transition: visibility 0s ease .3s,opacity .3s linear;
margin-top: 12px
}
html.oldie .te-am-subscription-page:before {
height: 100%
}
.te-am-subscription-page.loader {
display: block !important;
z-index: 15
}
html.oldie .te-am-subscription-page.loader {
height: 100%
}
.te-am-subscription-page.loader:before {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.te-my-account-error-message {
font: 900 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
color: #cd202c
}
.te-am-page-my-account {
background-color: #ededee;
top: 80px;
width: 100%;
min-height: 100%;
position: inherit;
min-height: 530px;
overflow: hidden
}
.te-am-page-my-account input[type=text],.te-am-page-my-account input[type=password] {
display: block;
margin: 5px 0 10px 0;
height: 30px;
width: 280px;
font: 400 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #3f4348
}
.te-am-page-my-account:before {
z-index: 15;
min-height: 100%;
background: transparent url('../../images/loading-anim.gif') no-repeat center;
position: inherit;
width: 100%;
content: "";
position: absolute;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s ease .3s,opacity .3s linear;
transition: visibility 0s ease .3s,opacity .3s linear;
margin-top: 12px
}
html.oldie .te-am-page-my-account:before {
height: 100%
}
.te-am-page-my-account.loader {
display: block !important;
z-index: 15
}
html.oldie .te-am-page-my-account.loader {
height: 100%
}
.te-am-page-my-account.loader:before {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.am-my-account-update-message {
padding: 20px 42px
}
.am-my-account-update-message i {
background: #e98300;
border-radius: 50%;
color: white
}
.am-my-account-title-wrapper {
width: 100%;
height: 80px;
background: white;
padding: 25px;
margin: -4px 0 0 0
}
.am-my-account-title-wrapper h1 {
float: left
}
.am-my-account-title-wrapper .am-my-account-enable-sso {
float: right;
font: 900 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem
}
.am-my-account-nav-buttons {
padding: 30px 42px
}
.am-my-account-col-wrapper {
min-height: 400px
}
.am-my-account-col-wrapper .am-my-account-col-left {
float: left;
width: 48.93617021%;
margin-right: 2.12765957%
}
.am-my-account-col-wrapper .am-my-account-col-right {
float: left;
width: 48.93617021%;
margin-right: 0;
float: right
}
.am-my-account-item {
margin: 40px 0;
min-height: 40px
}
.am-my-account-item .am-my-account-item-label {
font: 400 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #3f4348
}
.am-my-account-item .am-my-account-item-value {
font: 400 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #747678
}
.am-my-account-item .am-my-account-item-value a {
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.am-my-account-item .am-my-account-item-edit-field {
display: none
}
.am-my-account-item .am-my-account-item-edit-field .am-floated-field {
width: 180px;
font: 400 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #3f4348
}
.am-my-account-item .am-my-account-item-edit-field .am-floated-field-sh {
width: 80px;
font: 400 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #3f4348
}
.am-my-account-item .am-my-account-item-edit-field select {
margin: 5px 0 10px 0;
font: 400 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #3f4348;
display: block;
width: 250px;
height: 30px
}
.am-my-account-item .error-text {
font: 900 10px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.625rem;
color: #cd202c;
width: 200px;
display: none;
margin: 0 0 20px 0
}
.am-my-account-item .error-field {
border: 1px solid #cd202c
}
.am-my-account-name-wrapper {
width: 100%;
height: 40px;
margin: 20px 0 0 0
}
.am-my-account-name-wrapper .float-name {
float: left;
min-width: 180px;
margin: 20px 30px 20px 0
}
.am-my-account-name-wrapper .float-name .floated-item {
width: 100px
}
.am-my-account-name-wrapper .float-name-csz {
float: left;
margin: 0 75px 20px 0
}
.am-my-account-name-wrapper .float-name-csz .floated-item {
width: 100px
}
.am-my-account-float-clear {
clear: both;
margin: 20px 0
}
.am-my-account-cta-section {
height: 100px;
clear: both;
padding: 30px 42px
}
.am-my-account-cta-section .am-my-account-cta-buttons {
float: right
}
.am-my-account-cta-section .am-my-account-cta-buttons .am-btn-cancel {
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
width: 300px;
height: 50px;
text-transform: uppercase;
line-height: 35px
}
.am-my-account-cta-section .am-my-account-cta-buttons .am-btn-disabled {
cursor: default;
background: #ccc;
border: #ccc
}
.am-my-account-cta-section .am-my-account-cta-buttons a {
margin: 0 20px
}
.am-my-account-cta-section p {
font: 500 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem
}
.am-my-account-cta-section .am-my-account-cta-link {
font: 900 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #0066a1;
cursor: pointer
}
.am-my-account-subscriptions-col-wrapper {
overflow: hidden
}
.am-my-account-subscriptions-col-wrapper label {
display: block;
font: 900 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
padding: 5px 0 10px 0
}
.am-my-account-subscriptions-col-wrapper h1 {
font: 200 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
padding: 0 0 5px 0
}
.am-my-account-subscriptions-col-wrapper .am-subscriptions-section-item {
padding: 5px 0 5px 0
}
.am-my-account-subscriptions-col-wrapper .am-subscriptions-section-item label.am-label-checks {
font: 200 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
padding-left: 20px;
position: relative
}
.am-my-account-subscriptions-col-wrapper .am-subscriptions-section-item input {
position: absolute;
left: -5px
}
.am-my-account-subscriptions-col-wrapper .am-my-account-subscriptions-col-one {
float: left;
width: 23.40425532%;
margin-right: 2.12765957%
}
.am-my-account-subscriptions-col-wrapper .am-my-account-subscriptions-col-two {
float: left;
width: 23.40425532%;
margin-right: 2.12765957%
}
.am-my-account-subscriptions-col-wrapper .am-my-account-subscriptions-col-three {
float: left;
width: 23.40425532%;
margin-right: 2.12765957%
}
.am-my-account-subscriptions-col-wrapper .am-my-account-subscriptions-col-four {
float: left;
width: 23.40425532%;
margin-right: 0;
float: right
}
.am-email-confirmation-message {
width: 600px;
margin: 0 auto 40px auto
}
.am-email-confirmation-message i {
background: #e98300;
border-radius: 50%;
color: white
}
.am-my-account-subscription-email-wrapper {
width: 500px;
display: table;
margin: 0 auto
}
.am-my-account-subscription-email-wrapper h1 {
font: 200 36px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 2.25rem;
padding: 20px 0 15px 0;
text-align: center
}
.am-my-account-subscription-email-wrapper h2 {
font: 400 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
padding: 15px 0 20px 0;
text-align: center
}
.am-my-account-subscription-email-wrapper form {
padding: 15px 0 10px 0
}
.am-my-account-subscription-email-wrapper form label {
float: left;
font: 200 22px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.375rem
}
.am-my-account-subscription-email-wrapper input[type=text] {
display: block;
margin: 5px 0 10px 0;
height: 30px;
width: 100%
}
.am-my-account-subscription-email-wrapper .email-button-wrapper {
margin: 20px auto;
width: 300px
}
.am-my-account-subscription-email-wrapper .email-button-wrapper .email-button {
clear: both;
margin: 15px 0;
height: 40px
}
.am-my-account-subscription-email-wrapper .email-button-wrapper .email-button .email-btn-cancel {
width: 250px;
height: 40px;
text-transform: uppercase;
line-height: 20px
}
.am-my-account-subscription-email-wrapper .email-button-wrapper .email-button .email-btn-disabled {
cursor: default;
background: #ccc;
border: #ccc
}
.am-my-account-subscription-confirmation-wrapper {
width: 500px;
display: table;
margin: 0 auto
}
.am-my-account-subscription-confirmation-wrapper h1 {
font: 200 36px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 2.25rem;
padding: 15px 0 15px 0;
text-align: center
}
.am-my-account-subscription-confirmation-wrapper h2 {
font: 900 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
padding: 15px 0 20px 0
}
.am-my-account-subscription-confirmation-wrapper a {
font: 900 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #0066a1;
cursor: pointer
}
.am-my-account-subscription-confirmation-wrapper label {
display: block;
font: 200 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
padding: 15px 0 15px 0
}
.panel-group :focus {
outline: none
}
.panel-group .panels>div {
display: none
}
.panel-group .panels>div.active {
display: block;
overflow: visible
}
.te-am-myaccount-password {
background-color: #ededee;
margin: -4px 0 -20px 0;
min-height: 100%;
position: inherit;
min-height: 530px;
overflow: hidden
}
.te-am-myaccount-password:before {
z-index: 15;
min-height: 100%;
background: transparent url('../../images/loading-anim.gif') no-repeat top;
position: inherit;
width: 100%;
content: "";
position: absolute;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s ease .3s,opacity .3s linear;
transition: visibility 0s ease .3s,opacity .3s linear;
margin-top: 12px
}
html.oldie .te-am-myaccount-password:before {
height: 100%
}
.te-am-myaccount-password.loader {
display: block !important;
z-index: 15
}
html.oldie .te-am-myaccount-password.loader {
height: 100%
}
.te-am-myaccount-password.loader:before {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.am-my-account-password-title-wrapper {
width: 100%;
height: 80px;
background: white;
padding-top: 30px;
padding-bottom: 30px;
margin: -4px 0 0 0
}
.am-my-account-password-title-wrapper h1 {
float: left
}
.am-my-account-password-title-wrapper .am-my-account-enable-sso {
float: right;
font: 900 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem
}
.password-reset-button-wrapper {
margin: 20px auto;
width: 300px;
padding-bottom: 50px
}
.password-reset-button-wrapper .password-reset-button {
clear: both;
margin: 15px 0;
height: 40px
}
.password-reset-button-wrapper .password-reset-button .password-reset-btn-cancel {
width: 300px;
height: 50px;
text-transform: uppercase;
line-height: 30px;
padding-top: 14px;
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.password-reset-button-wrapper .password-reset-button .password-btn-disabled {
cursor: default;
background: #ccc;
border: #ccc
}
.error-field {
border: 1px solid #cd202c
}
.am-my-account-password-reset-email-wrapper {
width: 350px;
display: table;
margin: 0 auto
}
.am-my-account-password-reset-email-wrapper h1 {
font: 200 26px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.625rem;
padding: 30px 0 15px 0;
text-align: center;
color: #3f4348
}
.am-my-account-password-reset-email-wrapper h2 {
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
padding: 15px 0 20px 10px;
color: #3f4348
}
.am-my-account-password-reset-email-wrapper h3 {
font: 900 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
padding: 10px 0 10px 0
}
.am-my-account-password-reset-email-wrapper form {
padding: 25px 0 10px 10px;
width: 470px
}
.am-my-account-password-reset-email-wrapper form label {
float: left;
font: 400 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #3f4348;
padding-bottom: 10px
}
.am-my-account-password-reset-email-wrapper input[type=text],.am-my-account-password-reset-email-wrapper input[type=password] {
display: block;
margin: 5px 0 10px 0;
height: 30px;
width: 460px
}
.am-my-password-reset-confirmation-wrapper {
width: 350px;
display: table;
margin: 0 auto
}
.am-my-password-reset-confirmation-wrapper h1 {
font: 200 26px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.625rem;
padding: 35px 0 15px 0;
text-align: center;
color: #3f4348
}
.am-my-password-reset-confirmation-wrapper h2 {
font: 900 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
padding: 15px 0 20px 10px;
color: #3f4348
}
.am-my-password-reset-confirmation-wrapper a {
font: 400 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #0066a1;
cursor: pointer
}
.am-my-password-reset-confirmation-wrapper label {
display: block;
font: 400 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #3f4348;
padding: 15px 0 5px 10px
}
.am-my-password-update-wrapper {
width: 400px;
display: table;
margin: 0 auto
}
.am-my-password-update-wrapper h1 {
font: 200 36px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 2.25rem;
padding: 15px 0 15px 0;
text-align: center
}
.am-my-password-update-wrapper h2 {
font: 900 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
padding: 15px 0 20px 0
}
.am-my-password-update-wrapper input[type=text],.am-my-password-update-wrapper input[type=password] {
display: block;
margin: 5px 0 10px 0;
height: 30px;
width: 600px
}
.am-my-password-update-wrapper a {
font: 900 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #0066a1;
cursor: pointer
}
.am-my-password-update-wrapper label {
display: block;
font: 200 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
padding: 10px 0 5px 0
}
.am-my-password-update-wrapper .reg-password-update {
font: 400 10px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.625rem;
margin: 5px 0 10px 0
}
.am-my-account-change-email-wrapper {
width: 450px;
margin: 0 auto
}
.am-my-account-change-email-wrapper h1 {
font: 200 26px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.625rem;
padding: 35px 25px 15px 0;
text-align: center;
color: #3f4348
}
.am-my-account-change-email-wrapper h2 {
font: 400 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
padding: 15px 0 20px 0
}
.am-my-account-change-email-wrapper form {
padding: 15px 0 15px 0
}
.am-my-account-change-email-wrapper form label {
float: left;
font: 400 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #3f4348;
padding: 10px 0 5px 0
}
.am-my-account-change-email-wrapper input[type=text],.am-my-account-change-email-wrapper input[type=password] {
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
color: #3f4348;
display: block;
margin: 5px 0 10px 0;
height: 30px;
width: 460px
}
.am-change-email-cta-section {
clear: both;
width: 465px;
margin: 0 auto;
border: 0;
outline: none;
font: 500 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem
}
.am-change-email-cta-section .am-change-email-cta-section-item {
margin: 10px 0
}
.am-change-email-cta-section a {
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
color: #0066a1;
cursor: pointer
}
.am-change-email-cta-section label.am-label-checks {
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
color: #3f4348
}
.am-change-email-consent {
display: table
}
.am-change-email-consent .am-change-email-consent-item {
display: table-cell
}
.am-my-email-sent-confirmation-wrapper {
width: 500px;
display: table;
margin: 0 auto
}
.am-my-email-sent-confirmation-wrapper h1 {
font: 200 36px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 2.25rem;
padding: 15px 0 15px 0;
text-align: center
}
.am-my-email-sent-confirmation-wrapper h2 {
font: 900 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
padding: 15px 0 20px 0
}
.am-my-email-sent-confirmation-wrapper a {
font: 900 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #0066a1;
cursor: pointer
}
.am-my-email-sent-confirmation-wrapper label {
display: block;
font: 200 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
padding: 15px 0 5px 0
}
.am-my-account-eula-complete-wrapper {
width: 70%;
display: table;
margin: 0 auto
}
.am-my-account-eula-complete-wrapper h1 {
font: 200 26px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.625rem;
padding: 20px 0 0 0;
text-align: left
}
.am-my-account-eula-complete-wrapper h2 {
font: 200 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
padding: 10px 0 0 0;
text-align: left
}
.am-my-account-eula-complete-wrapper h3 {
font: 900 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
padding: 10px 0 10px 0
}
.am-eula-label-item {
padding-left: 10px
}
.am-my-account-eula-form-wrapper {
width: 70%;
display: table;
margin: 0 auto
}
.am-my-account-eula-form-wrapper select {
margin: 5px 0 10px 0;
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
color: #666;
display: block;
width: 95%;
height: 30px
}
.am-my-account-eula-form-wrapper form {
padding: 15px 0 10px 0
}
.am-my-account-eula-form-wrapper form label {
float: left;
font: 200 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
padding-bottom: 10px
}
.am-my-account-eula-form-wrapper input[type=text],.am-my-account-eula-form-wrapper input[type=password] {
display: block;
margin: 20px 0 10px 0;
height: 30px;
width: 95%
}
.am-my-account-eula-form-wrapper .eula-form-list-left {
float: left;
width: 49%;
margin-right: 2%;
margin: 20px 0
}
.am-my-account-eula-form-wrapper .eula-form-list-right {
width: 49%;
margin-right: 0;
float: right;
margin: 20px 0
}
.am-my-account-eula-form-wrapper .te-eula-complete-message {
width: 100%;
margin: 0 auto 20px auto;
font: 900 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
color: #cd202c
}
.am-my-account-eula-section {
height: 100px;
clear: both;
padding: 30px 42px;
margin-bottom: 50px
}
.am-my-account-eula-section .am-my-account-eula-buttons {
float: right
}
.am-my-account-eula-section .am-my-account-eula-buttons .reg-btn-eula-cancel {
width: 250px;
height: 50px;
text-transform: uppercase;
line-height: 32px;
font-weight: bold
}
.am-my-account-eula-section .am-my-account-eula-buttons .am-btn-eula-disabled {
cursor: default;
background: #ccc;
border: #ccc
}
.am-my-account-eula-section .am-my-account-eula-buttons a {
margin: 0 20px
}
.am-my-account-eula-section p {
font: 500 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem
}
.am-my-account-eula-section .am-my-account-eula-link {
font: 900 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #0066a1;
cursor: pointer
}
.pdp-print-header-wrap {
display: none
}
.pdp-content-well,.mdp-content-well,.pnp-page-content {
min-width: 1024px
}
@media (max-width: 719px) {
body.responsive .pdp-content-well,body.responsive .mdp-content-well,body.responsive .pnp-page-content {
min-width:0;
overflow-x: hidden
}
}
.product-summary-te-connectivity {
font: 900 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif !important;
font-size: 0.75rem !important;
color: #3f4348 !important;
line-height: 16px
}
.product-detail a,.product-detail button {
color: #0066a1;
outline: 0
}
.product-detail button:hover,.product-detail button:focus,.product-detail a:hover,.product-detail a:focus {
color: #3db7e4
}
.product-detail button {
border: 0 none transparent;
background-color: #ededee;
width: 100%;
padding: 0;
cursor: pointer
}
.product-detail button .icon {
color: #ffffff;
background: #0066a1;
cursor: pointer
}
.product-compliance.loading {
display: block !important;
z-index: 15;
min-height: 350px;
position: relative;
visibility: hidden
}
.product-compliance.loading:before {
z-index: 15;
min-height: 350px;
background: #ffffff url('../../images/loading-anim.gif') 50% 50% no-repeat;
width: 100%;
content: "";
position: absolute;
display: block;
-webkit-transition: visibility 0s ease .3s,opacity .3s linear;
transition: visibility 0s ease .3s,opacity .3s linear;
margin-top: 0;
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.pdp-page-header {
background-color: #ffffff;
border-bottom: 1px solid #ccc;
min-height: 80px
}
@media (max-width: 719px) {
body.responsive .pdp-page-header {
min-height:auto
}
}
@media (max-width: 719px) {
body.responsive .pdp-page-header .breadcrumb-navigation {
padding:20px 0
}
}
.pdp-page-header .header-container {
position: relative;
width: 1024px;
margin: 0 auto;
padding: 0 42px;
padding-top: 20px;
padding-bottom: 10px
}
.pdp-page-header .header-container.content-padding {
padding-top: 30px;
padding-bottom: 30px
}
.pdp-page-header .header-container.content-right {
text-align: right
}
.pdp-page-header .header-container.content-padding {
padding-top: 30px;
padding-bottom: 30px
}
.pdp-page-header .header-container.content-right {
text-align: right
}
@media (max-width: 719px) {
body.responsive .pdp-page-header .header-container {
width:100%;
max-width: 100%;
padding: 0 7vw
}
}
@media (max-width: 719px) {
body.responsive .pdp-page-header .header-container {
width:100%;
max-width: 100%;
padding: 0 7vw;
padding-top: 0;
padding-bottom: 0
}
}
.pdp-page-header .header-container a.product-base-category {
color: #4a4f55;
display: inline-block;
line-height: 40px;
float: left
}
.pdp-page-header .header-container a.product-base-category:hover,.pdp-page-header .header-container a.product-base-category:focus {
color: #0066a1
}
.pdp-page-header .header-container ul.share-buttons {
float: right;
display: inline-block;
vertical-align: middle
}
.pdp-page-header .header-container ul.share-buttons li {
display: inline-block
}
.pdp-page-header .header-container li.last-breadcrumb {
display: block
}
.pdp-page-header .header-container li.last-breadcrumb .breadcrumb-expanded-heading {
font: 200 26px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif !important;
font-size: 1.625rem !important
}
@media (max-width: 719px) {
body.responsive .pdp-page-header .header-container li.last-breadcrumb .breadcrumb-expanded-heading {
font: 500 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif !important;
font-size: 1rem !important
}
}
.pdp-page-header .header-container li.last-breadcrumb i {
display: none
}
.product-detail .product-summary,.product-detail .product-summary-docs {
float: left;
width: 31.91489362%;
margin-right: 2.12765957%
}
.product-detail .right-content-column {
float: left;
width: 65.95744681%;
margin-right: 0;
float: right
}
@media (max-width: 719px) {
body.responsive .product-detail .product-summary,body.responsive .product-detail .product-summary-docs,body.responsive .product-detail .right-content-column {
float:left;
width: 100%;
margin-right: 0;
float: right;
clear: both;
float: none
}
}
.product-detail .product-summary-docs.clearfix {
clear: both
}
.product-summary-gallery {
float: left
}
.product-summary-gallery,.product-summary-gallery * {
font-size: 0;
line-height: 0
}
.product-summary-gallery span.main-image {
position: relative;
height: 220px;
width: 220px;
margin-right: 19px;
float: left;
display: block
}
*>.product-summary-gallery span.main-image {
position: relative
}
.product-summary-gallery span.main-image:before {
height: 5px;
width: 100%;
background-color: #0073ae;
border-left: 50px solid #f28b00;
position: absolute;
display: block;
top: -4px;
content: "";
z-index: 5
}
.product-summary-gallery span.main-image img {
vertical-align: middle
}
.product-summary-gallery span.main-image span {
display: block;
width: 220px;
height: 220px;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
background: #ffffff;
border: 1px solid #ebebeb;
text-align: center;
line-height: 220px;
-webkit-transition: all .5s ease-out;
transition: all .5s ease-out
}
.product-summary-gallery span.main-image span.last-active {
z-index: 3
}
.product-summary-gallery span.main-image span.active {
z-index: 4
}
.product-summary-gallery span.main-image span.fx-fade {
-webkit-transition: all 0s ease-out;
transition: all 0s ease-out;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0)
}
ul.product-thumbnails {
float: left;
width: 60px
}
@media (max-width: 719px) {
body.responsive ul.product-thumbnails {
width:auto;
float: none
}
}
ul.product-thumbnails,ul.product-thumbnails * {
font-size: 0;
line-height: 0
}
ul.product-thumbnails li {
float: left;
margin-top: 19px;
width: 100%
}
@media (max-width: 719px) {
body.responsive ul.product-thumbnails li {
width:auto;
margin-top: 17px;
margin-right: 20px
}
}
ul.product-thumbnails li:first-child {
margin-top: 0
}
@media (max-width: 719px) {
body.responsive ul.product-thumbnails li:first-child {
margin-top:19px
}
}
ul.product-thumbnails li a {
display: block;
width: 60px;
height: 60px;
position: relative;
overflow: hidden;
background: #ffffff;
font-size: 51px;
line-height: 100%
}
ul.product-thumbnails li a img {
width: 100%;
vertical-align: middle
}
ul.product-thumbnails li a span {
position: absolute;
width: 60px;
height: 60px;
top: 0;
left: 0;
border: 1px solid #999;
-webkit-transition: border .3s ease-out;
transition: border .3s ease-out
}
ul.product-thumbnails li a:hover span,ul.product-thumbnails li a:focus span,ul.product-thumbnails li a.active span {
-webkit-transition: border .075s ease-out;
transition: border .075s ease-out;
border: 5px solid #999
}
.product-status {
clear: left;
display: block;
float: left;
font: 400 10px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.625rem;
text-transform: capitalize;
margin-right: 11px;
padding: 10px 0
}
.product-status i {
text-transform: none;
padding-right: 1px;
position: relative;
top: 2px
}
.product-status i.icon-restricted {
top: 0;
padding-right: 3px;
line-height: 16px
}
.product-status i.icon-preliminary,.product-status i.icon-pending-obsolescence,.product-status i.icon-obsolete,.product-status i.icon-superseded {
padding-right: 4px
}
.product-doc-links {
clear: left
}
.product-doc-links li {
font-weight: bold;
padding: 10px 0
}
.product-doc-links li .icon {
vertical-align: middle;
margin-right: 10px
}
.product-doc-links li .product-documentation-link {
text-transform: uppercase;
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
@media (max-width: 719px) {
body.responsive .product-doc-links li .product-documentation-link {
font: 900 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem
}
}
.product-doc-links li .link-text {
display: inline-block;
vertical-align: middle;
line-height: 18px
}
.product-doc-links li .see-all-features i {
position: relative;
top: -2px
}
.product-doc-links li .product-doc-language {
font: 400 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
line-height: 10px;
color: #3f4348;
display: table-row;
font-weight: normal;
text-transform: capitalize
}
@media (max-width: 719px) {
body.responsive .product-doc-links li .product-doc-language {
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
}
.product-doc-links li.reset-text-style {
font-weight: inherit;
text-transform: inherit
}
.product-detail .product-info {
padding: 20px 0;
background-color: #f7f7f7
}
@media (max-width: 719px) {
body.responsive .product-detail .product-info {
padding:24px 0 0 0
}
}
.product-detail .product-info.even {
background-color: #ffffff
}
.product-detail #pdp-alsoInSeries {
padding-bottom: 35px
}
.product-detail .also-in-series-wrapper {
margin-top: 54px
}
.product-detail .also-in-series-wrapper .cab-heading {
font-size: 24px;
line-height: 26px;
margin: 0 0 33px 0
}
.product-detail .also-in-series-wrapper .cab-heading.also-series span {
padding-right: 11px;
display: inline-block
}
.product-detail .also-in-series-wrapper .cab-heading.also-series a {
padding-left: 17px
}
.product-detail .also-in-series-wrapper .less-than-five #cab-container {
border: none;
min-height: 243px
}
.product-detail .also-in-series-wrapper .less-than-five #cab-container #cab-scroll-wrapper {
overflow: hidden
}
.product-detail .also-in-series-wrapper .less-than-five #cab-container #cab-scroll-wrapper #cab-inside-wrapper ul li .container {
width: 220px;
left: 0
}
.product-detail .also-in-series-wrapper .less-than-five #cab-container #cab-scroll-wrapper #cab-inside-wrapper ul li .container:before {
top: 0
}
.product-detail .also-in-series-wrapper .less-than-five #cab-container #cab-scroll-wrapper #cab-inside-wrapper ul li .container .imgdiv {
width: 220px;
margin-top: 0;
line-height: 150;
border: none
}
.product-detail .also-in-series-wrapper .less-than-five #cab-container #cab-scroll-wrapper #cab-inside-wrapper ul li .container .imgdiv img {
width: 220px;
height: 140px
}
.product-detail .also-in-series-wrapper .less-than-five #cab-container #cab-scroll-wrapper #cab-inside-wrapper ul li .cab-desc {
margin: 22px 0 0 0;
min-height: 79px;
padding-left: 0
}
.product-detail .also-in-series-wrapper .less-than-five #cab-container #cab-scroll-wrapper #cab-inside-wrapper ul li .cab-desc a {
width: 210px;
font-size: 18px;
line-height: normal
}
.product-detail .also-in-series-wrapper .more-than-four #cab-container {
background-color: #ffffff;
min-height: 282px
}
.product-detail .also-in-series-wrapper .more-than-four #cab-container:before,.product-detail .also-in-series-wrapper .more-than-four #cab-container:after {
content: "";
display: table
}
.product-detail .also-in-series-wrapper .more-than-four #cab-container:after {
clear: both
}
.ie6 .product-detail .also-in-series-wrapper .more-than-four #cab-container,.ie7 .product-detail .also-in-series-wrapper .more-than-four #cab-container {
zoom:1}
.product-detail .also-in-series-wrapper .more-than-four #cab-container #cab-scroll-wrapper {
width: 940px;
margin: 20px 0;
padding: 0 20px;
background-color: #ffffff
}
.product-detail .also-in-series-wrapper .more-than-four #cab-container #cab-scroll-wrapper #cab-inside-wrapper ul li {
width: 230px;
margin-bottom: 5px
}
.product-detail .also-in-series-wrapper .more-than-four #cab-container #cab-scroll-wrapper #cab-inside-wrapper ul li .container {
width: 210px;
left: 0
}
.product-detail .also-in-series-wrapper .more-than-four #cab-container #cab-scroll-wrapper #cab-inside-wrapper ul li .container:before {
top: 0
}
.product-detail .also-in-series-wrapper .more-than-four #cab-container #cab-scroll-wrapper #cab-inside-wrapper ul li .container .imgdiv {
width: 210px;
margin-top: 0;
line-height: 150;
border: none
}
.product-detail .also-in-series-wrapper .more-than-four #cab-container #cab-scroll-wrapper #cab-inside-wrapper ul li .container .imgdiv img {
width: 210px
}
.product-detail .also-in-series-wrapper .more-than-four #cab-container #cab-scroll-wrapper #cab-inside-wrapper ul li .cab-desc {
margin: 16px 0 0 0;
min-height: 82px;
padding-left: 0
}
.product-detail .also-in-series-wrapper .more-than-four #cab-container #cab-scroll-wrapper #cab-inside-wrapper ul li .cab-desc a {
width: 210px;
font-size: 18px;
line-height: normal
}
.product-detail .product-summary {
margin-top: 5px
}
@media (max-width: 719px) {
body.responsive .product-detail .right-content-column {
margin:20px 0
}
}
.product-detail .right-content-column .product-name {
color: #3f4348;
font: 400 26px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.625rem;
line-height: 32px
}
.product-detail .right-content-column .product-brand-container {
margin-bottom: 15px
}
.product-detail .right-content-column .product-family-series {
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
line-height: 22px
}
.product-detail .right-content-column .product-family-series .product-family-series-heading {
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
display: inline-block
}
.product-detail .right-content-column .product-ids {
padding: 20px 0
}
.product-detail .right-content-column .product-ids li {
font: 500 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
color: #4a4f55
}
.product-detail .right-content-column .product-ids li h3 {
font: 400 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
color: #3f4348;
line-height: 24px
}
.product-detail .right-content-column .product-ids li .internal-number {
color: #3f4348;
font: 400 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.5
}
@media (max-width: 719px) {
body.responsive .product-detail .right-content-column .product-ids li .internal-number {
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
}
.product-detail .right-content-column .product-ids li .product-alias-number:after {
content: ","
}
.product-detail .right-content-column .product-ids li .product-alias-number:last-child:after {
content: ""
}
@media (max-width: 719px) {
body.responsive .product-detail .right-content-column ul.features {
margin-bottom:20px
}
}
.product-detail .product-compliance {
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
line-height: 1.5
}
@media (max-width: 719px) {
body.responsive .product-detail .product-compliance {
font: 500 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem
}
}
.product-detail .product-compliance-links {
display: block;
color: #0066a1
}
.product-detail .product-compliance-links:hover,.product-detail .product-compliance-links:focus {
color: #3db7e4
}
.product-detail ul.features {
padding: 0;
font: 500 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.product-detail ul.features li.product-feature {
margin-bottom: 7px
}
@media (max-width: 719px) {
body.responsive .product-detail ul.features li.product-feature {
margin-bottom:0
}
}
.product-detail ul.features li.product-feature:last-child {
margin-bottom: 0;
padding-bottom: 0
}
.product-detail ul.features li.product-feature h3 {
display: inline;
line-height: 22px
}
@media (max-width: 719px) {
body.responsive .product-detail ul.features li.product-feature h3 {
line-height:24px
}
}
.product-detail ul.features li.product-feature-clear:before,.product-detail ul.features li.product-feature-clear:after {
content: "";
display: table
}
.product-detail ul.features li.product-feature-clear:after {
clear: both
}
.ie6 .product-detail ul.features li.product-feature-clear,.ie7 .product-detail ul.features li.product-feature-clear {
zoom:1}
@media (max-width: 719px) {
body.responsive .product-detail ul.features li.product-feature-clear {
margin-bottom:14px
}
}
.product-detail ul.features a.feature-title-link {
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
color: #0066a1
}
.product-detail ul.features a.feature-title-link:hover,.product-detail ul.features a.feature-title-link:focus {
color: #3db7e4
}
.product-detail ul.features span.feature-title {
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
color: #747678
}
@media (max-width: 719px) {
body.responsive .product-detail ul.features span.feature-title {
font: 900 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem
}
}
.product-detail ul.features em.feature-value {
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
color: #3f4348
}
@media (max-width: 719px) {
body.responsive .product-detail ul.features em.feature-value {
font: 500 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem
}
}
.product-detail a.see-all-features {
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
color: #0066a1;
line-height: 22px
}
@media (max-width: 719px) {
body.responsive .product-detail a.see-all-features {
font: 500 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
line-height: 24px
}
}
.product-detail a.see-all-features:hover,.product-detail a.see-all-features:focus {
color: #3db7e4
}
.product-detail a.see-all-features .icon {
margin-right: 5px
}
.panels {
padding: 20px 0
}
.panels.un-padded {
padding: 0
}
.panels .category-feature-filters.compatible-section {
padding: 25px 30px
}
#availability-side-nav {
position: relative;
float: right;
right: 0;
margin: 0;
display: block;
width: 300px
}
@media (max-width: 719px) {
body.responsive #availability-side-nav {
float:left;
width: 100%;
margin-right: 0;
float: right;
clear: both;
float: none
}
}
#availability-side-nav.show-model-accounts {
padding-top: 80px
}
#availability-side-nav ul {
width: 100%
}
#availability-side-nav .request-a-quote {
margin-bottom: 20px;
padding: 0 90px 0 16px;
text-align: left;
position: relative;
z-index: 20
}
#availability-side-nav .side-nav-contact-us {
margin-bottom: 20px;
position: relative;
z-index: 2
}
.pdp-documents-tabpanel ul h2 {
font: 400 26px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.625rem
}
@media (max-width: 719px) {
body.responsive #pdp-docs-features {
background-color:#f7f7f7
}
}
body:not(.responsive) #pdp-docs-features .btn-tab-panel-expand {
display: none
}
.product-features-panel .product-features-not-available {
padding-bottom: 20px;
border-bottom: 1px solid #ccc
}
.product-features-panel .product-feature-category {
padding-top: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #ccc;
clear: both;
overflow: hidden
}
@media (max-width: 719px) {
body.responsive .product-features-panel .product-feature-category {
padding:24px 0
}
}
.product-features-panel .product-feature-category:first-child {
padding-top: 10px
}
@media (max-width: 719px) {
body.responsive .product-features-panel .product-feature-category:first-child {
padding-top:24px
}
}
.product-features-panel .product-feature-category p {
display: inline;
line-height: 24px
}
@media (max-width: 719px) {
body.responsive .product-features-panel .product-feature-category p {
display:block;
font: 500 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
line-height: 1.15
}
}
.product-features-panel .product-feature-category .feature-category-label-column {
width: 25.53191489%;
display: inline-block;
vertical-align: top
}
@media (max-width: 719px) {
body.responsive .product-features-panel .product-feature-category .feature-category-label-column {
float:left;
width: 100%;
margin-right: 0;
float: right;
clear: both;
float: none
}
}
@media (max-width: 719px) {
body.responsive .product-features-panel .product-feature-category .feature-category-label-column h4 {
font: 500 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
padding-bottom: 12px;
color: #3f4348
}
}
.product-features-panel .product-feature-category ul.features {
float: right;
width: 65.53191489%;
display: inline-block
}
@media (max-width: 719px) {
body.responsive .product-features-panel .product-feature-category ul.features {
float:left;
width: 100%;
margin-right: 0;
float: right;
clear: both;
float: none
}
}
.product-features-panel .product-feature-category ul.features li {
padding: 0 0 14px 0
}
@media (max-width: 719px) {
body.responsive .product-features-panel .product-feature-category ul.features li:not(:last-child) {
padding-bottom:0
}
}
.product-features-panel .product-feature-category ul.features li.even {
background-color: #ffffff
}
@media (max-width: 719px) {
body.responsive .product-features-panel .product-feature-category ul.features li.even {
background:none
}
}
.product-features-panel .product-feature-category ul.features li a.view-all-compliance {
text-transform: uppercase
}
.product-features-panel .product-feature-category ul.features span,.product-features-panel .product-feature-category ul.features em,.product-features-panel .product-feature-category ul.features h3 {
vertical-align: top;
width: 48.5106383%;
display: inline-block
}
@media (max-width: 719px) {
body.responsive .product-features-panel .product-feature-category ul.features h3 {
display:block;
width: 100%
}
body.responsive .product-features-panel .product-feature-category ul.features span,body.responsive .product-features-panel .product-feature-category ul.features em {
display: inline;
width: auto
}
}
.product-features-panel .product-feature-category ul.features span {
word-wrap: break-word
}
.product-features-panel .product-feature-category.last-category {
border-bottom: none;
padding-bottom: 40px
}
#primary-documents ul {
text-align: center;
font-size: 0
}
#primary-documents ul:before,#primary-documents ul:after {
content: "";
display: table
}
#primary-documents ul:after {
clear: both
}
.ie6 #primary-documents ul,.ie7 #primary-documents ul {
zoom:1}
#primary-documents li {
position: relative;
float: left;
width: 31.91489362%;
margin-right: 2.12765957%;
display: inline-block;
float: none;
padding: 14px;
text-align: left;
min-height: 165px;
vertical-align: top;
border: 1px solid #ccc;
background: #ffffff
}
#primary-documents li:before {
content: "";
display: block;
position: absolute;
background-image: url(../../generated-src/images/te-sprite.png);
background-position: 0px -52px;
width: 25px;
height: 25px;
background-color: #ededee;
right: -1px;
top: -1px
}
#primary-documents i {
display: block;
float: left
}
#primary-documents span,#primary-documents a {
display: block
}
#primary-documents h3 span {
clear: left;
font: 400 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
color: #4a4f55;
padding-top: 5px
}
#primary-documents a {
font: 500 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
margin: 2px 0;
color: #0066a1
}
#primary-documents a:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
#primary-documents a:hover,#primary-documents a:focus {
color: #3db7e4
}
#primary-documents li>span {
margin: 6px 0 0;
font: 500 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
text-transform: uppercase;
color: #686c70
}
#primary-documents li.last {
float: left;
width: 31.91489362%;
margin-right: 0;
float: right;
float: none
}
.product-documents-panel {
position: relative
}
.product-documents-panel .product-document-type {
padding-top: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #ccc
}
.product-documents-panel .product-document-type:first-child {
padding-top: 5px
}
@media (max-width: 719px) {
body.responsive .product-documents-panel .product-document-type:first-child {
padding-top:24px
}
}
.product-documents-panel .product-document-type .document-type-label-column,.product-documents-panel .product-document-type .document-local-type-label-column {
width: 34.04255319%;
vertical-align: top;
display: inline-block
}
@media (max-width: 719px) {
body.responsive .product-documents-panel .product-document-type .document-type-label-column,body.responsive .product-documents-panel .product-document-type .document-local-type-label-column {
float:left;
width: 100%;
margin-right: 0;
float: right;
clear: both;
float: none
}
}
@media (max-width: 719px) {
body.responsive .product-documents-panel .product-document-type .document-type-label-column,body.responsive .product-documents-panel .product-document-type .document-local-type-label-column {
display:block
}
}
.product-documents-panel .product-document-type .document-type-label-column.has-local-types,.product-documents-panel .product-document-type .document-local-type-label-column.has-local-types {
display: block
}
.product-documents-panel .product-document-type .document-type-label-column h3,.product-documents-panel .product-document-type .document-local-type-label-column h3 {
padding-bottom: 15px
}
.product-documents-panel .product-document-type .document-type-label-column h3 {
font: 400 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
color: #3f4348
}
.product-documents-panel .product-document-type .document-local-type-label-column h3 {
font: 200 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
color: #3f4348
}
@media (max-width: 719px) {
body.responsive .product-documents-panel .product-document-type .document-local-type-label-column h3 {
font: 500 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem
}
}
.product-documents-panel .product-document-type ul.documents {
width: 63.82978723%;
display: inline-block
}
@media (max-width: 719px) {
body.responsive .product-documents-panel .product-document-type ul.documents {
float:left;
width: 100%;
margin-right: 0;
float: right;
clear: both;
float: none
}
}
@media (max-width: 719px) {
body.responsive .product-documents-panel .product-document-type ul.documents {
display:block
}
}
.product-documents-panel .product-document-type ul.documents li {
padding-bottom: 20px
}
.product-documents-panel .product-document-type ul.documents li .alternate-parts {
margin-top: -10px
}
.product-documents-panel .product-document-type ul.documents li:last-child {
padding-bottom: 6px
}
.product-documents-panel .product-document-type ul.documents li .document-meta {
padding: 5px 0;
display: block
}
.product-documents-panel .product-document-type ul.documents li ul.substances {
padding-top: 5px;
padding-bottom: 5px
}
.product-documents-panel .product-document-type ul.documents li ul.substances li {
padding-bottom: 0
}
.product-documents-panel .product-document-type ul.documents li ul.substances li a {
font: 200 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
color: #0066a1;
line-height: 100%
}
.product-documents-panel .product-document-type ul.documents li ul.substances li a i {
font-size: 11px
}
.product-documents-panel .product-document-type ul.documents li ul {
padding-top: 10px
}
.product-documents-panel .product-document-type ul.documents li ul li {
padding-bottom: 10px
}
.product-documents-panel .product-document-type ul.documents li ul li.reach-svhcs {
padding-bottom: 5px;
padding-top: 5px;
border: 1px solid #ccc;
padding-left: 5px;
border-bottom-width: 0
}
.product-documents-panel .product-document-type ul.documents li ul li.reach-svhcs:last-child {
border-bottom: 1px solid #ccc
}
.product-documents-panel .product-document-type ul.documents li a.stmtLink {
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.product-documents-panel .product-document-type ul.documents li a {
font: 500 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #0066a1
}
.product-documents-panel .product-document-type ul.documents li a:hover,.product-documents-panel .product-document-type ul.documents li a:focus {
color: #3db7e4
}
.product-documents-panel .product-document-type ul.documents li a img.compliance-icon {
vertical-align: bottom;
height: 20px;
width: 20px
}
.product-documents-panel .product-document-type ul.documents li a .document-title {
text-transform: capitalize;
display: block;
display: inline-block
}
@media (max-width: 719px) {
body.responsive .product-documents-panel .product-document-type ul.documents li a .document-title {
font: 900 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem
}
}
.product-documents-panel .product-document-type ul.documents li a .document-description {
text-transform: none
}
.product-documents-panel .product-document-type ul.documents li a .document-title-mdp-video {
text-transform: capitalize;
margin-left: 7px
}
.product-documents-panel .product-document-type ul.documents li a.document-additional-format {
text-transform: uppercase;
display: inline-block;
font: 900 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem
}
.product-documents-panel .product-document-type ul.documents li .document-format {
color: #4a4f55;
font: 500 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
text-transform: uppercase
}
@media (max-width: 719px) {
body.responsive .product-documents-panel .product-document-type ul.documents li .document-format {
font: 500 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem
}
}
.product-documents-panel .product-document-type ul.documents li .document-format-mdp-video {
color: #4a4f55;
font: 500 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
text-transform: uppercase;
display: block;
margin-left: 38px
}
.product-documents-panel .product-document-type ul.documents li .document-language {
color: #42474c;
font: 900 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
display: block
}
@media (max-width: 719px) {
body.responsive .product-documents-panel .product-document-type ul.documents li .document-language {
font: 900 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem
}
}
.product-documents-panel .product-document-type ul.documents li table.te-table-default {
margin: 10px 0
}
.product-documents-panel .product-document-type ul.documents li table.te-table-default td {
border: 1px solid #ededee;
background-color: #ffffff;
padding: 10px;
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif
}
.product-documents-panel .product-document-type.last-type {
border-bottom: none;
padding-bottom: 40px
}
@media (max-width: 719px) {
body.responsive .product-documents-panel .product-document-type.last-type {
padding-bottom:24px
}
}
@media (max-width: 719px) {
body.responsive .features-list-compliance-item h4 {
font: 500 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem
}
}
.features-list-compliance-item a {
font: 500 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #0066a1
}
@media (max-width: 719px) {
body.responsive .features-list-compliance-item a {
font: 900 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
display: block;
margin-bottom: 24px
}
}
.features-list-compliance-item a:hover,.features-list-compliance-item a:focus {
color: #3db7e4
}
.features-list-compliance-item a .document-format {
display: block !important;
font: 500 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
color: #666;
text-transform: uppercase
}
@media (max-width: 719px) {
body.responsive .features-list-compliance-item a .document-format {
font: 500 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
}
#product-availability-content {
position: relative
}
#availability {
float: left;
width: 65.95744681%;
margin-right: 2.12765957%;
position: relative
}
#bulk-pricing {
float: left;
width: 65.95744681%;
margin-right: 2.12765957%;
position: relative
}
#distributor-inventory {
float: left;
width: 65.95744681%;
margin-right: 2.12765957%;
position: relative
}
@media (max-width: 719px) {
body.responsive #distributor-inventory {
float:left;
width: 100%;
margin-right: 0;
float: right
}
}
@media (max-width: 719px) {
body.responsive #distributor-inventory {
padding-bottom:40px
}
}
#distributor-inventory .inventory-region-select {
padding: 0 0 15px;
position: relative;
z-index: 17
}
@media (max-width: 719px) {
body.responsive #distributor-inventory .inventory-region-select {
float:left;
width: 100%;
margin-right: 0;
float: right
}
}
@media (max-width: 719px) {
body.responsive #distributor-inventory .inventory-region-select .selectboxit-container,body.responsive #distributor-inventory .inventory-region-select .selectboxit-container .selectboxit {
float:left;
width: 100%;
margin-right: 0;
float: right
}
}
#distributor-inventory .inventory-region-select select {
width: 195px;
visibility: hidden
}
@media (max-width: 719px) {
body.responsive #distributor-inventory .inventory-region-select select {
float:left;
width: 100%;
margin-right: 0;
float: right;
clear: both;
float: none
}
}
#distributor-inventory .inventory-region-select select.how-to-buy-inventory-select {
width: 220px;
cursor: pointer;
margin: 0;
padding: 14px 10px;
display: block;
position: relative;
border: 1px solid #ededee;
font: 200 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: .875rem
}
#distributor-inventory .inventory-region-select select.how-to-buy-inventory-select option {
font: 200 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
padding: 0 10px;
font-size: .875rem
}
#modal-body #distributor-inventory .inventory-region-select {
background: #f7f7f7;
padding: 12px 0 12px 16px
}
@media (max-width: 719px) {
body.responsive #modal-body #distributor-inventory .inventory-region-select {
padding:7vw 7vw 3.5vw;
background-color: transparent
}
}
#distributor-inventory .pagination {
position: absolute;
bottom: 20px;
width: 100%
}
@media (max-width: 719px) {
body.responsive #modal-body #distributor-inventory .pagination {
position:static;
margin-bottom: 7vw
}
}
#modal-body #distributor-inventory {
height: 540px;
width: 100%;
float: none
}
#modal-body #distributor-inventory .inventory-main-content {
width: 100%
}
@media (max-width: 719px) {
body.responsive #modal-body #distributor-inventory {
height:auto;
min-height: -webkit-calc(100vh - 92px );
min-height: calc(100vh - 92px )
}
}
#modal-body #distributor-inventory .product-inventory-loader:before {
height: 540px
}
@media (max-width: 719px) {
body.responsive #modal-body #distributor-inventory .product-inventory-loader:before {
height:-webkit-calc(100vh - 92px );
height: calc(100vh - 92px )
}
}
#distributor-inventory table {
width: 100%
}
@media (max-width: 719px) {
body.responsive #modal-body #distributor-inventory table {
margin:0 7vw 7vw
}
}
#distributor-inventory tr {
border: 1px solid #ededee
}
@media (max-width: 719px) {
body.responsive #distributor-inventory tr {
border:0 none transparent
}
}
#distributor-inventory th {
font: 900 10px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.625rem;
color: #3f4348;
padding: 15px;
text-align: left;
text-transform: uppercase
}
@media (max-width: 719px) {
body.responsive #distributor-inventory th {
width:auto;
text-transform: inherit;
float: left;
padding: 0 5px 0 0;
font-weight: normal;
font-size: 16px
}
}
#distributor-inventory th:first-child {
font-size: 10px;
font-size: 0.625rem;
line-height: 1.4
}
@media (max-width: 719px) {
body.responsive #distributor-inventory th:first-child {
float:left;
width: 100%;
margin-right: 0;
float: right;
clear: both;
float: none
}
}
@media (max-width: 719px) {
body.responsive #distributor-inventory th:first-child {
text-transform:uppercase;
font-weight: bold;
padding: 15px 5px 0 0;
display: block;
font-size: 18px
}
}
@media (max-width: 719px) {
body.responsive #distributor-inventory th:nth-child(2n+0) {
border-right:1px solid #ccc;
margin-right: 5px
}
}
#distributor-inventory tr td {
padding: 23px 5px 11px 15px;
vertical-align: top;
font: 400 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #3f4348
}
@media (max-width: 719px) {
body.responsive #distributor-inventory tr td {
width:auto;
float: left;
padding: 0 5px 0 0
}
}
@media (max-width: 719px) {
body.responsive #distributor-inventory tr td:first-child {
float:left;
width: 100%;
margin-right: 0;
float: right;
clear: both;
float: none
}
}
@media (max-width: 719px) {
body.responsive #distributor-inventory tr td:first-child {
padding:15px 5px 0 0;
display: block
}
}
@media (max-width: 719px) {
body.responsive #distributor-inventory tr td:nth-child(2n+0) {
border-right:1px solid #ccc;
margin-right: 5px
}
}
#distributor-inventory tr td .distributor-name {
font: 900 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
display: block
}
@media (max-width: 719px) {
body.responsive #distributor-inventory tr td .distributor-name {
text-transform:uppercase
}
}
#distributor-inventory tr td .distributor-phone {
font: 400 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
color: #3f4348;
display: block
}
@media (max-width: 719px) {
body.responsive #distributor-inventory tr td .distributor-phone {
font-weight:bold;
margin: 2px 0;
font-size: 16px
}
}
#distributor-inventory td.btn-arrow {
width: 71px;
padding: 0
}
@media (max-width: 719px) {
body.responsive #distributor-inventory td.btn-arrow {
display:none
}
}
#distributor-inventory td a {
display: block
}
#distributor-inventory td.show-more-container {
padding: 0
}
#distributor-inventory td.show-more-container a {
font: 200 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
text-align: center;
line-height: 40px;
width: 100%
}
@media (max-width: 719px) {
body.responsive #distributor-inventory td.show-more-container a {
text-align:left
}
}
@media (max-width: 719px) {
body.responsive #distributor-inventory td.show-more-container a .icon {
display:inline
}
}
#distributor-inventory .load-error {
color: #cd202c
}
#distributor-inventory .how-to-buy .how-to-buy-heading {
padding: 12px 16px
}
@media (max-width: 719px) {
body.responsive #distributor-inventory .how-to-buy .how-to-buy-heading {
padding:40px 7vw 0
}
body.responsive #distributor-inventory .how-to-buy .how-to-buy-heading h1 {
font-size: 16px
}
}
#distributor-inventory .how-to-buy .how-to-buy-heading h1 {
font-weight: bold;
padding-bottom: 10px
}
#distributor-inventory .how-to-buy .inventory-region-select {
background: none !important
}
#distributor-inventory .how-to-buy table {
margin: 0 2%;
width: 96%
}
#distributor-inventory .how-to-buy table td:first-child {
width: 40%;
padding-top: 25px
}
#distributor-inventory .how-to-buy table td.distribution-address {
font-size: .875rem;
padding: 13px 5px 2px 15px
}
#distributor-inventory .how-to-buy table td.distribution-address a {
display: inline-block;
padding-left: 5px
}
@media (max-width: 719px) {
body.responsive #modal-body #distributor-inventory .how-to-buy table td.distribution-address {
padding:5px 0;
border-right: none
}
body.responsive #modal-body #distributor-inventory .how-to-buy table td.distribution-address span {
display: table-cell;
vertical-align: middle;
padding-right: 5px
}
}
@media (min-width: 720px) {
body.responsive #product-standalone-message {
padding:0
}
body.responsive #product-standalone-message .product-not-available-message {
width: 540px !important
}
}
body:not(.responsive) #product-standalone-message {
padding: 0
}
body:not(.responsive) #product-standalone-message .product-not-available-message {
width: 540px !important
}
@media (max-width: 719px) {
body.responsive #product-standalone-message {
float:left;
width: 100%;
margin-right: 0;
float: right;
clear: both;
float: none
}
}
@media (max-width: 719px) {
body.responsive #product-standalone-message #availability-side-nav {
margin:40px 0 0
}
}
#product-standalone-message #availability-side-nav.show-model-accounts {
padding-top: 65px
}
#product-standalone-message #availability-side-nav ul {
width: 100%
}
@media (max-width: 719px) {
body.responsive #product-standalone-message #availability-side-nav ul {
float:none
}
}
@media (min-width: 720px) {
body.responsive .product-not-available-message {
float:left !important;
width: 82.9787234% !important;
margin-right: 2.12765957% !important
}
}
body:not(.responsive) .product-not-available-message {
float: left !important;
width: 82.9787234% !important;
margin-right: 2.12765957% !important
}
@media (max-width: 719px) {
body.responsive .product-not-available-message {
float:left;
width: 100%;
margin-right: 0;
float: right;
clear: both;
float: none
}
}
.product-not-available-message p {
padding-bottom: 20px;
line-height: 1.5em
}
@media (max-width: 719px) {
body.responsive .product-not-available-message p {
padding:15px 0 30px
}
}
.product-inventory-tab .account-display {
position: relative;
z-index: 17;
padding-bottom: 20px;
width: 940px
}
.product-inventory-tab .account-display:before,.product-inventory-tab .account-display:after {
content: "";
display: table
}
.product-inventory-tab .account-display:after {
clear: both
}
.ie6 .product-inventory-tab .account-display,.ie7 .product-inventory-tab .account-display {
zoom:1}
@media (max-width: 719px) {
body.responsive .product-inventory-tab .account-display {
width:100%
}
}
.product-inventory-tab .account-display .account-label {
display: block;
padding-right: 20px;
float: left;
padding-top: 15px
}
.product-inventory-tab .account-display .full-accounts-area {
float: left;
height: 50px
}
.product-inventory-tab .account-display .channel-label {
display: block;
padding-left: 60px;
padding-right: 10px;
float: left
}
.product-inventory-tab .account-display .account-number {
display: block;
text-align: right;
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
line-height: 50px
}
.product-inventory-tab .account-display .accounts-radios {
clear: both;
float: left;
display: block;
padding-top: 12px
}
.product-inventory-tab .account-display label {
font: 900 10px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.625rem;
text-transform: uppercase;
padding-right: 10px;
position: relative;
top: -3px
}
.product-inventory-tab .inventory-main-content {
float: left;
width: 65.95744681%;
margin-right: 2.12765957%
}
.product-inventory-tab table {
width: 100%
}
.product-inventory-tab tr:first-child {
border: 1px solid #ededee
}
.product-inventory-tab tr.even {
background-color: #ededee
}
.product-inventory-tab th {
font: 900 10px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.625rem;
padding: 15px;
text-align: left;
text-transform: uppercase
}
.product-inventory-tab tr td {
padding: 25px 18px;
vertical-align: top;
font: 900 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem
}
.product-inventory-tab tr td:first-child,.product-inventory-tab tr.availability-item td {
font: 200 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem
}
.product-inventory-tab tr.availability-item {
border: 1px solid #ededee
}
.product-inventory-tab .load-error {
color: #cd202c
}
.product-inventory-tab .inventory-table-footnote,.product-inventory-tab .inventory-disclaimer {
font: 400 10px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.625rem
}
.product-inventory-tab .availability-data {
font: 500 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
padding: 12px 0
}
.product-inventory-tab .availability-data li {
padding: 5px 0
}
.product-inventory-tab .availability-data strong {
font: 900 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem
}
#product-inventory-ribbon-outer {
background-color: #cbe3ef;
position: relative;
top: 40px
}
#additional-languages {
padding-bottom: 23px;
border-bottom: 1px solid #ccc
}
#additional-languages p {
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
display: inline-block
}
#additional-languages #multi-checkbox-dropdown {
top: -7px;
position: absolute;
right: 0
}
.product-inventory-tab-loader {
position: relative
}
.product-inventory-tab-loader.loading {
min-height: 350px;
position: relative
}
.product-inventory-tab-loader.loading:before {
z-index: 15;
min-height: 350px;
background: #ffffff url('../../images/loading-anim.gif') no-repeat center;
position: relative;
width: 100%;
content: "";
position: absolute;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s ease .3s,opacity .3s linear;
transition: visibility 0s ease .3s,opacity .3s linear;
margin-top: 0
}
html.oldie .product-inventory-tab-loader.loading:before {
height: 350px
}
.product-inventory-tab-loader.loading.ng-cloak {
display: block !important;
z-index: 15
}
html.oldie .product-inventory-tab-loader.loading.ng-cloak {
height: 350px
}
.product-inventory-tab-loader.loading.ng-cloak:before {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.product-inventory-tab-loader.loading:before {
z-index: 20
}
.product-inventory-loader {
height: 100%;
min-height: 150px;
position: relative
}
.product-inventory-loader:before {
z-index: 15;
min-height: 150px;
background: #ffffff url('../../images/loading-anim.gif') no-repeat center;
position: relative;
width: 66%;
content: "";
position: absolute;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s ease .3s,opacity .3s linear;
transition: visibility 0s ease .3s,opacity .3s linear;
margin-top: 0
}
html.oldie .product-inventory-loader:before {
height: 150px
}
.product-inventory-loader.loading {
display: block !important;
z-index: 15
}
html.oldie .product-inventory-loader.loading {
height: 150px
}
.product-inventory-loader.loading:before {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
#distributor-inventory .product-inventory-loader {
min-height: 150px;
position: relative
}
#distributor-inventory .product-inventory-loader:before {
z-index: 15;
min-height: 150px;
background: #ffffff url('../../images/loading-anim.gif') no-repeat 50% 75px;
position: relative;
width: 100%;
content: "";
position: absolute;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s ease .3s,opacity .3s linear;
transition: visibility 0s ease .3s,opacity .3s linear;
margin-top: 0
}
html.oldie #distributor-inventory .product-inventory-loader:before {
height: 150px
}
#distributor-inventory .product-inventory-loader.loading {
display: block !important;
z-index: 15
}
html.oldie #distributor-inventory .product-inventory-loader.loading {
height: 150px
}
#distributor-inventory .product-inventory-loader.loading:before {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
#bulk-pricing .product-inventory-loader {
min-height: 150px;
position: relative
}
#bulk-pricing .product-inventory-loader:before {
z-index: 15;
min-height: 150px;
background: #ffffff url('../../images/loading-anim.gif') no-repeat 50% 75px;
position: relative;
width: 100%;
content: "";
position: absolute;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s ease .3s,opacity .3s linear;
transition: visibility 0s ease .3s,opacity .3s linear;
margin-top: 0
}
html.oldie #bulk-pricing .product-inventory-loader:before {
height: 150px
}
#bulk-pricing .product-inventory-loader.loading {
display: block !important;
z-index: 15
}
html.oldie #bulk-pricing .product-inventory-loader.loading {
height: 150px
}
#bulk-pricing .product-inventory-loader.loading:before {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
#availability .product-inventory-loader {
min-height: 150px;
position: relative
}
#availability .product-inventory-loader:before {
z-index: 15;
min-height: 150px;
background: #ffffff url('../../images/loading-anim.gif') no-repeat 50% 75px;
position: relative;
width: 100%;
content: "";
position: absolute;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s ease .3s,opacity .3s linear;
transition: visibility 0s ease .3s,opacity .3s linear;
margin-top: 0
}
html.oldie #availability .product-inventory-loader:before {
height: 150px
}
#availability .product-inventory-loader.loading {
display: block !important;
z-index: 15
}
html.oldie #availability .product-inventory-loader.loading {
height: 150px
}
#availability .product-inventory-loader.loading:before {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
#accept-download-terms {
display: none
}
.related-products-tab-panel .related-products-header {
height: 80px
}
.related-products-tab-panel .related-products-header strong {
font: 500 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem
}
.related-products-tab-panel .related-products-header h2 {
float: left;
margin-top: 30px
}
.related-products-tab-panel .related-products-header a {
float: right;
margin-top: 20px;
background: #ededee
}
.related-products-tab-panel .similar-products-panel .product-result-tile .result-info-col .result-type {
display: none
}
@media (max-width: 719px) {
body.responsive #scetion-pdp-related-info {
display:none
}
}
#pdp-related-products.ng-cloak {
min-height: 300px;
position: relative
}
#pdp-related-products.ng-cloak:before {
z-index: 15;
min-height: 300px;
background: #ffffff url('../../images/loading-anim.gif') no-repeat center;
position: relative;
width: 100%;
content: "";
position: absolute;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s ease .3s,opacity .3s linear;
transition: visibility 0s ease .3s,opacity .3s linear;
margin-top: 0
}
html.oldie #pdp-related-products.ng-cloak:before {
height: 300px
}
#pdp-related-products.ng-cloak.ng-cloak {
display: block !important;
z-index: 15
}
html.oldie #pdp-related-products.ng-cloak.ng-cloak {
height: 300px
}
#pdp-related-products.ng-cloak.ng-cloak:before {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
#pdp-related-products.no-similar #similar-products-tab {
display: none
}
#pdp-related-products-inner {
min-height: 300px;
position: relative
}
#pdp-related-products-inner:before {
z-index: 15;
min-height: 300px;
background: #ffffff url('../../images/loading-anim.gif') no-repeat center;
position: relative;
width: 100%;
content: "";
position: absolute;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s ease .3s,opacity .3s linear;
transition: visibility 0s ease .3s,opacity .3s linear;
margin-top: 0
}
html.oldie #pdp-related-products-inner:before {
height: 300px
}
#pdp-related-products-inner.loading {
display: block !important;
z-index: 15
}
html.oldie #pdp-related-products-inner.loading {
height: 300px
}
#pdp-related-products-inner.loading:before {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
@media (max-width: 719px) {
body.responsive .pdp-docs-features-wrapper,body.responsive .pdp-docs-features-wrapper .panels {
padding:0;
background-color: transparent
}
}
.compatible-products-header {
min-height: 80px;
background-color: #ffffff;
border-bottom: 1px solid #ccc;
padding: 20px 40px
}
.compatible-products-header .header-container h1 {
display: inline-block
}
.compatible-products-header .header-container a.breadcrumb {
display: inline-block
}
.compatible-products-header .header-container ul.share-buttons {
float: right;
display: inline-block;
vertical-align: middle
}
.compatible-products-header .header-container ul.share-buttons li {
display: inline-block
}
.compatible-section-filters.category-feature-filters {
margin-top: 20px
}
.relationship-content-wrapper:before,.relationship-content-wrapper:after {
content: "";
display: table
}
.relationship-content-wrapper:after {
clear: both
}
.ie6 .relationship-content-wrapper,.ie7 .relationship-content-wrapper {
zoom:1}
.relationship-content-wrapper h3.relationship-text {
font: 200 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
text-transform: uppercase;
margin-top: 20px
}
.relationship-content-wrapper h2.relationship-type {
font: 900 20px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.25rem;
text-transform: capitalize
}
.relationship-content-wrapper p.relationship-description {
margin-bottom: 20px
}
.required-quantity-text {
margin-top: 10px;
border-top: solid 1px #ccc;
margin: 0
}
.required-quantity-text .wrapper span {
display: inline-block
}
.product-result-tile {
border-bottom: none
}
.product-result-tile:first-child {
border-top: none
}
.product-result-tile .content-well {
border-bottom: solid 1px #ccc
}
.product-result-tile .heading-inline-block {
display: inline-block
}
.relationship-content-wrapper {
position: relative;
min-height: 50px
}
.relationship-content-wrapper a.see-all-btn {
float: right;
position: absolute;
top: 3px;
right: 200px
}
.resultsContent {
height: 65px
}
.resultsContent .relationship-content-wrapper p.relationship-description {
padding-top: 15px
}
.compatible-products-panel .btn-group-2 {
border-bottom: none
}
.compatible-products-panel .btn-group-2 li {
border-bottom: 1px solid #ccc;
width: 100%
}
.compatible-products-panel .btn-group-2 li a {
margin-bottom: -6px
}
.compatible-products-panel .compatible-products-header {
padding: 20px 0
}
.compatible-products-panel .content-well {
width: 940px;
padding: 0
}
.compatible-products-panel .compatible-products-group {
margin-top: 0
}
.compatible-products-panel .compatible-products-group+.compatible-products-group {
margin-top: 75px
}
.pdp-print-Reset-Margin {
margin: 0
}
.pdp-print-Hide-Element {
Display: none
}
.pdp-print-White-Background {
background-color: white
}
.pdp-print-Hide-border {
border: 0
}
.compare-product-item-checkbox {
text-align: right;
width: 885px
}
.compare-product-item-checkbox label {
font: 200 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
background-color: white;
cursor: pointer;
width: 100%;
border: 1px solid #ffffff;
height: 55px;
margin-left: 50px
}
.compare-product-item-checkbox label:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.2em
}
.compare-product-item-checkbox label i {
border: 1px solid #ccc;
border-top: 0;
height: 55px;
width: 55px;
text-align: center;
color: #ccc;
position: absolute;
padding-top: 15px
}
.compare-product-item-checkbox label span {
display: inline-block;
vertical-align: middle;
width: 115px;
color: #3f4348;
font: 400 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
margin-left: 35px
}
.compare-product-item-checkbox label.checked i {
background-color: #0066a1
}
.compare-product-item-checkbox label.checked:hover,.compare-product-item-checkbox label.checked:focus {
color: #3db7e4
}
.compare-product-item-checkbox label.checked:hover i,.compare-product-item-checkbox label.checked:focus i {
background-color: #3db7e4;
color: #f7f7f7
}
.compare-product-item-checkbox label:hover,.compare-product-item-checkbox label:focus,.compare-product-item-checkbox label.focus {
color: #3db7e4
}
.compare-product-item-checkbox label:hover i,.compare-product-item-checkbox label:focus i,.compare-product-item-checkbox label.focus i {
color: #3db7e4
}
.compare-product-item-checkbox label.disabled,.compare-product-item-checkbox label.disabled:focus,.compare-product-item-checkbox label.disabled:hover {
cursor: default !important;
color: #ccc !important
}
.compare-product-item-checkbox label.disabled.checked i,.compare-product-item-checkbox label.disabled.checked:hover i,.compare-product-item-checkbox label.disabled.checked:focus i {
background-color: #ccc !important
}
.compare-product-item-checkbox input[type="checkbox"] {
z-index: 0;
position: absolute;
left: -100%
}
.see-all-mating-btn {
width: 200px;
float: right;
position: absolute;
right: 0;
top: 30px
}
.compare-product-btn {
float: right;
position: relative
}
.compare-product-btn span {
width: 180px;
height: 44px;
position: absolute;
cursor: default;
display: block;
background: #ccc;
opacity: .1;
filter: alpha(opacity=10)
}
.compare-product-btn a.apply {
font: 400 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
font-size: 16px;
font-size: 1rem;
color: white;
text-transform: capitalize;
display: block;
height: 44px;
width: 180px;
padding-top: 2px;
line-height: 2.5;
text-align: center;
border: 1px solid #ededee;
background-color: #ccc;
pointer-events: none
}
.compare-product-btn a.apply.enabled {
background-color: #0066a1;
color: #ffffff;
pointer-events: auto
}
.compare-product-btn a.apply.enabled:hover,.compare-product-btn a.apply.enabled:focus {
background-color: #3db7e4
}
.compare-product-btn a.apply.enabled i {
display: none
}
.compare-product-btn a.apply i {
padding-left: 15px
}
.compare-product-btn .compare-Close-Icon-Btn {
background: #ededee;
padding-top: 5px;
float: left;
height: 44px
}
.relationship-content-wrapper .compare-product-btn {
position: absolute;
right: 0;
top: 0
}
.cab-section {
position: relative
}
.cab-heading {
margin: 0 0 15px 0;
font-family: Avenir;
color: #373a3f;
font-size: 24px
}
#cab-container {
position: relative;
min-height: 340px;
overflow: hidden;
width: 940px;
white-space: nowrap;
border: 1px solid #ededee;
background: #ededee;
left: 0
}
#cab-container:before {
height: 8px;
width: 100%;
position: absolute;
display: block;
top: -4px;
content: "";
z-index: 5
}
#cab-container .cab-save-all-to-list {
position: absolute;
bottom: 10px;
left: 15px;
font: 500 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
#cab-container .cab-save-all-to-list i {
margin: 0 8px 0 0;
position: relative;
top: 4px
}
#cab-prev-nav {
position: absolute;
left: -2px;
top: 170px;
cursor: pointer;
z-index: 10;
width: 40px;
height: 50px;
background-color: white;
border: 1px solid #ededee;
border-radius: 0 4px 4px 0;
border-left: 1px solid white
}
#cab-next-nav {
position: absolute;
right: -2px;
top: 170px;
cursor: pointer;
z-index: 10;
width: 40px;
height: 50px;
background-color: white;
border: 1px solid #ededee;
border-radius: 4px 0 0 4px;
border-right: 1px solid white
}
.cab-nav {
position: absolute;
top: 15px;
left: 8px
}
#cab-scroll-wrapper {
position: absolute;
width: 940px;
overflow-x: scroll;
overflow-y: hidden;
background: white;
-webkit-overflow-scrolling: touch
}
#cab-scroll-wrapper::-webkit-scrollbar {
height: 12px
}
#cab-scroll-wrapper::-webkit-scrollbar-track {
background-color: #f7f7f7
}
#cab-scroll-wrapper::-webkit-scrollbar-thumb {
background-color: #ccc
}
#cab-scroll-wrapper::-webkit-scrollbar-thumb:window-inactive {
background-color: #ccc
}
#cab-inside-wrapper {
display: inline-block
}
#cab-inside-wrapper ul li {
border-bottom: 0 solid #ededee;
border-left: 1px solid #ededee;
width: 240px;
height: 100%;
display: inline-block;
list-style: none;
white-space: normal;
vertical-align: text-top;
margin-bottom: 2px
}
#cab-inside-wrapper ul li.last-child {
border-right: 1px solid #ededee
}
#cab-inside-wrapper ul li .cab-eyebrow {
font: 500 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
text-transform: uppercase;
background: #ededee;
color: #0066a1;
height: 44px;
padding-left: 8px;
width: 220px;
overflow: hidden
}
#cab-inside-wrapper ul li .cab-eyebrow a {
vertical-align: middle;
display: table-cell;
height: 45px
}
#cab-inside-wrapper ul li .cab-desc {
margin: 33px 0 0 0;
min-height: 85px;
word-wrap: break-word;
padding-left: 15px
}
#cab-inside-wrapper ul li .cab-desc>a {
max-height: 85px;
display: inline-block;
overflow: hidden;
line-height: 1.1;
font-size: 19px
}
#cab-inside-wrapper ul li .cab-marketing-part {
font: 500 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
color: #0066a1;
margin-top: 2px
}
#cab-inside-wrapper ul li .cab-marketing-part a {
color: #3f4348;
max-height: 14px;
display: inline-block;
overflow: hidden
}
#cab-inside-wrapper ul li .cab-cta {
font: 500 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
margin: 10px 0
}
#cab-inside-wrapper ul li .cab-cta a {
display: block;
width: 100%;
margin-bottom: 10px
}
#cab-inside-wrapper ul li .cab-cta i {
margin: 0 5px 0 0;
position: relative;
top: 5px
}
#cab-inside-wrapper ul li .imgdiv {
width: 140px;
height: 140px;
border: 1px solid #ededee;
text-align: center;
margin-top: 13px;
line-height: 206px
}
#cab-inside-wrapper ul li .container {
display: block;
font-size: 1px;
height: 140px;
left: 18px;
line-height: 140px;
position: relative;
text-align: center;
width: 140px
}
#cab-inside-wrapper ul li .container img {
width: 125px
}
#cab-inside-wrapper ul li .container:before {
background-color: #0073ae;
border-left: 50px solid #f28b00;
content: "";
display: block;
height: 6px;
position: relative;
top: 20px;
width: 100%
}
#cab-inside-wrapper ul li:first-child {
border-left: none
}
.cab-inactive {
display: none
}
#pdp-divestiture .copy-divestiture {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc
}
#pdp-divestiture .copy-divestiture p {
font: 500 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif !important;
font-size: 0.75rem !important
}
#pdp-divestiture .copy-divestiture h3+p {
font: 400 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif !important;
font-size: 1.125rem !important
}
#pdp-divestiture .copy-divestiture h3+p a {
text-decoration: underline
}
.restricted-product .breadcrumb-navigation li {
display: initial;
color: #666
}
.restricted-product .breadcrumb-navigation li.last-breadcrumb {
text-transform: capitalize
}
.restricted-product .product-name {
margin-bottom: 10px
}
.restricted-product .product-brand {
color: #666 !important
}
.restricted-product .restricted-product-subtitle {
font: 200 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.restricted-product li#has-sample,.restricted-product li#check-for-tooling {
display: none
}
.restricted-product #availability-side-nav {
margin-top: 25px !important
}
.tab-panel-content .te-subpage {
width: 100%;
min-height: 100%;
position: relative
}
.tab-panel-content .te-subpage:before {
z-index: 15;
min-height: 100%;
background: #ffffff url('../../images/loading-anim.gif') no-repeat center;
position: relative;
width: 100%;
content: "";
position: absolute;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s ease .3s,opacity .3s linear;
transition: visibility 0s ease .3s,opacity .3s linear;
margin-top: 0
}
html.oldie .tab-panel-content .te-subpage:before {
height: 100%
}
.tab-panel-content .te-subpage.loader {
display: block !important;
z-index: 15
}
html.oldie .tab-panel-content .te-subpage.loader {
height: 100%
}
.tab-panel-content .te-subpage.loader:before {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.tab-panel-content ul[role="tablist"] {
text-align: left;
overflow: hidden
}
.tab-panel-content ul[role="tablist"] a.edit-box {
float: left
}
.tab-panel-content ul[role="tablist"] li {
display: inline-block;
margin: 14px 0 14px 0;
float: left
}
.ie7 .tab-panel-content ul[role="tablist"] li {
display: inline;
zoom:1}
.tab-panel-content ul[role="tablist"] li a {
text-transform: uppercase;
color: #0066a1;
white-space: nowrap;
line-height: 1.28em;
border-right: 1px solid #f7f7f7;
padding: 15px;
font-size: 1rem
}
.tab-panel-content ul[role="tablist"] li a:hover,.tab-panel-content ul[role="tablist"] li a:focus {
color: #3db7e4
}
.tab-panel-content ul[role="tablist"] li a.active {
color: #3db7e4;
background-color: #f7f7f7
}
.tab-panel-content ul[role="tablist"] li.products-tab a {
background-color: #fff
}
.tab-panel-content ul[role="tablist"] li.products-tab a:hover,.tab-panel-content ul[role="tablist"] li.products-tab a:focus {
color: #3db7e4
}
.tab-panel-content ul[role="tablist"] li.products-tab a.active {
color: #3db7e4;
background-color: #f7f7f7
}
.tab-panel-content div[role="tabpanel"] {
display: none
}
.tab-panel-content div[role="tabpanel"].active {
display: block
}
.tab-panel-content .pgp-view-all a {
outline: 0
}
.tab-panel-content .pgp-view-all .container {
padding: 20px;
margin-bottom: 20px
}
.tab-panel-content .pgp-view-all .container a {
font-size: 1rem
}
.tab-panel-content #pgp-product-tabpanel .general-listing-search-header .units-full-width {
margin-top: 0
}
.te-highlights-container {
background: #f7f7f7
}
@media (max-width: 719px) {
body.responsive .te-highlights-container {
margin-top:12px;
margin-bottom: 12px
}
body.responsive .te-highlights-container:before,body.responsive .te-highlights-container:after {
content: "";
display: table
}
body.responsive .te-highlights-container:after {
clear: both
}
.ie6 body.responsive .te-highlights-container,.ie7 body.responsive .te-highlights-container {
zoom:1}
}
@media (min-width: 720px) and (max-width:768px) {
body.responsive .te-highlights-container {
position:relative;
width: 1024px
}
}
@media (max-width: 719px) {
body.responsive .te-highlights-container.customer-support-landing-wrapper {
margin-bottom:0
}
}
.te-highlights-container.no-border-top {
border-top: none
}
.te-highlights-container.extra-padding {
padding: 20px 0
}
.pgp-view-all .te-highlights-container {
background-color: #0066a1;
color: #ffffff;
padding-top: 0
}
.pgp-view-all .te-highlights-container p {
font-size: 1.125rem
}
.pgp-view-all .te-highlights-container .icon[role="presentation"].icon-small {
color: #ffffff
}
.te-view-all-container {
background: #f7f7f7;
border-top: 1px solid #ededee
}
.te-view-all-container.no-border-top {
border-top: none
}
.te-view-all-container.extra-padding {
Padding-top: 4px;
Padding-bottom: 17px
}
.te-view-all-container {
width: 1024px !important;
margin: 0 -42px !important
}
.cq-wcm-edit .tab-panel-content div[role="tabpanel"] {
display: block
}
.cq-wcm-edit .tab-panel-content .te-subpage {
position: relative
}
.cq-wcm-edit .tab-panel-content .te-subpage .edit-box {
display: none;
position: absolute;
top: 10px;
left: 0
}
.cq-wcm-edit .tab-panel-content .te-subpage:hover .edit-box,.cq-wcm-edit .tab-panel-content .te-subpage:focus .edit-box {
display: block
}
.te-promo.te-promo-lead {
padding-top: 40px;
padding-bottom: 0
}
.wrapper-grey .te-promo.te-promo-lead {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.industry-landing-page-content .te-promo.te-promo-lead {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.product-hero {
margin: 0 -42px;
padding: 40px 0;
background: #f7f7f7
}
.product-hero .container:before,.product-hero .container:after {
content: "";
display: table
}
.product-hero .container:after {
clear: both
}
.ie6 .product-hero .container,.ie7 .product-hero .container {
zoom:1}
.product-hero .media-hero {
float: left;
width: 422px
}
.product-hero .media-hero .image-wrap {
display: block;
width: 422px;
height: 400px;
text-align: center;
border-bottom: 1px solid #ededee;
border-left: 1px solid #ededee
}
*>.product-hero .media-hero .image-wrap {
position: relative
}
.product-hero .media-hero .image-wrap:before {
height: 5px;
width: 100%;
background-color: #0073ae;
border-left: 60px solid #f28b00;
position: absolute;
display: block;
top: -5px;
content: "";
z-index: inherit
}
.product-hero .media-hero .image-wrap img {
vertical-align: middle;
max-height: 400px
}
.product-hero .content-hero {
position: relative;
background-color: #e98300;
padding: 34px 40px;
width: 602px;
height: 400px;
float: left;
overflow: hidden;
color: #ffffff
}
.product-hero .content-hero .hero-copy {
height: 316px;
overflow: hidden
}
.product-hero .content-hero h3 {
font: 900 36px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 2.25rem;
line-height: 1.04347826;
text-transform: uppercase
}
.product-hero .content-hero p {
font: 500 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
padding: 20px 0
}
.pnp-page-content .pnp-tab-content div[role=tabpanel] {
display: none
}
.pnp-page-content .pnp-tab-content div[role=tabpanel].active {
display: block
}
.pnp-page-content .pnp-tab-content .pnp-view-all-wrapper {
background: #f7f7f7;
padding: 0 42px;
width: 100%;
padding-bottom: 15px
}
@media (max-width: 719px) {
body.responsive .pnp-page-content .pnp-tab-content .pnp-view-all-wrapper {
padding:18px 7vw
}
}
.pnp-page-content .pnp-tab-content .pnp-view-all-wrapper .te-highlights-container {
background-color: #ffffff;
width: 940px;
margin: 0 auto;
padding: 0 20px;
border-bottom: 1px solid #ededee
}
@media (max-width: 719px) {
body.responsive .pnp-page-content .pnp-tab-content .pnp-view-all-wrapper .te-highlights-container {
width:100%;
padding: 0 7vw
}
}
.pnp-page-content .pnp-tab-content .pnp-view-all-wrapper .copy-module .container {
padding: 20px 0
}
@media (max-width: 719px) {
body.responsive .pnp-page-content .pnp-tab-content .pnp-view-all-wrapper .copy-module .container {
font: 400 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem
}
}
.pnp-page-content ul[role=tablist] {
display: none
}
@media (max-width: 719px) {
body.responsive .pnp-page-content .te-promo {
display:none
}
body.responsive .pnp-view-all-wrapper a {
width: 100%
}
body.responsive .pnp-view-all-wrapper .te-highlights-container .copy-module-body {
display: block
}
}
.nodisplay {
display: none
}
.pnp-navigation-component {
width: 100%;
margin-top: 10px
}
.pnp-navigation-component.nav-a {
display: block !important
}
.pnp-navigation-component .pnp-controls-container {
height: 20px;
position: relative;
width: 1024px;
margin: 0 auto;
padding: 0 42px
}
.pnp-navigation-component .pnp-controls-container.content-padding {
padding-top: 30px;
padding-bottom: 30px
}
.pnp-navigation-component .pnp-controls-container.content-right {
text-align: right
}
.pnp-navigation-component .pnp-controls-container.content-padding {
padding-top: 30px;
padding-bottom: 30px
}
.pnp-navigation-component .pnp-controls-container.content-right {
text-align: right
}
@media (max-width: 719px) {
body.responsive .pnp-navigation-component .pnp-controls-container {
width:100%;
max-width: 100%;
padding: 0 7vw
}
}
@media (max-width: 719px) {
body.responsive .pnp-navigation-component .pnp-controls-container {
height:auto
}
}
.pnp-navigation-component .pnp-controls-container .init-hide {
display: none
}
.pnp-navigation-component .pnp-controls-container .pnp-nav-controls {
width: 100%;
text-align: right;
margin: 10px auto
}
.pnp-navigation-component .pnp-controls-container .pnp-nav-controls.removed {
display: none
}
.pnp-navigation-component .pnp-controls-container .pnp-nav-controls>* {
display: inline-block
}
.pnp-navigation-component .pnp-controls-container .pnp-nav-controls>p {
font: 200 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.pnp-navigation-component .pnp-controls-container .pnp-nav-controls>ul {
vertical-align: top
}
.pnp-navigation-component .pnp-controls-container .pnp-nav-controls>ul:before,.pnp-navigation-component .pnp-controls-container .pnp-nav-controls>ul:after {
content: "";
display: table
}
.pnp-navigation-component .pnp-controls-container .pnp-nav-controls>ul:after {
clear: both
}
.ie6 .pnp-navigation-component .pnp-controls-container .pnp-nav-controls>ul,.ie7 .pnp-navigation-component .pnp-controls-container .pnp-nav-controls>ul {
zoom:1}
.pnp-navigation-component .pnp-controls-container .pnp-nav-controls>ul li {
float: right;
font: 200 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
padding-left: 20px
}
.pnp-navigation-component .pnp-controls-container .pnp-nav-controls>ul li a {
text-transform: uppercase
}
.pnp-navigation-component .pnp-controls-container .pnp-nav-controls>ul li a.active {
color: #3db7e4;
cursor: default
}
.pnp-navigation-component .pnp-nav-container {
width: 100%;
background-color: #f7f7f7;
padding-bottom: 15px
}
@media (max-width: 719px) {
body.responsive .pnp-navigation-component .pnp-nav-container {
padding:0
}
}
.pnp-navigation-component .pnp-nav-container nav {
position: relative;
width: 1024px;
margin: 0 auto;
padding: 0 42px
}
.pnp-navigation-component .pnp-nav-container nav.content-padding {
padding-top: 30px;
padding-bottom: 30px
}
.pnp-navigation-component .pnp-nav-container nav.content-right {
text-align: right
}
.pnp-navigation-component .pnp-nav-container nav.content-padding {
padding-top: 30px;
padding-bottom: 30px
}
.pnp-navigation-component .pnp-nav-container nav.content-right {
text-align: right
}
@media (max-width: 719px) {
body.responsive .pnp-navigation-component .pnp-nav-container nav {
width:100%;
max-width: 100%;
padding: 0 7vw
}
}
@media (max-width: 719px) {
body.responsive .pnp-navigation-component .pnp-nav-container nav.expanded-view {
padding-top:0
}
}
.pnp-navigation-component .pnp-nav-container nav.expanded-view>ul {
-moz-column-count: 3;
-moz-column-width: auto;
-moz-column-gap: 20px;
-webkit-column-count: 3;
-webkit-column-width: auto;
-webkit-column-gap: 20px;
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-width: auto;
-moz-column-width: auto;
column-width: auto;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
padding: 10px 0
}
@media (max-width: 719px) {
body.responsive .pnp-navigation-component .pnp-nav-container nav.expanded-view>ul {
float:left;
width: 100%;
margin-right: 0;
float: right;
clear: both;
float: none;
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
padding: 0
}
}
html.no-csscolumns .pnp-navigation-component .pnp-nav-container nav.expanded-view>ul:before,html.no-csscolumns .pnp-navigation-component .pnp-nav-container nav.expanded-view>ul:after {
content: "";
display: table
}
html.no-csscolumns .pnp-navigation-component .pnp-nav-container nav.expanded-view>ul:after {
clear: both
}
.ie6 html.no-csscolumns .pnp-navigation-component .pnp-nav-container nav.expanded-view>ul,.ie7 html.no-csscolumns .pnp-navigation-component .pnp-nav-container nav.expanded-view>ul {
zoom:1}
.pnp-navigation-component .pnp-nav-container nav.expanded-view>ul>li {
display: inline-block;
padding: 6px 10px 0 10px;
width: 100%
}
html.no-csscolumns .pnp-navigation-component .pnp-nav-container nav.expanded-view>ul>li {
width: 30%;
float: left
}
@media (max-width: 719px) {
body.responsive .pnp-navigation-component .pnp-nav-container nav.expanded-view>ul>li {
padding:32px 0 12px
}
}
.pnp-navigation-component .pnp-nav-container nav.expanded-view>ul>li>a {
padding-bottom: 4px
}
.pnp-navigation-component .pnp-nav-container nav.expanded-view>ul>li>a>h5 {
font: 400 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
color: #3f4348
}
@media (max-width: 719px) {
body.responsive .pnp-navigation-component .pnp-nav-container nav.expanded-view>ul>li>a>h5 {
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
color: #0066a1
}
body.responsive .pnp-navigation-component .pnp-nav-container nav.expanded-view>ul>li>a>h5:hover {
color: #3db7e4
}
}
.pnp-navigation-component .pnp-nav-container nav.expanded-view>ul>li>a>h5 i {
color: #3f4348;
font-size: 12px;
display: inline-block;
line-height: 24px;
height: 24px;
padding-right: 7px
}
@media (max-width: 719px) {
body.responsive .pnp-navigation-component .pnp-nav-container nav.expanded-view>ul>li>a>h5 i {
display:none
}
}
.pnp-navigation-component .pnp-nav-container nav.expanded-view>ul>li>ul>li {
font: 500 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
margin: 10px 0 10px 2px
}
@media (max-width: 719px) {
body.responsive .pnp-navigation-component .pnp-nav-container nav.expanded-view>ul>li>ul>li {
font: 200 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
margin: 18px 0 18px 2px
}
}
.pnp-navigation-component .pnp-nav-container nav.expanded-view>.button-row {
width: 100%;
padding-bottom: 20px
}
.pnp-navigation-component .pnp-nav-container nav.expanded-view>.button-row:before,.pnp-navigation-component .pnp-nav-container nav.expanded-view>.button-row:after {
content: "";
display: table
}
.pnp-navigation-component .pnp-nav-container nav.expanded-view>.button-row:after {
clear: both
}
.ie6 .pnp-navigation-component .pnp-nav-container nav.expanded-view>.button-row,.ie7 .pnp-navigation-component .pnp-nav-container nav.expanded-view>.button-row {
zoom:1}
@media (max-width: 719px) {
body.responsive .pnp-navigation-component .pnp-nav-container nav.expanded-view>.button-row {
display:none
}
}
.pnp-navigation-component .pnp-nav-container nav.expanded-view>.button-row>a {
float: right;
font-weight: 100
}
@media (max-width: 719px) {
body.responsive .pnp-navigation-component .pnp-nav-container nav.reduced-view {
max-width:none;
padding: 0;
margin: 0
}
}
.pnp-navigation-component .pnp-nav-container nav.reduced-view>ul:before,.pnp-navigation-component .pnp-nav-container nav.reduced-view>ul:after {
content: "";
display: table
}
.pnp-navigation-component .pnp-nav-container nav.reduced-view>ul:after {
clear: both
}
.ie6 .pnp-navigation-component .pnp-nav-container nav.reduced-view>ul,.ie7 .pnp-navigation-component .pnp-nav-container nav.reduced-view>ul {
zoom:1}
.pnp-navigation-component .pnp-nav-container nav.reduced-view>ul>li {
display: table;
float: left;
border-left: 1px solid #f7f7f7;
border-top: 1px solid #f7f7f7;
width: 25%;
height: 64px;
background-color: #7fb9d6;
cursor: pointer;
-webkit-transition: all .075s ease-out;
transition: all .075s ease-out
}
@media (max-width: 719px) {
body.responsive .pnp-navigation-component .pnp-nav-container nav.reduced-view>ul>li {
width:100%;
height: auto
}
}
.pnp-navigation-component .pnp-nav-container nav.reduced-view>ul>li.notice {
width: 100%;
float: none
}
.pnp-navigation-component .pnp-nav-container nav.reduced-view>ul>li:hover,.pnp-navigation-component .pnp-nav-container nav.reduced-view>ul>li:active,.pnp-navigation-component .pnp-nav-container nav.reduced-view>ul>li:focus {
background-color: #3db7e4;
-webkit-transition: all .075s ease-out;
transition: all .075s ease-out
}
.pnp-navigation-component .pnp-nav-container nav.reduced-view>ul>li>a {
max-width: 204px;
overflow: hidden;
display: table-cell;
vertical-align: middle;
padding: 0 15px
}
@media (max-width: 719px) {
body.responsive .pnp-navigation-component .pnp-nav-container nav.reduced-view>ul>li>a {
max-width:100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 20px 7vw
}
}
.pnp-navigation-component .pnp-nav-container nav.reduced-view>ul>li>a h5 {
display: inline-block;
padding: 1px 0;
overflow: hidden;
max-height: 56px;
font: 400 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
line-height: 1.125;
color: #f7f7f7
}
@media (max-width: 719px) {
body.responsive .pnp-navigation-component .pnp-nav-container nav.reduced-view>ul>li>a h5 {
max-height:none;
font: 500 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem
}
}
.pnp-navigation-component .pnp-nav-container nav.reduced-view>ul>li>a h5 i {
display: none
}
.pnp-navigation-component .pnp-nav-container nav.reduced-view>ul>li>ul {
display: none
}
.pnp-navigation-component .pnp-nav-container nav.reduced-view>.button-row {
display: none
}
.te-promos {
border-top: 1px solid #ededee;
background-color: #f7f7f7
}
@media (max-width: 719px) {
body.responsive .te-promos .intro-container.editorial-parsys {
display:none
}
}
.cab-heading-nomargin {
margin: 0 0 0 0;
font-size: 24px;
color: #4a4f55;
font-family: Avenir
}
.ml {
float: left;
width: 350px
}
.mr {
float: left;
width: 590px
}
#cab-container-noborder {
position: relative;
height: 100%;
overflow: hidden;
white-space: nowrap;
border: 0 solid #ededee;
left: 0
}
#cab-container-noborder:before {
height: 8px;
width: 100%;
position: absolute;
display: block;
top: -4px;
content: "";
z-index: 5
}
#cab-container-noborder .cab-save-all-to-list {
position: absolute;
bottom: 10px;
left: 15px;
font: 500 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
#cab-container-noborder .cab-save-all-to-list i {
margin: 0 8px 0 0;
position: relative;
top: 4px
}
#cab-inside-wrapper-withoutborder {
display: inline-block
}
#cab-inside-wrapper-withoutborder ul li {
border-bottom: 0 solid #ededee;
border-left: 0 solid #ededee;
border-top: 0 solid #ededee;
width: 295px;
height: 100%;
display: inline-block;
list-style: none;
white-space: normal;
vertical-align: text-top
}
#cab-inside-wrapper-withoutborder ul li.last-child {
border-right: 0 solid #ededee
}
#cab-inside-wrapper-withoutborder .cab-desc {
word-wrap: break-word;
padding-left: 0;
min-height: 40px
}
#cab-inside-wrapper-withoutborder .cab-desc>a {
display: inline-block;
overflow: hidden;
width: 250px;
height: 100%;
font-size: 16px;
font-weight: 400;
font-family: Avenir;
line-height: 1.25
}
#cab-inside-wrapper-withoutborder .container {
position: relative;
width: 220px;
height: 155px;
text-align: center;
line-height: 155px;
font-size: 1px;
display: block;
left: 0
}
#cab-inside-wrapper-withoutborder .container img {
border-bottom: 1px solid #ededee;
border-left: 1px solid #ededee;
border-right: 1px solid #ededee;
width: 100%;
height: 140px;
max-height: 140px;
vertical-align: middle;
position: absolute;
top: 26px;
left: 0
}
#cab-inside-wrapper-withoutborder .container:before {
background-color: #0073ae;
border-left: 50px solid #f28b00;
content: "";
display: block;
height: 6px;
position: relative;
top: 20px;
width: 100%
}
.te-product-carousel {
height: 500px;
position: relative
}
.te-product-carousel:after {
width: 0;
height: 0;
border: 20px solid transparent;
border-top-color: #ffffff;
content: '';
position: absolute;
top: 0;
left: 45px;
z-index: 30
}
.te-product-carousel .carousel-slider-wrapper {
height: inherit;
border: 1px solid #ededee;
margin: -1px;
border-bottom: 0
}
.te-product-carousel .carousel-slider-wrapper .product-slide-container {
height: inherit;
position: relative;
overflow: hidden
}
.te-product-carousel .carousel-slider-wrapper .slider-scroll-area {
width: 100%;
position: absolute;
top: 0;
left: 0
}
.te-product-carousel .carousel-slider-wrapper .slider-scroll-area.support-transition {
-webkit-transition: top .25s ease-out;
transition: top .25s ease-out
}
.te-product-carousel .carousel-slider-wrapper .product-slide {
width: 100%;
height: 500px;
position: relative;
display: block
}
.te-product-carousel .carousel-slider-wrapper .product-slide .product-content {
width: 380px;
max-height: 500px;
padding: 60px 40px;
position: relative;
z-index: 10;
overflow: hidden
}
.te-product-carousel .carousel-slider-wrapper .product-slide .product-content h3.eyebrow {
text-transform: uppercase;
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.te-product-carousel .carousel-slider-wrapper .product-slide .product-content h2 {
font: 900 22px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.375rem;
color: #e98300;
text-transform: uppercase
}
.te-product-carousel .carousel-slider-wrapper .product-slide .product-content .product-description {
margin-top: 20px;
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.te-product-carousel .carousel-slider-wrapper .product-slide .product-content .product-cta {
margin-top: 30px;
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.te-product-carousel .carousel-slider-wrapper .product-slide .product-image {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 0;
overflow: hidden
}
.te-product-carousel .carousel-slider-wrapper .product-slide .product-image img {
width: 100%;
height: 100%;
border-bottom: 1px solid #ededee
}
.te-product-carousel .carousel-navigation-wrapper {
width: 200px;
height: inherit;
position: absolute;
top: 0;
right: 20px;
z-index: 10;
background-color: rgba(255,255,255,0.75)
}
.oldie .te-product-carousel .carousel-navigation-wrapper {
background-color: #ffffff
}
.te-product-carousel .carousel-navigation-wrapper .navigation-arrow[aria-label="up"] {
border-bottom: 1px solid #ededee
}
.te-product-carousel .carousel-navigation-wrapper .navigation-arrow[aria-label="down"] {
border-top: 1px solid #ededee
}
.te-product-carousel .carousel-navigation-wrapper .navigation-arrow.disabled .icon {
color: #ccc
}
.te-product-carousel .carousel-navigation-wrapper .slider-btn-container {
height: inherit;
position: relative;
overflow: hidden
}
.te-product-carousel .carousel-navigation-wrapper .slider-btn-container.fix-height {
height: 400px
}
.te-product-carousel .carousel-navigation-wrapper .slider-btn-scroll-area {
width: 100%;
position: absolute;
top: 0;
left: 0;
-webkit-transition: top .25s ease-out;
transition: top .25s ease-out;
text-align: left
}
.te-product-carousel .carousel-navigation-wrapper .slider-btn-scroll-area li {
margin: 0;
line-height: 1.25;
display: block;
float: none !important
}
.te-product-carousel .carousel-navigation-wrapper .slider-btn-scroll-area a {
padding: 10px 20px;
display: block;
border-bottom: 1px solid #ededee;
white-space: normal;
max-height: 7em;
overflow: hidden;
color: #0066a1
}
.te-product-carousel .carousel-navigation-wrapper .slider-btn-scroll-area a.active {
color: #3db7e4
}
.te-product-carousel .carousel-navigation-wrapper .slider-btn-scroll-area li:last-child a {
border-bottom: 0 none
}
.product-carousel {
margin-bottom: 40px
}
.industry-landing-page-content {
background-color: #f7f7f7
}
.te-promo-grid,.promo-mosaic,.product-promo-grid,.promo-row-content {
position: relative;
width: 960px;
margin-left: -10px
}
@media (max-width: 719px) {
body.responsive .te-promo-grid,body.responsive .promo-mosaic,body.responsive .product-promo-grid,body.responsive .promo-row-content {
width:100%;
margin: 0
}
}
.te-promo-grid .te-promo-grid-head,.promo-mosaic .te-promo-grid-head,.product-promo-grid .te-promo-grid-head,.promo-row-content .te-promo-grid-head {
width: 100%;
padding: 0 10px;
text-align: center;
position: relative
}
.te-promo-grid .te-flexrule-wrap,.promo-mosaic .te-flexrule-wrap,.product-promo-grid .te-flexrule-wrap,.promo-row-content .te-flexrule-wrap {
position: absolute;
top: 18px;
width: 98%
}
.te-promo-grid .te-flexrule-wrap .te-flexrule,.promo-mosaic .te-flexrule-wrap .te-flexrule,.product-promo-grid .te-flexrule-wrap .te-flexrule,.promo-row-content .te-flexrule-wrap .te-flexrule {
width: 100%;
display: block;
border-top: 1px solid #ccc
}
.te-promo-grid h3.promo-grid-title,.promo-mosaic h3.promo-grid-title,.product-promo-grid h3.promo-grid-title,.promo-row-content h3.promo-grid-title {
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
display: inline-block;
text-transform: uppercase;
white-space: nowrap;
padding: 10px 32px;
color: #747678;
position: relative;
z-index: 3;
background-color: #f7f7f7;
line-height: 1em
}
.ie7 .te-promo-grid h3.promo-grid-title,.ie7 .promo-mosaic h3.promo-grid-title,.ie7 .product-promo-grid h3.promo-grid-title,.ie7 .promo-row-content h3.promo-grid-title {
display: inline;
zoom:1}
.te-promo-grid h2.promo-grid-title,.promo-mosaic h2.promo-grid-title,.product-promo-grid h2.promo-grid-title,.promo-row-content h2.promo-grid-title {
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
display: inline-block;
text-transform: uppercase;
white-space: nowrap;
padding: 10px 32px;
color: #747678;
position: relative;
z-index: 3;
background-color: #f7f7f7;
line-height: 1em
}
.ie7 .te-promo-grid h2.promo-grid-title,.ie7 .promo-mosaic h2.promo-grid-title,.ie7 .product-promo-grid h2.promo-grid-title,.ie7 .promo-row-content h2.promo-grid-title {
display: inline;
zoom:1}
@media (max-width: 719px) {
body.responsive .te-promo-content {
background-color:#f7f7f7;
width: auto;
max-width: none;
margin: -20px -7vw 0;
padding: 3.5vw
}
body.responsive .te-promo-content .floating-wrapper {
margin-bottom: 3.5vw;
width: 100%;
float: none
}
body.responsive .te-promo-content .floating-wrapper:last-child {
margin-bottom: 0
}
}
.promo-row-content {
margin-left: -5px
}
.product-promo-grid .wrapper.center {
max-width: 640px;
margin: 0 auto
}
.content-module-container h3.promo-grid-title {
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
display: inline-block;
text-transform: uppercase;
white-space: nowrap;
padding: 10px 32px 20px 32px;
color: #747678;
position: relative;
z-index: 3;
background-color: #ffffff
}
.ie7 .content-module-container h3.promo-grid-title {
display: inline;
zoom:1}
.content-module-container h2.promo-grid-title {
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
display: inline-block;
text-transform: uppercase;
white-space: nowrap;
padding: 10px 32px 20px 32px;
color: #747678;
position: relative;
z-index: 3;
background-color: #ffffff
}
.ie7 .content-module-container h2.promo-grid-title {
display: inline;
zoom:1}
.content-module-container .compact-promo h3.promo-grid-title {
padding: 10px 32px
}
.promo-mosaic {
margin: 20px 0 50px -10px;
position: relative
}
.promo-mosaic .te-promo-content {
min-height: 620px
}
@media (max-width: 719px) {
body.responsive .promo-mosaic .te-promo-content {
min-height:inherit
}
}
.promo-mosaic .promo-column {
width: 33.33%;
padding: 0 10px;
position: absolute
}
.promo-mosaic .promo-column.left {
left: 0
}
.promo-mosaic .promo-column.middle {
left: 33.33%
}
.promo-mosaic .promo-column.right {
right: 0
}
.te-promo .container {
height: 100%
}
.te-promo .container .promo-media {
float: left;
overflow: hidden
}
.te-promo .container .promo-media img {
width: 100%
}
@media (max-width: 719px) {
body.responsive .te-promo .container .promo-media {
float:none
}
body.responsive .te-promo .container .promo-media img {
width: auto;
max-height: 255px;
display: block;
margin: 0 auto
}
}
.te-promo .container .promo-content {
position: relative;
float: left;
color: #ffffff;
background-color: #ffffff;
padding: 35px 0 70px;
height: 100%;
min-width: 300px;
overflow: hidden
}
@media (max-width: 719px) {
body.responsive .te-promo .container .promo-content {
height:auto
}
}
@media (max-width: 736px) and (orientation:landscape) {
body.responsive .te-promo .container .promo-content {
min-width:inherit
}
}
.te-promo .container .promo-content .content-type {
padding: 0 20px;
font: 500 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
text-transform: uppercase;
color: #ffffff
}
.te-promo .container .promo-content h3,.te-promo .container .promo-content .promo-content-title {
padding: 0 20px;
font: 900 22px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.375rem;
line-height: 1.23076923;
text-transform: uppercase
}
.te-promo .container .promo-content p {
padding: 0 20px;
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.57142857
}
.te-promo .container .promo-content .follow-link i {
color: #42474c
}
@media (max-width: 719px) {
body.responsive .te-promo .container .promo-content .follow-link i {
color:#0066a1
}
}
.te-promo .container a:hover .follow-link i,.te-promo .container a:focus .follow-link i {
color: #3db7e4
}
.te-promo .follow-link {
position: absolute;
height: 70px;
width: 70px;
bottom: 0;
right: 0;
border-top: 1px solid #ededee;
border-left: 1px solid #ededee
}
.te-promo .follow-link span,.te-promo .follow-link a {
display: table;
height: 100%;
width: 100%;
text-align: center;
vertical-align: middle
}
.te-promo .follow-link span i,.te-promo .follow-link a i {
display: table-cell;
vertical-align: middle
}
.te-promo .link-fields {
position: absolute;
bottom: 0;
height: 68px;
overflow: hidden;
padding: 0 20px
}
.te-promo .link-fields i {
margin-right: 5px
}
@media (min-width: 720px) {
body.responsive .te-promo.te-product-promo {
width:320px;
padding: 10px;
overflow: hidden
}
}
.te-promo.te-product-promo .container {
border: 1px solid #ededee
}
.te-promo.te-product-promo .container:before,.te-promo.te-product-promo .container:after {
content: "";
display: table
}
.te-promo.te-product-promo .container:after {
clear: both
}
.ie6 .te-promo.te-product-promo .container,.ie7 .te-promo.te-product-promo .container {
zoom:1}
@media (min-width: 720px) {
body.responsive .te-promo.te-product-promo .container {
width:298px;
display: inline-block
}
}
.te-promo.te-product-promo .container .promo-media {
width: 100%;
max-width: 298px;
height: 255px;
background-color: #ffffff
}
@media (max-width: 719px) {
body.responsive .te-promo.te-product-promo .container .promo-media {
max-width:none
}
}
.te-promo.te-product-promo .container .promo-content {
height: 365px;
width: 100%;
max-width: 298px;
min-width: 0;
padding: 20px 0 0;
color: #747678
}
@media (max-width: 719px) {
body.responsive .te-promo.te-product-promo .container .promo-content {
max-width:none
}
}
.te-promo.te-product-promo .container .promo-content .content-wrapper {
max-height: 275px;
overflow: hidden
}
@media (max-width: 719px) {
body.responsive .te-promo.te-product-promo .container .promo-content .content-wrapper {
height:auto;
max-height: none;
padding-bottom: 90px
}
}
.te-promo.te-product-promo .container .promo-content .content-wrapper .truncate {
max-height: 275px;
overflow: hidden;
word-wrap: normal !important
}
.te-promo.te-product-promo .container .promo-content h3,.te-promo.te-product-promo .container .promo-content .promo-content-title {
padding: 6px 20px;
color: #e98300;
font: 900 22px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.375rem;
text-transform: uppercase;
line-height: 1.2
}
.te-promo.te-product-promo .container .promo-content p {
padding: 0 20px;
font: 500 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.te-promo.te-product-promo .container .promo-content .eyebrow {
padding: 0 20px;
font: 500 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
min-height: 19px;
color: #3f4348;
text-transform: uppercase
}
.te-promo.te-product-promo a:hover .follow-link i,.te-promo.te-product-promo a:focus .follow-link i {
color: #3db7e4
}
.te-promo.te-tall-promo {
height: 620px;
overflow: hidden;
position: relative
}
.te-promo.te-tall-promo .container .promo-media {
position: absolute;
width: 100%;
height: 255px;
background-color: #ffffff
}
.te-promo.te-tall-promo .container .promo-content {
position: absolute;
height: 365px
}
.te-promo.te-tall-promo .container .promo-content .truncate {
max-height: 263px;
overflow: hidden;
word-wrap: normal !important
}
.te-promo.te-tall-promo.top .container .promo-content {
top: 230px;
position: relative;
background: #0066a1;
margin: 25px 0 0 0
}
.te-promo.te-tall-promo.top .container .promo-content:after,.te-promo.te-tall-promo.top .container .promo-content:before {
bottom: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none
}
.te-promo.te-tall-promo.top .container .promo-content:after {
border-color: transparent;
border-bottom-color: #0066a1;
border-width: 25px;
left: 39px;
margin-left: -25px
}
.te-promo.te-tall-promo.bottom .container .promo-media {
top: 365px
}
.te-promo.te-tall-promo.bottom .container .promo-content {
color: #747678;
position: relative;
background: #d6e342;
margin: 0 0 25px 0
}
.te-promo.te-tall-promo.bottom .container .promo-content:after,.te-promo.te-tall-promo.bottom .container .promo-content:before {
top: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none
}
.te-promo.te-tall-promo.bottom .container .promo-content:after {
border-color: transparent;
border-top-color: #d6e342;
border-width: 25px;
left: 39px;
margin-left: -25px
}
.te-promo.te-tall-promo.bottom .container .promo-content .content-type {
color: #3f4348
}
.te-promo.te-small-promo-top {
height: 300px;
overflow: hidden;
margin-bottom: 20px
}
.te-promo.te-small-promo-top .container .promo-media {
display: none
}
.te-promo.te-small-promo-top .container .promo-content {
background-color: #666
}
.te-promo.te-small-promo-top .container .promo-content .truncate {
max-height: 200px;
overflow: hidden;
word-wrap: normal !important
}
.te-promo.te-small-promo-bottom {
height: 300px;
overflow: hidden
}
.te-promo.te-small-promo-bottom .container .promo-media {
display: none
}
.te-promo.te-small-promo-bottom .container .promo-content {
background-color: #999
}
.te-promo.te-small-promo-bottom .container .promo-content .truncate {
max-height: 200px;
overflow: hidden;
word-wrap: normal !important
}
.te-promo.te-tall-promo .column-note,.te-promo.te-small-promo-top .column-note,.te-promo.te-small-promo-bottom .column-note {
position: absolute;
background-color: #ccc;
color: #42474c;
opacity: .7;
line-height: 20px;
padding: 5px 10px;
z-index: 2
}
.te-promo.te-tall-promo .container .promo-content,.te-promo.te-small-promo-top .container .promo-content,.te-promo.te-small-promo-bottom .container .promo-content {
padding: 30px 0;
width: 100%
}
.te-promo.te-tall-promo .container .follow-link,.te-promo.te-small-promo-top .container .follow-link,.te-promo.te-small-promo-bottom .container .follow-link {
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff
}
.te-promo.te-tall-promo .container .follow-link i,.te-promo.te-small-promo-top .container .follow-link i,.te-promo.te-small-promo-bottom .container .follow-link i {
color: #ffffff !important
}
.te-promo.te-tall-promo .container a:hover .follow-link i,.te-promo.te-small-promo-top .container a:hover .follow-link i,.te-promo.te-small-promo-bottom .container a:hover .follow-link i,.te-promo.te-tall-promo .container a:focus .follow-link i,.te-promo.te-small-promo-top .container a:focus .follow-link i,.te-promo.te-small-promo-bottom .container a:focus .follow-link i {
color: #3db7e4 !important
}
.te-promo.te-promo-crafted.small .container,.te-promo.te-promo-crafted.medium .container,.te-promo.te-promo-crafted.large .container {
position: relative
}
.te-promo.te-promo-crafted.small .container .promo-media,.te-promo.te-promo-crafted.medium .container .promo-media,.te-promo.te-promo-crafted.large .container .promo-media {
overflow: hidden;
height: 280px;
max-height: 280px
}
.te-promo.te-promo-crafted.small .container .promo-media img,.te-promo.te-promo-crafted.medium .container .promo-media img,.te-promo.te-promo-crafted.large .container .promo-media img {
width: auto;
height: 280px;
min-width: 100%
}
.te-promo.te-promo-crafted.small .container a:hover .follow-link i,.te-promo.te-promo-crafted.medium .container a:hover .follow-link i,.te-promo.te-promo-crafted.large .container a:hover .follow-link i,.te-promo.te-promo-crafted.small .container a:focus .follow-link i,.te-promo.te-promo-crafted.medium .container a:focus .follow-link i,.te-promo.te-promo-crafted.large .container a:focus .follow-link i {
color: #3db7e4
}
.te-promo.te-promo-crafted.small .promo-content .content-wrapper,.te-promo.te-promo-crafted.medium .promo-content .content-wrapper,.te-promo.te-promo-crafted.large .promo-content .content-wrapper {
max-height: 172px;
overflow: hidden;
word-wrap: normal !important
}
.te-promo.te-promo-crafted.small .promo-content .content-type,.te-promo.te-promo-crafted.medium .promo-content .content-type,.te-promo.te-promo-crafted.large .promo-content .content-type {
color: #3f4348
}
.te-promo.te-promo-crafted.large .container .promo-media {
overflow: visible
}
.te-promo.te-promo-crafted.large .container .promo-content .content-wrapper {
max-height: 232px
}
.te-promo.te-promo-crafted.large .container .promo-content .content-type {
color: #ffffff
}
.te-promo.te-promo-lead {
width: 100%
}
.te-promo.te-promo-lead .container {
height: 340px
}
.te-promo.te-promo-lead .container:before,.te-promo.te-promo-lead .container:after {
content: "";
display: table
}
.te-promo.te-promo-lead .container:after {
clear: both
}
.ie6 .te-promo.te-promo-lead .container,.ie7 .te-promo.te-promo-lead .container {
zoom:1}
.te-promo.te-promo-lead .container .promo-media {
float: right;
margin-left: -25px;
width: 470px;
height: 340px;
background-color: #ffffff
}
.te-promo.te-promo-lead .container .promo-media .image-wrap img {
width: 100%;
height: 340px
}
.te-promo.te-promo-lead .container .promo-content {
background-color: #e98300;
float: right;
width: 470px;
height: 340px;
padding: 30px 10px;
position: relative;
background: #e98300;
margin: 0 25px 0 0
}
.te-promo.te-promo-lead .container .promo-content:after,.te-promo.te-promo-lead .container .promo-content:before {
left: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none
}
.te-promo.te-promo-lead .container .promo-content:after {
border-color: transparent;
border-left-color: #e98300;
border-width: 25px;
top: 53px;
margin-top: -25px
}
.te-promo.te-promo-lead .container .promo-content .content-wrapper {
max-height: 220px;
overflow: hidden
}
.te-promo.te-promo-lead .container .promo-content .truncate {
max-height: 235px;
overflow: hidden;
word-wrap: normal !important
}
.te-promo.te-promo-lead .container .promo-content h3,.te-promo.te-promo-lead .container .promo-content .promo-content-title {
font: 900 32px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 2rem
}
.te-promo.te-promo-lead .container .promo-content p {
font: 500 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
padding: 20px 50px 0 20px
}
.te-promo.te-promo-lead .container .promo-content .follow-link {
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff
}
.te-promo.te-promo-lead .container .promo-content .follow-link i {
color: #f7f7f7
}
.te-promo.te-promo-lead .container a:hover .promo-content .follow-link i,.te-promo.te-promo-lead .container a:focus .promo-content .follow-link i {
color: #3db7e4
}
.te-promo.te-promo-video.large {
width: 940px;
padding: 10px 0;
padding-bottom: 0
}
.te-promo.te-promo-video.large#te-modal-video-transcript {
width: 100%;
padding: 10px 40px
}
.te-promo.te-promo-video.large .container {
height: 364px;
border-top: 1px solid #ededee
}
.te-promo.te-promo-video.large .container .promo-media {
float: left;
width: 65.95744681%;
margin-right: 0;
float: right;
height: auto
}
.te-promo.te-promo-video.large .container .promo-media .image-wrap .video-image-crop {
display: block;
max-height: 340px;
overflow: hidden
}
.te-promo.te-promo-video.large .container .promo-media .image-wrap img {
width: 100%;
max-height: 100%;
display: block
}
.te-promo.te-promo-video.large .container .promo-content {
float: left;
width: 31.91489362%;
margin-right: 2.12765957%;
background-color: transparent;
padding: 40px 0 0 0;
max-height: 362px
}
.te-promo.te-promo-video.large .container .promo-content h2,.te-promo.te-promo-video.large .container .promo-content h3,.te-promo.te-promo-video.large .container .promo-content .promo-content-title {
font: 900 22px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.375rem;
padding: 0;
text-transform: uppercase;
color: #e98300
}
.te-promo.te-promo-video.large .container .promo-content h2 a,.te-promo.te-promo-video.large .container .promo-content h3 a,.te-promo.te-promo-video.large .container .promo-content .promo-content-title a {
color: #e98300
}
.te-promo.te-promo-video.large .container .promo-content p {
font: 500 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
line-height: 1.57142857;
color: #3f4348;
padding: 10px 0
}
.te-promo.te-promo-video.large .container .promo-content .icon-plus,.te-promo.te-promo-video.large .container .promo-content .icon-minus {
padding-right: 8px
}
.te-promo.te-promo-video.large .container .promo-content .te-expand-control {
font: 200 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
padding-top: 20px;
left: 0;
display: block
}
.te-promo.te-promo-video.large .container .promo-content .te-expand-control li {
display: inline
}
.te-promo.te-promo-video.large .secondary-videos {
margin-bottom: 10px
}
.te-promo.te-promo-video.large .secondary-videos ul li {
float: left;
width: 31.91489362%;
margin-right: 2.12765957%
}
.te-promo.te-promo-video.large .secondary-videos ul li.last {
float: left;
width: 31.91489362%;
margin-right: 0;
float: right
}
.te-promo.te-promo-video.large .secondary-videos ul li .image-wrap {
width: 100%;
height: 168px;
overflow: hidden;
margin-bottom: 15px
}
.te-promo.te-promo-video.large .secondary-videos ul li .image-wrap img {
width: 100%
}
.te-promo.te-promo-video.large .secondary-videos ul li .image-wrap .te-play-button {
height: 48px;
width: 48px;
margin-left: -24px;
margin-top: -24px
}
.te-promo.te-promo-video.large .secondary-videos ul li .image-wrap .te-play-button i.icon {
font-size: 24px;
font-size: 1.5rem;
padding: 12px 0
}
.te-promo.te-promo-video.large .secondary-videos ul li h4.caption {
font: 500 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
color: #0066a1
}
.te-promo.te-promo-video.large .te-video-transcript.rte-output {
clear: both;
float: left;
width: 65.95744681%;
margin-right: 0;
float: right;
margin-left: 34.04255319%;
overflow: hidden;
font: 500 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
line-height: 2.14285714;
float: none;
outline: 0
}
.te-promo.te-promo-video.large .te-video-transcript.rte-output p {
font: 500 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.te-promo.te-promo-video.large .image-wrap {
position: relative;
min-height: 100px
}
.te-promo.te-promo-video.large .image-wrap .te-play-button {
display: block;
position: relative;
height: 72px;
width: 72px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -36px;
margin-top: -36px;
text-align: center;
cursor: pointer
}
.te-promo.te-promo-video.large .image-wrap .te-play-button i.icon {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
color: #ffffff;
font-size: 36px;
font-size: 2.25rem;
padding: 18px 0;
display: block;
position: relative;
z-index: 2
}
.te-promo.te-promo-video.large .image-wrap .te-play-button b.bg-opacity-50 {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: #3f4348;
-moz-opacity: .5;
-khtml-opacity: .5;
-webkit-opacity: .5;
opacity: .5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
filter: alpha(opacity=50)
}
.te-promo.te-promo-video.large .image-wrap .te-play-button:hover i.icon,.te-promo.te-promo-video.large .image-wrap .te-play-button:active i.icon,.te-promo.te-promo-video.large .image-wrap .te-play-button:focus i.icon {
color: #3db7e4
}
.te-promo.te-promo-video.large .image-wrap .te-video-wrap {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 3
}
.te-promo.te-promo-video.large .image-wrap .te-video-wrap>span {
display: block !important
}
.te-promo.te-promo-video.large .image-wrap .te-video-wrap .BrightcoveExperience {
width: 100%
}
.te-promo.small {
width: 320px;
padding: 10px
}
.te-promo.small .container {
height: 280px
}
.te-promo.small .container .promo-content {
position: relative;
overflow: hidden;
width: 300px
}
.te-promo.small .container .promo-content h3,.te-promo.small .container .promo-content .promo-content-title {
color: #e98300
}
.te-promo.small .container .promo-content p {
color: #3f4348;
margin: 10px 0
}
.te-promo.small .container .promo-media {
display: none
}
.te-promo.small .link-fields {
max-width: 190px
}
.te-promo.medium {
width: 640px;
padding: 10px
}
.te-promo.medium .container {
height: 280px
}
.te-promo.medium .container:before,.te-promo.medium .container:after {
content: "";
display: table
}
.te-promo.medium .container:after {
clear: both
}
.ie6 .te-promo.medium .container,.ie7 .te-promo.medium .container {
zoom:1}
.te-promo.medium .container .promo-media {
width: 240px
}
.te-promo.medium .container .promo-content {
width: 380px;
float: left;
overflow: hidden
}
.te-promo.medium .container .promo-content h3,.te-promo.medium .container .promo-content .promo-content-title {
color: #e98300
}
.te-promo.medium .container .promo-content p {
color: #3f4348;
margin: 10px 0
}
.te-promo.medium .link-fields {
left: 240px;
max-width: 260px
}
.te-promo.large {
width: 960px;
padding: 10px
}
.te-promo.large .container {
height: 340px
}
.te-promo.large .container:before,.te-promo.large .container:after {
content: "";
display: table
}
.te-promo.large .container:after {
clear: both
}
.ie6 .te-promo.large .container,.ie7 .te-promo.large .container {
zoom:1}
.te-promo.large .container .promo-media {
overflow: visible;
width: 470px;
height: 340px;
max-height: 340px;
background-color: #ffffff
}
.te-promo.large .container .promo-media .image-wrap {
display: block
}
*>.te-promo.large .container .promo-media .image-wrap {
position: relative
}
.te-promo.large .container .promo-media .image-wrap:before {
height: 5px;
width: 100%;
background-color: #0073ae;
border-left: 60px solid #f28b00;
position: absolute;
display: block;
top: -5px;
content: "";
z-index: inherit
}
.te-promo.large .container .promo-media .image-wrap img {
width: 100%;
height: auto;
max-height: 340px
}
.te-promo.large .container .promo-content {
background-color: #e98300;
padding: 35px 20px;
width: 470px;
float: left;
height: 340px;
max-height: 340px;
overflow: hidden
}
.te-promo.large .container .promo-content h3,.te-promo.large .container .promo-content .promo-content-title {
font: 900 28px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.75rem;
padding: 0 20px
}
.te-promo.large .container .promo-content p {
font: 500 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
padding: 20px 50px 0 20px
}
.te-promo.large .container .promo-content .follow-link {
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff
}
.te-promo.large .container .promo-content .follow-link i {
color: #f7f7f7
}
.te-promo.large .link-fields {
padding: 0 20px 0 40px;
left: 470px;
max-width: 340px
}
.primary-video {
border-bottom: 1px solid #ededee;
margin-bottom: 50px
}
.primary-video .te-promo.te-promo-video.large.expanded-view .te-video-transcript {
margin-top: 10px;
margin-bottom: 10px
}
.primary-video .te-promo.te-promo-video.large.expanded-view .te-video-transcript.rte-output {
max-height: 304px;
overflow: auto
}
@media (max-width: 719px) {
body.responsive .primary-video .te-promo.te-promo-video.large.expanded-view .te-video-transcript.rte-output[aria-expanded="true"] {
padding:7vw;
max-height: 240px
}
}
.te-rendition-content .te-promo.te-promo-video.large .container {
border-bottom: 1px solid #ededee
}
.expanded-view .te-rendition-content .te-promo.te-promo-video.large .container {
border-bottom: 1px solid transparent
}
.te-rendition-content .te-promo.te-promo-video.large.expanded-view .te-video-transcript {
margin-top: 10px;
margin-bottom: 10px
}
.te-rendition-content .te-promo.te-promo-video.large.expanded-view .te-video-transcript.rte-output {
max-height: 144px;
overflow: auto
}
@media (max-width: 719px) {
body.responsive .te-rendition-content .te-promo.te-promo-video.large.expanded-view .te-video-transcript.rte-output {
width:100%;
float: none;
margin: 20px 7vw;
max-height: 100%
}
}
.promo-border .te-promo .container {
border: 1px solid #ededee
}
.promo-border .te-promo .container .promo-content {
min-width: 298px
}
.promo-border .te-promo.medium .container .promo-media {
width: 239px
}
.promo-border .te-promo.medium .container .promo-content {
width: 379px
}
.promo-border .te-promo.large .container {
border: none
}
@media (max-width: 719px) {
body.responsive #te-video-transcript {
width:auto;
margin: 0
}
body.responsive .addthis-te-video-wrapper {
display: none
}
body.responsive .te-promo-video.large {
width: auto;
margin: 0 -7vw;
padding: 0
}
body.responsive .te-promo-video.large .container {
height: auto;
display: -webkit-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-flex-wrap: wrap-reverse;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse
}
body.responsive .te-promo-video.large .container .promo-content {
float: none;
width: 100%;
margin: 0;
max-height: none;
height: auto;
padding: 7vw
}
body.responsive .te-promo-video.large .container .promo-media {
float: none;
width: 100%;
max-width: 100%;
height: auto !important;
max-height: none !important
}
body.responsive .te-promo-video.large .secondary-videos ul li .image-wrap {
height: auto;
padding: 0 7vw
}
body.responsive .te-promo-video.large .secondary-videos ul li .image-wrap img {
width: auto;
max-height: 320px;
max-width: 100%
}
body.responsive .te-promo-video.large .secondary-videos ul li:first-child {
padding-top: 40px
}
body.responsive .te-promo-video.large .secondary-videos ul li,body.responsive .te-promo-video.large .secondary-videos ul li.last {
float: none;
width: 100%;
margin: 0
}
body.responsive .te-promo-video.large .secondary-videos ul li h4.caption,body.responsive .te-promo-video.large .secondary-videos ul li.last h4.caption {
padding: 0 7vw 30px
}
body.responsive .te-promo-video .primary-video {
margin-bottom: 0
}
}
@media (max-width: 719px) {
body.responsive #modal-content #te-modal-video-transcript {
padding:0;
margin: 0
}
body.responsive #modal-content #te-modal-video-transcript.te-video-transcript.expand-panel.rte-output {
width: 100%
}
body.responsive #modal-content #te-modal-video-transcript.te-video-transcript.expand-panel.rte-output[aria-expanded="true"] {
max-height: none;
padding: 7vw;
-webkit-overflow-scrolling: touch
}
body.responsive #modal-content .image-wrap {
height: 0;
padding-bottom: 56.25%;
top: 4px
}
body.responsive #modal-content iframe {
position: absolute;
width: 100%;
height: 100%
}
}
.promo-ref {
display: inline-block
}
.promo-ref .promo-ref-sm {
width: 313px;
padding: 10px
}
.promo-ref .promo-ref-sm .container {
height: 280px
}
.promo-ref .promo-ref-sm .container .promo-content {
position: relative;
background-color: #42474c;
color: #fff;
padding: 35px 20px;
height: 100%;
overflow: hidden
}
.promo-ref .promo-ref-sm .container .promo-content h3,.promo-ref .promo-ref-sm .container .promo-content .promo-content-title {
font: 900 22px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.375rem;
text-transform: uppercase
}
.promo-ref .promo-ref-sm .container .promo-content p {
font: 200 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
margin: 10px 0
}
.promo-ref .promo-ref-sm .container .promo-content .follow-link i {
color: #f7f7f7
}
.promo-ref .promo-ref-sm .container .promo-media {
display: none
}
.promo-ref .promo-ref-md {
width: 626px;
padding: 10px
}
.promo-ref .promo-ref-md .container {
height: 280px
}
.promo-ref .promo-ref-md .container:before,.promo-ref .promo-ref-md .container:after {
content: "";
display: table
}
.promo-ref .promo-ref-md .container:after {
clear: both
}
.ie6 .promo-ref .promo-ref-md .container,.ie7 .promo-ref .promo-ref-md .container {
zoom:1}
.promo-ref .promo-ref-md .container .promo-media {
float: left;
width: 240px;
overflow: hidden
}
.promo-ref .promo-ref-md .container .promo-media img {
width: 240px
}
.promo-ref .promo-ref-md .container .promo-content {
position: relative;
background-color: #FFFFFF;
padding: 35px 20px;
width: 365px;
float: left;
height: 100%;
overflow: hidden
}
.promo-ref .promo-ref-md .container .promo-content h3,.promo-ref .promo-ref-md .container .promo-content .promo-content-title {
font: 900 22px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.375rem;
color: #e98300;
text-transform: uppercase
}
.promo-ref .promo-ref-md .container .promo-content p {
font: 500 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
color: #666;
margin: 10px 0
}
.promo-ref .promo-ref-md .container .promo-content .follow-link i {
color: #42474c
}
.promo-ref .promo-ref-lg {
width: 939px;
padding: 10px
}
.promo-ref .promo-ref-lg .container {
height: 280px
}
.promo-ref .promo-ref-lg .container:before,.promo-ref .promo-ref-lg .container:after {
content: "";
display: table
}
.promo-ref .promo-ref-lg .container:after {
clear: both
}
.ie6 .promo-ref .promo-ref-lg .container,.ie7 .promo-ref .promo-ref-lg .container {
zoom:1}
.promo-ref .promo-ref-lg .container .promo-media {
float: left;
width: 460px;
height: 280px;
background-color: #ffffff
}
.promo-ref .promo-ref-lg .container .promo-media .image-wrap {
display: block
}
*>.promo-ref .promo-ref-lg .container .promo-media .image-wrap {
position: relative
}
.promo-ref .promo-ref-lg .container .promo-media .image-wrap:before {
height: 5px;
width: 100%;
background-color: #0073ae;
border-left: 60px solid #f28b00;
position: absolute;
display: block;
top: -5px;
content: "";
z-index: inherit
}
.promo-ref .promo-ref-lg .container .promo-media .image-wrap img {
width: 460px;
max-height: 280px
}
.promo-ref .promo-ref-lg .container .promo-content {
position: relative;
background-color: #e98300;
padding: 40px;
width: 459px;
float: left;
height: 280px;
overflow: hidden;
color: #ffffff
}
.promo-ref .promo-ref-lg .container .promo-content h3,.promo-ref .promo-ref-lg .container .promo-content .promo-content-title {
font: 900 32px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 2rem;
text-transform: uppercase
}
.promo-ref .promo-ref-lg .container .promo-content p {
font: 200 22px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.375rem;
padding: 20px 0
}
.promo-ref .promo-ref-lg .container .promo-content .follow-link i {
color: #f7f7f7
}
.te-am-registration-page {
background-color: #ededee;
margin: -4px 0 -20px 0;
min-height: 100%;
position: relative;
min-height: 600px
}
.te-am-registration-page:before {
z-index: 15;
min-height: 100%;
background: transparent url('../../images/loading-anim.gif') no-repeat center;
position: relative;
width: 100%;
content: "";
position: absolute;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s ease .3s,opacity .3s linear;
transition: visibility 0s ease .3s,opacity .3s linear;
margin-top: 12px
}
html.oldie .te-am-registration-page:before {
height: 100%
}
.te-am-registration-page.loader {
display: block !important;
z-index: 15
}
html.oldie .te-am-registration-page.loader {
height: 100%
}
.te-am-registration-page.loader:before {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.am-form-wrapper-left-reg-page {
margin-left: auto;
margin-right: 0;
width: 380px;
border: 0;
outline: none
}
.am-form-wrapper-left-reg-page h1 {
margin: 0 0 20px 10px
}
.am-form-wrapper-left-reg-page i.icon.reg-confirm-yes {
display: none;
margin: 0 0 0 5px;
background: #d6e342;
color: white;
padding: 2px;
border-radius: 50%
}
.am-form-wrapper-left-reg-page i.icon.reg-confirm-no {
display: none;
margin: 0 0 0 5px;
background: #cd202c;
color: white;
font-size: 50%;
padding: 4px;
border-radius: 50%;
font-weight: bold
}
.am-form-wrapper-left-reg-page label {
display: block;
font: 400 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #3f4348;
margin: 0 0 5px 0
}
.am-form-wrapper-left-reg-page label.am-label-checks {
font: 900 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem
}
.am-form-wrapper-left-reg-page input[type=text],.am-form-wrapper-left-reg-page input[type=password] {
display: inline;
margin: 5px 0 10px 0;
height: 30px;
width: 380px
}
.am-form-wrapper-left-reg-page label input {
display: inline;
margin: 0 3px 0 0
}
.am-form-wrapper-left-reg-page a.login-button {
float: none;
margin: 30px 0 0 0
}
.am-form-wrapper-left-reg-page .error-text {
font: 900 10px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.625rem;
color: #cd202c;
width: 200px;
display: none;
margin: 0 0 20px 0
}
.am-form-wrapper-left-reg-page .error-field {
border: 1px solid #cd202c
}
.am-form-wrapper-left-reg-page .show-error {
display: none
}
.am-form-wrapper-left-reg-page p {
text-align: left;
margin: 10px 0 0 0;
font: 500 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem
}
.am-form-wrapper-left-reg-page .reg-password-reminder {
font: 400 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
margin: 5px 0 10px 0
}
.am-form-wrapper-right-reg-page {
margin: 0 0 0 20px;
border: 0;
outline: none
}
.am-form-wrapper-right-reg-page label {
display: block;
font: 400 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #3f4348;
margin: 0 0 5px 0
}
.am-form-wrapper-right-reg-page label.am-label-checks {
font: 900 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem
}
.am-form-wrapper-right-reg-page input[type=text],.am-form-wrapper-right-reg-page input[type=password] {
display: inline;
margin: 5px 0 10px 0;
height: 30px;
width: 380px
}
.am-form-wrapper-right-reg-page label input {
display: inline;
margin: 0 3px 0 0
}
.am-form-wrapper-right-reg-page a.login-button {
float: none;
margin: 30px 0 0 0
}
.am-form-wrapper-right-reg-page .error-text {
font: 900 10px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.625rem;
color: #cd202c;
width: 200px;
display: none;
margin: 0 0 20px 0
}
.am-form-wrapper-right-reg-page .error-field {
border: 1px solid #cd202c
}
.am-form-wrapper-right-reg-page select {
margin: 5px 0 10px 0;
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
color: #666;
display: inline;
width: 380px;
height: 30px
}
.am-form-wrapper-right-reg-page .show-error {
display: none
}
.am-form-wrapper-right-reg-page p {
text-align: left;
margin: 10px 0 0 0;
font: 500 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem
}
.am-form-wrapper-right-reg-page i.icon.reg-confirm-yes {
display: none;
margin: 0 0 0 5px;
background: #d6e342;
color: white;
padding: 2px;
border-radius: 50%
}
.am-form-wrapper-right-reg-page i.icon.reg-confirm-no {
display: none;
margin: 0 0 0 5px;
background: #cd202c;
color: white;
font-size: 50%;
padding: 4px;
border-radius: 50%;
font-weight: bold
}
.am-reg-header {
text-align: center;
padding: 10px
}
.am-reg-header h1 {
margin: 30px 0
}
.am-reg-cta-section {
padding-top: 10px;
clear: both;
width: 800px;
margin: 0 auto;
min-height: 400px;
border: 0;
outline: none;
font: 500 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem
}
.am-reg-cta-section .am-reg-cta-section-item {
margin: 10px 0;
margin-left: 430px
}
.am-reg-cta-section .am-reg-cta-section-item label {
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
color: #3f4348
}
.am-reg-cta-section .reg-button-wrapper {
margin: 20px auto;
width: 300px;
padding-bottom: 100px
}
.am-reg-cta-section .reg-button-wrapper .reg-button {
clear: both;
margin: 15px 0;
height: 40px
}
.am-reg-cta-section .reg-button-wrapper .reg-button .reg-btn-cancel {
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
width: 300px;
height: 50px;
text-transform: uppercase;
line-height: 30px
}
.am-reg-cta-section .reg-button-wrapper .reg-button .reg-btn-disabled {
cursor: default;
background: #ccc;
border: #ccc
}
.am-reg-consent {
display: table
}
.am-reg-consent .am-reg-consent-item {
display: table-cell
}
.te-am-reg-conf-page .am-reg-conf-title-wrapper {
margin: -5px 0 0 0;
width: 100%;
height: 200px;
text-align: center;
padding: 40px;
background: #ededee
}
.te-am-reg-conf-page .am-reg-conf-title-wrapper h1 {
margin: 10px
}
.te-am-reg-conf-page .am-reg-conf-title-wrapper p {
margin: 5px
}
.te-am-reg-conf-page .am-reg-conf-subtitle-wrapper {
margin: 20px auto
}
.te-am-reg-conf-page .am-reg-conf-subtitle-wrapper h2 {
margin: 10px 0
}
.te-am-reg-conf-page .am-reg-conf-subtitle-wrapper p {
margin: 5px 0
}
.te-am-reg-conf-page .am-reg-conf-resource-list-wrapper .reg-conf-resource-list-left {
float: left;
width: 48.93617021%;
margin-right: 2.12765957%;
font: 500 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem
}
.te-am-reg-conf-page .am-reg-conf-resource-list-wrapper .reg-conf-resource-list-left dt {
font-weight: bold;
margin: 12px 0 0 0
}
.te-am-reg-conf-page .am-reg-conf-resource-list-wrapper .reg-conf-resource-list-right {
float: left;
width: 48.93617021%;
margin-right: 0;
float: right;
font: 500 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem
}
.te-am-reg-conf-page .am-reg-conf-resource-list-wrapper .reg-conf-resource-list-right dt {
font-weight: bold;
margin: 12px 0 0 0
}
.te-am-reg-conf-page .am-reg-conf-cta-wrapper {
clear: both;
padding: 40px 42px
}
.te-am-reg-conf-page .am-reg-conf-cta-wrapper .am-reg-conf-buttons {
width: 600px;
margin: 0 auto
}
.te-am-reg-conf-page .am-reg-conf-cta-wrapper .am-reg-conf-buttons a {
margin: 0 15px
}
.te-am-reg-conf-page .am-reg-conf-cta-wrapper .am-reg-conf-buttons .continue-button {
background: #4a4f55
}
.am-reg-suggestion-wrapper {
margin: 20px auto;
width: 500px
}
.am-reg-suggestion-wrapper p {
margin: 10px 0
}
.am-reg-suggestion-wrapper .am-reg-suggestion-bold {
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.am-reg-confirm-address-wrapper {
width: 100%;
height: 80px;
margin: 20px 0;
font: 500 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.am-reg-confirm-address-wrapper .am-reg-confirm-radio {
float: left
}
.am-reg-confirm-address-wrapper .am-reg-confirm-label {
float: left
}
.am-reg-confirm-address-wrapper .am-reg-confirm-label .am-reg-confirm-label-name {
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.am-reg-confirm-address-wrapper .am-reg-confirm-label .am-reg-confirm-label-country {
clear: both
}
.am-reg-confirm-address-cta {
width: 500px;
padding-left: 100px;
height: 60px
}
.am-reg-confirm-address-cta a {
min-width: 300px
}
.replacement-parts-header {
min-height: 80px
}
.replacement-parts-header .breadcrumb,.replacement-parts-header .title {
float: left;
clear: left
}
.replacement-parts-header .title {
font: 200 26px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.625rem;
margin-top: 15px
}
.replacement-parts-header .breadcrumb {
display: block
}
.replacement-parts .replacement-parts-wrapper {
padding: 30px 0
}
.replacement-parts .disclaimer {
font: 500 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
line-height: 20px
}
.replacement-parts .disclaimer:after {
content: "";
border-bottom: solid 1px #ccc;
display: block;
margin-left: -10000px;
margin-right: -10000px;
margin-top: 30px
}
.replacement-parts .replacement-product-tiles {
margin-top: 15px
}
.replacement-parts .replacement-product-tiles .product-result-tile {
margin-top: 15px;
border-top: solid 1px #ccc
}
.replacement-parts .replacement-product-tiles .result-info-col .result-type {
display: none
}
.replacement-parts .primary-replacement-product,.replacement-parts .secondary-replacement-product,.replacement-parts .tertiary-replacement-product {
display: block;
margin-top: 15px
}
.results-page-loader.ng-cloak {
min-height: 300px;
position: relative
}
.results-page-loader.ng-cloak:before {
z-index: 15;
min-height: 300px;
background: #ffffff url('../../images/loading-anim.gif') no-repeat center;
position: relative;
width: 100%;
content: "";
position: absolute;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s ease .3s,opacity .3s linear;
transition: visibility 0s ease .3s,opacity .3s linear;
margin-top: 0
}
html.oldie .results-page-loader.ng-cloak:before {
height: 300px
}
.results-page-loader.ng-cloak.ng-cloak {
display: block !important;
z-index: 15
}
html.oldie .results-page-loader.ng-cloak.ng-cloak {
height: 300px
}
.results-page-loader.ng-cloak.ng-cloak:before {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.replacement-error-headline {
text-align: center;
font-size: 24px;
margin-top: 25px
}
.replacement-error-description {
text-align: center;
margin-top: 25px
}
a.replacement-error-cta {
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
width: 215px;
height: 50px;
line-height: 50px;
text-align: left;
margin: 25px auto 240px;
cursor: pointer;
float: none
}
a.replacement-error-cta i {
width: 49px;
line-height: 49px !important
}
.units-of-measurement {
font: 400 10px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.625rem;
margin-top: 15px;
float: none !important;
display: inline-block;
text-align: right;
width: 20.5%;
text-transform: uppercase
}
.units-of-measurement span {
display: inline-block;
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
text-transform: none
}
.units-of-measurement div[data-tn-list-select] {
display: inline-block
}
.units-of-measurement div[data-tn-list-select] li {
display: inline-block;
margin-left: 7px;
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.units-of-measurement div[data-tn-list-select] li a {
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.units-of-measurement div[data-tn-list-select] li.selected a {
color: #666;
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.hidediv {
display: none
}
.search-panels {
padding: 0
}
div#category-drilldown-wrapper {
height: auto;
overflow: hidden
}
.category-drilldown-wrapper {
float: left;
width: 100%
}
.category-drilldown-wrapper.no-products-category .clear-all,.category-drilldown-wrapper.no-products-category .selected-categories {
padding-left: 0
}
.category-drilldown-wrapper .no-product-message {
margin: 30px 0 10px
}
.category-drilldown-wrapper .title-message {
font-weight: bold;
padding-bottom: 5px
}
.category-drilldown-wrapper .sub-title-message {
font-size: .875rem
}
.category-drilldown-wrapper .pile-seperator {
font-size: .6rem;
line-height: 0;
position: relative;
top: -1px;
padding: 0 10px;
color: #999
}
.category-drilldown-wrapper i.icon-close {
padding-right: 6px;
cursor: pointer
}
ul.category-drilldown {
color: #0066a1;
background: #ffffff;
display: block;
font: 500 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
padding: 0;
overflow: hidden;
float: left;
width: 100%
}
ul.category-drilldown li {
margin: 10px 15px 12px 0;
display: inline-block;
text-align: left;
text-transform: capitalize;
cursor: default;
width: 220px;
vertical-align: top
}
ul.category-drilldown li a {
cursor: pointer
}
ul.category-drilldown li.parent-category {
color: #3f4348
}
ul.category-drilldown li.parent-category a i.icon-close {
margin-right: 4px;
color: #0066a1
}
ul.category-drilldown li.parent-category a:hover i.icon-close,ul.category-drilldown li.parent-category a:focus i.icon-close {
color: #3db7e4
}
ul.category-drilldown li i.icon-caret {
color: #3f4348
}
ul.category-drilldown li>a.permanent i.icon-close {
display: none
}
ul.category-drilldown li>a.permanent:focus,ul.category-drilldown li>a.permanent:hover {
cursor: default;
color: #0066a1 !important
}
ul.category-drilldown.no-products-category .clear-all,ul.category-drilldown.no-products-category .selected-categories {
padding-left: 0
}
ul.category-drilldown .no-product-message {
margin: 30px 0 10px
}
ul.category-drilldown .no-product-message .title-message {
font-weight: bold;
padding-bottom: 5px
}
ul.category-drilldown .no-product-message .sub-title-message {
font-size: .875rem
}
ul.category-drilldown .pile-seperator {
font-size: .6rem;
line-height: 0;
position: relative;
top: -1px;
padding: 0 10px;
color: #999
}
ul.category-drilldown i.icon-close {
padding: 0 3px 0 0;
cursor: pointer
}
.category-list-item {
float: left
}
.category-list-item span {
float: left
}
.category-list-item span.parent-category {
padding-right: 28px
}
.category-list-item span.parent-category.no-category {
padding: 0
}
.category-list-item span.parent-category.no-category .categories-label {
display: none
}
.category-list-item span.parent-category .not-first-label,.category-list-item span.parent-category .leaf-category {
padding-right: 14px
}
.category-list-item span.no-category {
margin: 0
}
.category-list-item span.no-category .leaf-category {
padding: 0
}
.category-list-item span span {
display: inline-block;
font-size: .8999rem;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 5px
}
.category-list-item span span a {
cursor: pointer;
color: #0066a1
}
.category-list-item span span a:hover {
color: #3db7e4
}
.category-list-item span span a.permanent i.icon-close {
display: none
}
.category-list-item span span i.icon-caret {
display: inline-block
}
.category-list-item span span.permanent {
display: none
}
.category-list-item span span.permanent a {
display: none
}
.category-list-item span span.permanent a i.icon-close {
display: none
}
.category-list-item span span.categories-label {
font-weight: bold;
color: #747678;
padding-right: 10px
}
.facet-list-holder {
float: left
}
.facet-list-holder .facet-list {
font-size: .8999rem;
padding-right: 24px;
float: left
}
.facet-list-holder .facet-list span {
padding-bottom: 5px;
padding-top: 5px
}
.facet-list-holder .facet-list .facet-label {
font-weight: bold;
padding-right: 6px;
display: inline-block;
color: #747678
}
.facet-list-holder .facet-list .facet-range-label {
padding-right: 6px;
display: inline-block;
color: #747678
}
@media (max-width: 719px) {
body.responsive .facet-list-holder .facet-list .facet-range-label {
margin-bottom:0;
padding: 0;
display: block;
color: #0066a1 !important;
font-size: .875rem
}
}
.facet-list-holder .facet-list .facet-range-label .range-filter-label {
font-weight: bold;
padding-right: 6px
}
@media (max-width: 719px) {
body.responsive .facet-list-holder .facet-list .facet-range-label .range-filter-label {
font:500 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
padding: 0;
color: #4a4f55 !important;
display: block;
margin-bottom: 10px
}
}
.facet-list-holder .facet-list .filtered-data {
display: inline-block;
padding-right: 10px
}
.facet-list-holder .facet-list .filtered-data.not-first-label {
padding-right: 18px
}
.search-within-result {
float: left;
padding-right: 28px
}
.search-within-result span {
font-size: .8999rem;
padding-bottom: 5px;
padding-top: 5px;
padding-right: 5px;
display: inline-block
}
.search-within-result span.search-label {
padding-left: 0;
font-weight: bold;
color: #747678
}
.search-within-result span.not-first-label {
padding-right: 17px
}
.search-within-result span a {
cursor: pointer;
color: #0066a1
}
.search-within-result span a:hover {
color: #3db7e4
}
.search-within-result span span {
padding: 0
}
#category-filters-summary-wrapper {
float: left
}
.category-filters-summary {
background: #ffffff;
color: inherit;
padding: 0;
display: inline-block
}
.category-filters-summary span.facet {
text-transform: capitalize;
padding-bottom: 5px;
padding-top: 5px;
padding-right: 17px;
font-size: .899rem;
display: inline-block;
color: #747678 !important
}
.category-filters-summary span.facet.hasLabel {
padding-right: 33px
}
.category-filters-summary span.facet span {
margin-right: 0
}
.category-filters-summary span.facet span.search-label {
padding-right: 6px;
font-weight: bold;
font-size: .899rem;
color: #747678
}
.category-filters-summary span.facet a {
color: #0066a1
}
.category-filters-summary span.facet a:hover {
color: #3db7e4
}
.clear-all {
margin: 18px 0 10px;
padding: 15px 10px 0 10px
}
.clear-all span {
font-weight: bold
}
.expanded-view div#category-drilldown-wrapper {
height: auto
}
.expanded-view .te-search-expand-control .expand {
display: none
}
.expanded-view .te-search-expand-control .contract {
display: block
}
.expanded-view .te-search-expand-control .icon-small {
font-size: 8px
}
.reduced-view div#category-drilldown-wrapper {
height: 70px;
margin: 0
}
.reduced-view .te-search-expand-control .expand {
display: block
}
.reduced-view .te-search-expand-control .contract {
display: none
}
.reduced-view .te-search-expand-control .icon-small {
font-size: 8px
}
ul.te-search-expand-control {
display: table;
left: 735px;
position: relative
}
ul.te-search-expand-control:before,ul.te-search-expand-control:after {
content: "";
display: table
}
ul.te-search-expand-control:after {
clear: both
}
.ie6 ul.te-search-expand-control,.ie7 ul.te-search-expand-control {
zoom:1}
ul.te-search-expand-control .contract {
display: none
}
#category-feature-filters-more {
padding: 5px 0 7px
}
#category-feature-filters-more ul.te-search-expand-control {
left: 690px
}
.category-feature-filters {
background-color: #f7f7f7;
min-height: auto;
padding: 0 10px !important;
margin-top: -10px;
clear: both
}
.category-feature-filter {
display: inline-block;
margin: 5px 5px;
height: 50px;
float: left
}
.search-within-results-section {
background: #f7f7f7;
overflow: hidden;
padding: 25px 16px 30px
}
.search-within-results-section .search-input-holder {
display: inline-block;
width: 57.5%;
position: relative
}
.search-within-results-section .search-input-holder form {
width: 86%;
position: relative
}
.search-within-results-section .search-input-holder form i.icon-search {
position: absolute;
z-index: 1;
top: 15px;
right: 15px;
cursor: pointer
}
.search-within-results-section .search-input-holder form i.icon-search.icon-medium {
font-size: 18px
}
.search-within-results-section.no-sample-checkbox {
padding-top: 0
}
.search-within-results-section.no-sample-checkbox .samples-available-filter-checkbox {
padding-left: 0
}
.search-within-results-input {
font-family: 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 14px;
color: #3f4348;
border: 0;
background-color: #ffffff !important;
padding: 8px 52px 8px 20px;
position: relative;
margin: 0;
width: 100%;
height: 50px
}
.search-within-results-input::-webkit-input-placeholder {
color: #3f4348
}
.product-category-list li {
text-transform: capitalize;
margin: 10px 20px 0 0
}
.product-category-list li a {
color: #0066a1;
cursor: pointer;
padding-right: 5px
}
.product-category-list li a:hover {
color: #3db7e4
}
.product-category-list li a i {
padding-right: 5px
}
.feature-filter-checkbox-dropdown {
width: 220px;
height: 50px
}
.feature-filter-checkbox-dropdown div.data-content {
clear: both;
display: none;
background-color: white
}
.feature-filter-checkbox-dropdown.open div.data-content {
display: block;
position: absolute;
margin-top: 50px;
width: 220px;
z-index: 30
}
.feature-filter-checkbox-dropdown.open a.choose {
border-bottom: none
}
.feature-filter-checkbox-dropdown div.highlight a.choose {
color: #3f4348
}
.feature-filter-checkbox-dropdown div.scroll {
height: 325px;
overflow-y: scroll
}
.feature-filter-checkbox-dropdown a.choose {
font: 400 10px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.625rem;
font-size: 14px;
color: #3f4348;
display: inline-block;
float: left;
padding: 0 0 0 10px;
width: 220px;
height: 50px;
background-color: white
}
.feature-filter-checkbox-dropdown a.choose div {
display: inline-block;
vertical-align: middle;
width: 190px;
height: 50px;
overflow: ellipsis
}
.feature-filter-checkbox-dropdown a.choose div:before {
content: '';
display: inline-block;
width: 0;
height: 100%;
vertical-align: middle
}
.feature-filter-checkbox-dropdown a.choose span {
display: -webkit-inline-box;
display: -moz-inline-box;
display: -o-inline-box;
display: -ms-inline-box;
display: inline-block;
max-width: 100%;
font-size: 14px;
line-height: 1.5;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
-mox-line-clamp: 2;
-moz-box-orient: vertical;
-o-line-clamp: 2;
-o-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle
}
html.oldie .feature-filter-checkbox-dropdown a.choose span {
white-space: nowrap
}
.feature-filter-checkbox-dropdown a.choose i {
display: inline-block;
vertical-align: middle;
height: 7px;
width: 7px
}
.feature-filter-checkbox-dropdown a.apply {
font: 400 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
font-size: 16px;
font-size: 1rem;
text-transform: capitalize;
display: block;
height: 44px;
line-height: 2.5;
text-align: center;
border: 1px solid #ededee;
background-color: #cbe3ef;
color: #ffffff;
pointer-events: none
}
.feature-filter-checkbox-dropdown a.apply.enabled {
background-color: #0066a1;
color: #ffffff;
pointer-events: auto
}
.feature-filter-checkbox-dropdown a.apply.enabled:hover,.feature-filter-checkbox-dropdown a.apply.enabled:focus {
background-color: #3db7e4
}
.feature-filter-checkbox-dropdown label {
font: 200 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
background-color: white;
cursor: pointer;
display: block;
width: 100%;
border: 1px solid #ededee;
border-bottom: none;
padding: 0 0 0 10px;
height: 54px;
overflow: hidden;
position: relative
}
.feature-filter-checkbox-dropdown label:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.2em
}
.feature-filter-checkbox-dropdown label i {
border: 1px solid #ccc;
height: 25px;
width: 25px;
text-align: center;
margin-right: 10px;
color: #fff;
position: absolute;
top: 25%
}
.feature-filter-checkbox-dropdown label span {
display: inline-block;
vertical-align: middle;
width: 79%;
color: #3f4348;
font: 400 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
margin-left: 35px
}
.feature-filter-checkbox-dropdown label span.range-label {
display: inline-block;
vertical-align: middle;
font-size: 14px;
font-weight: normal;
line-height: 1.5;
margin-left: 5px;
width: 130px;
color: #3f4348
}
.feature-filter-checkbox-dropdown label.checked i {
background-color: #0066a1
}
.feature-filter-checkbox-dropdown label.checked:hover,.feature-filter-checkbox-dropdown label.checked:focus {
color: #3db7e4
}
.feature-filter-checkbox-dropdown label.checked:hover i,.feature-filter-checkbox-dropdown label.checked:focus i {
background-color: #3db7e4;
color: #f7f7f7
}
.feature-filter-checkbox-dropdown label:hover,.feature-filter-checkbox-dropdown label:focus,.feature-filter-checkbox-dropdown label.focus {
color: #3db7e4
}
.feature-filter-checkbox-dropdown label:hover i,.feature-filter-checkbox-dropdown label:focus i,.feature-filter-checkbox-dropdown label.focus i {
color: #3db7e4
}
.feature-filter-checkbox-dropdown label.disabled,.feature-filter-checkbox-dropdown label.disabled:focus,.feature-filter-checkbox-dropdown label.disabled:hover {
cursor: default !important;
color: #ccc !important
}
.feature-filter-checkbox-dropdown label.disabled.checked i,.feature-filter-checkbox-dropdown label.disabled.checked:hover i,.feature-filter-checkbox-dropdown label.disabled.checked:focus i {
background-color: #ccc !important
}
.feature-filter-checkbox-dropdown input[type="checkbox"] {
z-index: 0;
position: absolute;
left: -100%
}
.feature-filter-checkbox-dropdown .range-form label.error span {
color: #cd202c
}
.feature-filter-checkbox-dropdown .range-form label.error input {
border: 1px solid #cd202c
}
.feature-filter-checkbox-dropdown input[type="text"] {
width: 55px;
height: 30px;
font-size: 14px;
font-weight: normal;
text-align: center;
color: #3f4348
}
.global-feature-filters-wrapper {
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.57142857;
border-bottom: none;
padding: 0;
min-height: auto
}
.global-feature-filters-wrapper:before,.global-feature-filters-wrapper:after {
content: "";
display: table
}
.global-feature-filters-wrapper:after {
clear: both
}
.ie6 .global-feature-filters-wrapper,.ie7 .global-feature-filters-wrapper {
zoom:1}
.global-feature-filters-wrapper .refine-result {
padding: 18px 5px 10px 5px;
font-weight: bold
}
.global-feature-filters-wrapper .no-sub-items a.choose span {
display: none
}
.No-samples-available-panel {
min-height: 80px;
background-color: #ccc;
padding-top: 10px;
text-align: center
}
.No-samples-available-panel .no-sample-close {
float: right;
padding-top: 20px;
cursor: pointer
}
.No-samples-available-panel h1 {
font: 200 26px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.625rem;
color: #666
}
.No-samples-available-panel h2 {
font: 400 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
padding-top: 3px;
color: #666
}
.samples-available-label {
display: inline;
float: right;
padding-top: 16px
}
.samples-available-filter-checkbox {
float: none;
padding-top: 0;
display: inline-block;
width: 21%;
padding-left: 8px
}
.samples-available-filter-checkbox span {
display: inline-block;
padding-right: 5px;
line-height: 24px;
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: .875rem;
font-weight: bold
}
.samples-available-filter-checkbox label {
font: 200 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
background-color: white;
cursor: pointer;
width: 100%;
border: 1px solid #ededee;
height: 55px;
margin-left: 0
}
.samples-available-filter-checkbox label:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.2em
}
.samples-available-filter-checkbox label i {
border: 1px solid #ccc;
height: 20px;
width: 20px;
text-align: center;
color: #ffffff;
position: absolute;
background: #ffffff
}
.samples-available-filter-checkbox label i:before {
content: none
}
.samples-available-filter-checkbox label i.icon[role="presentation"].icon-medium {
font-size: 16px
}
.samples-available-filter-checkbox label span {
display: inline-block;
vertical-align: middle;
width: 150px;
color: #3f4348;
font: 400 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
margin-left: 35px
}
.samples-available-filter-checkbox label.checked i {
background-color: #0066a1
}
.samples-available-filter-checkbox label.checked:hover,.samples-available-filter-checkbox label.checked:focus {
color: #3db7e4
}
.samples-available-filter-checkbox label.checked:hover i,.samples-available-filter-checkbox label.checked:focus i {
background-color: #3db7e4;
color: #f7f7f7
}
.samples-available-filter-checkbox label:hover,.samples-available-filter-checkbox label:focus,.samples-available-filter-checkbox label.focus {
color: #3db7e4
}
.samples-available-filter-checkbox label:hover i,.samples-available-filter-checkbox label:focus i,.samples-available-filter-checkbox label.focus i {
color: #3db7e4
}
.samples-available-filter-checkbox label.disabled,.samples-available-filter-checkbox label.disabled:focus,.samples-available-filter-checkbox label.disabled:hover {
cursor: default !important;
color: #ccc !important
}
.samples-available-filter-checkbox label.disabled.checked i,.samples-available-filter-checkbox label.disabled.checked:hover i,.samples-available-filter-checkbox label.disabled.checked:focus i {
background-color: #ccc !important
}
.samples-available-filter-checkbox input[type="checkbox"] {
z-index: 0;
position: absolute;
left: -100%
}
input:-webkit-autofill {
background-color: #ffffff !important
}
.icon-search.input-disabled {
cursor: default !important
}
input.search-within-results-input:disabled {
background: #f7f7f7 !important
}
.global-search-dropdown {
position: relative;
display: inline-block;
margin: 5px;
height: 50px;
float: left;
text-align: center
}
.global-search-dropdown a.deactivate {
display: inline-block;
padding-right: 5px
}
.global-search-dropdown a.choose span {
margin-left: 10px
}
.global-search-dropdown .global-feature-filter-tab-wrapper {
display: inline-block;
margin-right: 0;
height: 50px;
width: 220px;
background: #ffffff;
padding: 0;
line-height: 50px
}
.global-search-dropdown .global-feature-filter-tab-wrapper a {
display: block;
text-align: left;
padding: 0;
height: 50px;
font-size: 14px
}
.global-search-dropdown .global-feature-filter-tab-wrapper a span i {
font-size: 10px !important;
color: #0066a1
}
.global-search-dropdown .global-feature-filter-tab-wrapper span.multi-select-facets-choose {
float: left;
padding-left: 10px
}
.global-search-dropdown a.facet-choose span.facet-name {
vertical-align: middle;
display: inline-block;
line-height: normal;
width: 198px;
margin: 0 !important;
padding: 0 10px
}
.global-search-dropdown a.facet-choose span.facet-down-arrow {
vertical-align: middle;
display: inline-block;
line-height: normal;
margin: 0 !important
}
.global-search-dropdown a.multi-select-facets-choose span.facet-name {
vertical-align: middle;
display: inline-block;
line-height: normal;
width: 198px;
margin: 0 !important;
padding: 0 10px
}
.global-search-dropdown.open1 .applyDiv {
position: absolute;
top: 329px;
z-index: 5000;
border: 1px solid #ccc;
width: 359px;
height: 40px;
background: #ffffff;
border-top-width: 0
}
.global-search-dropdown.open1 .applyDiv a {
display: block;
height: 40px;
line-height: 40px;
background-color: #cbe3ef;
pointer-events: none;
border-bottom: 1px solid #ccc;
text-transform: capitalize;
font-size: 1.125rem;
font-size: 16px;
font-size: 1rem;
color: #ffffff
}
.global-search-dropdown.open1 .applyDiv a.enabled {
background-color: #0066a1;
color: #ffffff;
pointer-events: auto
}
.global-search-dropdown.open1 .applyDiv a.enabled:hover {
background-color: #3db7e4
}
.global-search-dropdown.open1 ul {
display: block;
float: left;
clear: left;
text-align: left
}
.global-search-dropdown.open1 ul.reduced-view {
height: 290px;
overflow-y: scroll;
border-bottom: 1px solid #ccc;
padding-top: 10px
}
.global-search-dropdown.open1 ul li {
background: #ffffff;
border: 1px solid #ccc;
border-bottom: none;
cursor: pointer;
overflow: hidden;
position: relative;
z-index: 30;
height: 40px;
display: block
}
.global-search-dropdown.open1 ul li a {
width: 340px;
padding: 10px 2px 10px 20px;
display: block
}
.global-search-dropdown.open1 ul li:last-child {
border-bottom: 1px solid #ccc
}
.global-search-dropdown.open1 ul.multi-select-facets li {
display: block;
width: 340px;
line-height: 54px;
height: 54px
}
.global-search-dropdown.open1 ul.multi-select-facets li label {
padding-left: 10px;
display: block;
cursor: pointer
}
.global-search-dropdown.open1 ul.multi-select-facets li label:hover {
color: red
}
.global-search-dropdown.open1 ul.multi-select-facets li label input[type="checkbox"] {
z-index: 0;
position: absolute;
left: -100%
}
.global-search-dropdown.open1 ul.multi-select-facets li label i {
border: 1px solid #ccc;
height: 25px;
width: 25px;
text-align: center;
margin-right: 10px;
color: #ffffff;
position: absolute;
top: 25%
}
.global-search-dropdown.open1 ul.multi-select-facets li label i.checked {
background-color: #0066a1
}
.global-search-dropdown.open1 ul.multi-select-facets li label span {
display: inline-block;
vertical-align: middle;
color: #3f4348;
margin-left: 35px
}
.global-search-dropdown.open {
border-bottom: none;
background: #ffffff
}
.global-search-dropdown.open .global-feature-filter-tab-wrapper {
border: 1px solid #ccc;
border-bottom: none
}
.global-feature-filter-tab-wrapper.permanent .deactivate {
display: none !important
}
.global-search-dropdown ul {
display: none;
position: absolute;
left: 0;
top: 40px;
z-index: 10
}
.global-search-dropdown.open ul {
display: block;
float: left;
clear: left;
text-align: left
}
.global-search-dropdown.open ul.reduced-view {
height: 290px;
overflow-y: scroll
}
.global-search-dropdown.open li {
background: #ffffff;
border: 1px solid #ccc;
border-bottom: none;
cursor: pointer;
display: block;
height: 40px;
overflow: hidden;
position: relative;
z-index: 30
}
.global-search-dropdown.open li:last-child {
border-bottom: 1px solid #ccc
}
.global-search-dropdown.open li a {
width: 340px;
padding: 10px 2px 10px 20px;
display: block
}
.global-search-dropdown.open li a:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em
}
.global-feature-filters-wrapper.information-tab {
border-bottom: 1px solid #ccc;
padding-bottom: 15px;
min-height: 50px
}
.global-feature-filters-wrapper.information-tab .global-search-dropdown {
margin: 0;
height: 40px
}
.global-feature-filters-wrapper.information-tab .global-search-dropdown.open .global-feature-filter-tab-wrapper {
border: 1px solid #ccc;
border-bottom: none
}
.global-feature-filters-wrapper.information-tab .global-search-dropdown .global-feature-filter-tab-wrapper {
margin-right: 20px;
height: 40px;
width: auto;
padding: 12px 10px;
border: 1px solid #fff;
border-bottom: none;
line-height: 15px
}
.global-feature-filters-wrapper.information-tab .global-search-dropdown .global-feature-filter-tab-wrapper a {
display: inline-block;
height: auto
}
.global-feature-filters-wrapper.information-tab .global-search-dropdown .global-feature-filter-tab-wrapper a.deactivate {
padding-right: 5px
}
.global-feature-filters-wrapper.information-tab .global-search-dropdown .global-feature-filter-tab-wrapper a span i {
font-size: 13px !important;
color: #666;
border-color: #ededee
}
.global-feature-filters-wrapper.information-tab .global-search-dropdown .global-feature-filter-tab-wrapper a.btn-clr-15 .icon {
border-color: #ededee;
color: #666
}
.global-feature-filters-wrapper.information-tab .global-search-dropdown .global-feature-filter-tab-wrapper a.btn-clr-15 .icon.icon-downarrow.icon-small {
font-size: 7px !important
}
.search-results-filter .header {
background: #ffffff;
padding: 17px 27px;
border-bottom: #ccc
}
.search-results-filter .header h3 {
font: 200 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
line-height: 32px;
width: 70px;
color: #666;
float: left
}
.search-results-filter .panels>div {
display: none
}
.search-results-filter .panels>div.active {
display: block
}
.search-results-filter .tab-header2 .btn-group-clr-9 {
border-bottom: 1px solid #f7f7f7
}
.search-results-filter .tab-header2 .btn-group-clr-9 li {
width: auto
}
.search-results-filter .tab-header2 .btn-group-clr-9 li a {
background: #ffffff;
text-transform: uppercase;
color: #0066a1;
padding: 16px 18px 14px 20px;
width: auto
}
.search-results-filter .tab-header2 .btn-group-clr-9 li a span {
display: none
}
.search-results-filter .tab-header2 .btn-group-clr-9 li a.active {
background: #f7f7f7;
text-transform: uppercase;
color: #747678;
width: auto
}
.search-results-filter .tab-header2 .btn-group-clr-9 li a.active span {
display: inline-block
}
.search-results-filter .total-results {
margin-top: 0;
margin-bottom: 25px
}
.search-results-filter .total-results span {
line-height: 0
}
.search-results-filter .total-results.no-result-count {
margin-bottom: 0
}
.search-results-filter .category-result.total-results {
border-bottom: solid 1px #ccc;
padding-top: 35px;
padding-bottom: 15px
}
.search-results-filter .btn-group-clr-9 li {
border-right: 1px solid #f7f7f7
}
.search-results-filter .btn-group-clr-9 li a {
padding: 16px 50px 14px 50px !important
}
.selected-categories {
padding: 0 10px 15px 10px
}
.selected-categories:before,.selected-categories:after {
content: "";
display: table
}
.selected-categories:after {
clear: both
}
.ie6 .selected-categories,.ie7 .selected-categories {
zoom:1}
.selected-categories.no-result-count {
padding-bottom: 0
}
.total-results {
font: 200 26px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 26px;
font-size: 1.625rem;
line-height: 1.23076923;
color: #3f4348;
margin-bottom: 25px;
clear: both;
margin-top: 15px
}
.total-results:before,.total-results:after {
content: "";
display: table
}
.total-results:after {
clear: both
}
.ie6 .total-results,.ie7 .total-results {
zoom:1}
.total-results.no-result-count {
margin-bottom: 0
}
.total-results.no-result-count .compare-product-btn {
margin-bottom: 25px
}
.total-results .No-samples-available-panel {
margin-top: 10px
}
.total-results .result-content {
margin: 0
}
.total-results .result-content.compare-btn-border {
border-top: 1px solid #ccc;
padding-top: 25px
}
.total-results span {
line-height: 2.75rem
}
.total-results .managed-answer {
background-color: #ededee;
display: inline-block;
width: 100%;
height: 65px;
margin-top: 10px;
padding: 5px;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.16666667
}
.total-results .managed-answer .content {
float: left;
width: 97%;
height: 100%
}
.total-results .managed-answer .content.link {
cursor: pointer
}
.total-results .managed-answer .content .thumbnail {
overflow: hidden;
float: left;
width: 7%
}
.total-results .managed-answer .content .thumbnail img {
width: 55px;
height: 55px
}
.total-results .managed-answer .content .text-content {
float: left;
position: relative;
top: 50%;
word-wrap: break-word;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%)
}
.total-results .managed-answer .content .text-width-thumbnail {
width: 91%;
margin-left: 10px
}
.total-results .managed-answer .content .text-width-nothumbnail {
width: auto;
margin-left: 15px
}
.total-results .managed-answer .content .title {
font: 500 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
color: #0066a1
}
.total-results .managed-answer .content .title.highlight {
color: #3db7e4 !important
}
.total-results .managed-answer .content .description {
margin-left: 2px;
font: 500 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
color: #747678;
text-align: left
}
.total-results .managed-answer .managed-close {
float: right;
cursor: pointer;
padding: 0
}
.category-result.total-results {
border-bottom: solid 1px #ccc;
padding-top: 35px;
padding-bottom: 15px
}
.pile-seperator {
font-size: 15px;
padding: 0 5px;
position: relative;
top: -4px
}
.no-results {
margin-bottom: 20px
}
.no-results h3,.no-results p {
margin-bottom: 0
}
.no-results h3 {
font: 900 22px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.375rem
}
.no-results p.search-term {
font-size: 1.125rem;
padding-bottom: 26px;
padding-top: 13px
}
.no-results p.search-term.not-any-result {
border-bottom: 1px solid #ccc;
margin-bottom: 26px;
padding-top: 0
}
.no-results p.search-term span.search-item {
font-weight: bold
}
.no-results .keyword-suggestions-header {
color: #3f4348;
font: 400 1rem "Avenir","Avenir W02",Arial,Helvetica,sans-serif;
margin-bottom: 10px;
margin-top: 0;
font-size: 1.125rem;
font-weight: bold
}
.no-results .result-suggestions {
margin-bottom: 25px;
padding-bottom: 0;
border-bottom: none
}
.no-results .result-suggestions a {
margin-right: 20px;
font-size: .875rem
}
.no-results .result-suggestions p.did-you-mean {
padding-bottom: 10px;
font-weight: bold;
font-size: 1.125rem;
color: #3f4348
}
.no-results p.keyword-suggestions {
line-height: 25px
}
.no-results ul {
padding-bottom: 20px
}
.no-results ul li {
padding: 5px 0;
font-size: .875rem;
margin-left: 0;
list-style-type: none
}
.no-results ul li.tools-list li {
padding: 10px 0
}
.no-results ul li span {
font-weight: bold;
padding-right: 10px
}
.no-results ul.tools-list li {
padding-bottom: 15px
}
.global-facets {
padding: 8px 10px 2px;
background: #f7f7f7
}
.competitor-match {
background-color: #ededee;
display: inline-block;
width: 100%;
height: 65px;
margin: 10px 0;
padding: 5px 5px 5px 40px;
font-size: 12px;
font-size: .75rem;
line-height: 1.16666667
}
.competitor-match .hovering {
color: #3db7e4
}
.competitor-match .content {
float: left;
width: 93%;
height: 100%
}
.competitor-match .content.link {
cursor: pointer
}
.competitor-match .content .text-content {
float: left;
position: relative;
top: 50%;
word-wrap: break-word;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%)
}
.competitor-match .content .title {
font: 500 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
color: #0066a1
}
.competitor-match .content .title.highlight {
color: #3db7e4 !important
}
.competitor-match .content .title a {
font: 500 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
z-index: -1;
position: relative
}
.competitor-match .content .description {
margin-left: 2px;
font: 500 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
color: #747678;
text-align: left
}
.product-result-tile {
font: 500 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem
}
.product-result-tile:first-child {
border-top: solid 1px #ccc
}
.product-result-tile .content-well {
padding: 0;
width: 940px;
border-bottom-width: 0
}
.product-result-tile .product-group-thumb-col {
padding-bottom: 20px !important
}
.product-result-tile .result-thumb-col {
width: 17%;
margin-right: 20px;
float: left;
padding-top: 45px;
padding-bottom: 0
}
.product-result-tile .result-thumb-col .container {
width: 160px;
height: 160px;
border: 1px solid #ebebeb;
text-align: center;
line-height: 160px;
font-size: 1px;
margin-bottom: 10px;
display: block
}
*>.product-result-tile .result-thumb-col .container {
position: relative
}
.product-result-tile .result-thumb-col .container:before {
height: 5px;
width: 100%;
background-color: #0073ae;
border-left: 50px solid #f28b00;
position: absolute;
display: block;
top: -5px;
content: "";
z-index: inherit
}
.product-result-tile .result-thumb-col .container:before {
width: 160px;
margin-left: -1px
}
.product-result-tile .result-thumb-col .container a.thumbnail-link {
display: block;
margin-bottom: 10px;
min-height: 165px
}
.product-result-tile .result-thumb-col .container img {
width: 100%;
height: auto;
max-height: 154px;
vertical-align: middle;
margin-top: -2px
}
.product-result-tile .result-thumb-col .container .icon-large {
color: #ccc;
display: inline-block;
font-size: 70px;
vertical-align: middle
}
.product-result-tile .result-thumb-col .result-product-quick-links a {
font-size: .775rem;
line-height: 35px
}
.product-result-tile .result-thumb-col .download-ctas li:before,.product-result-tile .result-thumb-col .download-ctas li:after {
content: "";
display: table
}
.product-result-tile .result-thumb-col .download-ctas li:after {
clear: both
}
.ie6 .product-result-tile .result-thumb-col .download-ctas li,.ie7 .product-result-tile .result-thumb-col .download-ctas li {
zoom:1}
.product-result-tile .result-thumb-col .docDataSheet {
margin-top: 1px
}
.product-result-tile .result-info-features-col {
float: left;
width: 80.3%;
font: 400 .875rem/22px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif
}
.product-result-tile .result-info-features-col .result-product-text {
overflow: hidden
}
.product-result-tile .result-info-features-col .result-product-text .compare-product-item-checkbox {
width: 707px;
margin-right: 0
}
.product-result-tile .result-info-features-col h3 {
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 14px;
font-size: .875rem;
padding: 12px 65px 7px 12px
}
.product-result-tile .result-info-features-col h2 {
padding: 0 0 15px 12px;
overflow: hidden;
font-size: 1.125rem
}
.product-result-tile .result-info-features-col h2 a.product-name {
padding: 6px 0;
font-size: 26px;
font-size: 1.625rem;
line-height: 1.15384615;
font-size: 1.334rem !important
}
.product-result-tile .result-info-features-col h2 a.product-name span.title {
float: left;
word-break: break-word
}
.product-result-tile .result-info-features-col h2 a.product-name span.tcpn-no {
float: left;
clear: both;
font-size: 1.167rem
}
.product-result-tile .result-info-features-col h2 span {
display: inline-block
}
.product-result-tile .result-info-features-col h2 span.product-marketing-part-num {
font-size: 1rem
}
.product-result-tile .result-info-features-col .model-description {
padding-left: 12px;
font-size: .875rem
}
.product-result-tile .result-info-features-col .model-description p {
padding-bottom: 15px
}
.product-result-tile .result-type {
background-color: #ededee;
display: inline-block;
padding: 8px 8px 8px 12px;
min-width: 125px;
top: 0;
text-transform: uppercase;
font: 200 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.16666667;
color: #3f4348;
float: left
}
.product-result-tile .result-type.competitor {
margin-left: 30px;
width: 480px;
background-color: #D6E342;
padding: 7px 8px 6px 12px
}
.product-result-tile .result-info-col {
float: left;
width: 34%;
margin-right: 40px;
padding-left: 0;
padding-top: 0;
position: relative;
clear: both
}
.product-result-tile .result-info-col .parent-categories h3 {
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.57142857;
color: #747678
}
.product-result-tile .result-info-col .product-name-holder {
padding: 5px 0 13px 12px
}
.product-result-tile .result-info-col .family-series {
padding: 0 0 0 12px;
font-size: .875rem
}
.product-result-tile .result-info-col .family-series a.productFamily-link {
padding-bottom: 14px;
display: inline-block
}
.product-result-tile .result-info-col .family-series h3 {
padding: 5px 0 5px 0 !important;
display: inline
}
.product-result-tile .result-info-col .product-markt-tcpn-holder h3 {
padding: 0;
font-size: 1rem
}
.product-result-tile .result-info-col .product-markt-tcpn-holder h3 span {
padding: 0 0 20px 12px;
display: inline-block
}
.product-result-tile .result-info-col .product-markt-tcpn-holder h3 span.derived-partid-label {
padding-left: 0;
padding-bottom: 0
}
.product-result-tile .result-info-col .series-names {
padding: 0 0 14px 12px
}
.product-result-tile .result-info-col .series-names a.productFamily-link {
padding-bottom: 0;
display: inline-block
}
.product-result-tile .result-info-col .product-name {
padding: 6px 0;
font: 200 26px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.625rem
}
.product-result-tile .result-info-col .product-marketing-part-num {
white-space: nowrap
}
.product-result-tile .result-info-col .product-ids {
text-transform: uppercase;
padding: 3px 0 3px 12px
}
.product-result-tile .result-info-col .product-ids li h4 {
font: 400 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
padding: 0 0 4px 0
}
.product-result-tile .result-info-col .product-ids li h3 {
font: 400 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
padding: 0 0 4px 0
}
.product-result-tile .result-info-col .product-status {
font: 400 10px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.625rem;
display: inline-block;
margin: 10px 0 10px 12px;
padding: 5px 0
}
.product-result-tile .result-info-col .divider {
height: 1px;
clear: left;
border-top: solid 1px #ccc;
border-bottom: none
}
.product-result-tile .result-info-col .save-share {
clear: left;
overflow: hidden
}
.product-result-tile .result-info-col .save-share a:first-child {
padding-left: 0
}
.product-result-tile .result-info-col .save-share.save-to-list-dropdown {
display: table
}
@media (max-width: 719px) {
body.responsive .product-result-tile .result-info-col .save-share.save-to-list-dropdown {
display:none
}
}
.product-result-tile .result-info-col .save-share .save-list-part-tile-override {
padding: 10px 10px 6px 10px !important;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
border-left: 1px solid #fff
}
.product-result-tile .result-info-col .save-share a {
line-height: 28px;
padding: 10px 15px 6px 15px;
color: #0066a1
}
.product-result-tile .result-info-col .save-list-spacing-override {
padding-left: 10px
}
@media (max-width: 719px) {
body.responsive .product-result-tile .result-info-col .save-list-spacing-override {
padding-left:0
}
}
.product-result-tile .result-info-col .result-product-quick-links {
overflow: hidden
}
.product-result-tile .result-info-col .result-product-quick-links a {
margin-top: 0;
margin-bottom: 16px
}
.product-result-tile .result-info-col .btn-block-4 i {
top: 4px
}
.product-result-tile .result-info-col .btn-group .btn-group-clr-6 li>a {
padding: 4px 13px 12px 0
}
.product-result-tile .result-info-col .btn-group .btn-group-clr-6 li>a i {
color: inherit
}
.product-result-tile .product-group-summary-col {
width: 80.8123%;
margin-right: 0;
padding: 0 0 25px;
position: relative;
float: left
}
.product-result-tile .product-group-summary-col .group-name {
color: #0066a1;
clear: both;
padding: 10px 0 15px 12px
}
.product-result-tile .product-group-summary-col .download-link {
color: #666;
display: inline-block;
padding: 5px 0
}
.product-result-tile .product-group-summary-col .download-link:hover,.product-result-tile .product-group-summary-col .download-link:focus {
text-decoration: underline
}
.product-result-tile .product-group-summary-col .product-group-description-detail {
margin-bottom: 10px
}
.product-result-tile .product-group-summary-col .product-group-file-type {
text-transform: uppercase
}
.product-result-tile .product-group-summary-col .product-group-description {
padding-left: 12px
}
.product-result-tile .result-features-col {
padding-top: 0;
float: left;
width: 59%;
margin-right: 0
}
.product-result-tile .result-features-col .product-compliance {
padding-bottom: 12px;
display: inline-block
}
.product-result-tile .result-features-col ul li {
padding-bottom: 2px;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.71428571;
color: #747678;
font-weight: 400
}
.product-result-tile .featureItem-value {
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.product-result-tile .quick-view-col {
margin-bottom: 15px;
margin-right: 0;
float: right;
text-align: right;
text-transform: uppercase
}
.product-result-tile .quick-view-col a {
font-size: .92rem
}
.product-result-tile .quick-view-col a i.icon-quickview,.product-result-tile .quick-view-col a i.icon-view-less {
color: #0066a1
}
.product-result-tile .quick-view-col a:hover i.icon-quickview,.product-result-tile .quick-view-col a:focus i.icon-quickview,.product-result-tile .quick-view-col a:hover i.icon-view-less,.product-result-tile .quick-view-col a:focus i.icon-view-less {
color: #3db7e4
}
.product-result-tile .bottom-bar {
padding-top: 15px
}
.product-result-tile .bottom-bar li {
width: 33%;
margin: 0;
border: 1px solid #ccc;
text-align: center;
position: relative;
border-right: 0
}
.product-result-tile .bottom-bar li:first-child {
position: relative
}
.product-result-tile .bottom-bar li:first-child:before {
content: "";
display: block;
position: absolute;
background-image: url(../../generated-src/images/te-sprite.png);
background-position: 0px -52px;
width: 25px;
height: 25px;
background-color: #ffffff;
right: -1px;
top: -1px
}
.product-result-tile .bottom-bar li.last-child {
border-right: 1px solid #ccc
}
.product-result-tile .bottom-bar li.cta-fourths {
width: 25%
}
.product-result-tile .bottom-bar a {
width: 100%;
line-height: 30px;
padding: 8px 15px
}
.product-result-tile .bottom-bar a .icon {
color: inherit
}
.product-result-tile .bottom-bar i {
padding-right: 5px;
vertical-align: text-bottom
}
.product-result-tile .competitor-part-match {
clear: both;
border: 1px solid #D6E342;
padding: 5px 10px;
margin: 0 0 40px;
position: relative;
top: 20px
}
.product-result-tile .competitor-part-match .triangle {
display: block;
width: 22px;
height: 0;
padding-bottom: 22px;
overflow: hidden;
position: absolute;
top: -1px;
right: -1px;
background-color: #fff
}
.product-result-tile .competitor-part-match .triangle:before {
content: "";
display: block;
width: 0;
height: 0;
border-right: 22px solid transparent;
border-bottom: 22px solid #D6E342
}
.product-result-tile .competitor-part-match .triangle .inner-triangle {
display: block;
width: 19px;
height: 0;
padding-bottom: 19px;
overflow: hidden;
position: absolute;
top: 2px;
left: 1px
}
.product-result-tile .competitor-part-match .triangle .inner-triangle:after {
content: "";
display: block;
width: 0;
height: 0;
border-right: 19px solid transparent;
border-bottom: 19px solid #fff
}
.product-result-tile .competitor-part-match h4 {
padding: 10px 0;
text-transform: uppercase
}
.product-result-tile .competitor-part-match .result-info-col span {
font-weight: bold;
text-transform: uppercase
}
.product-result-tile .competitor-part-match .result-features-col span {
font-weight: bold;
text-transform: uppercase
}
.product-result-tile .competitor-part-match .result-features-col ul li {
text-transform: uppercase;
list-style-type: disc;
margin-left: 20px
}
.search-results-page .pagination {
padding-top: 15px;
padding-bottom: 8px
}
.search-results-page .loading {
min-height: 150px;
position: relative;
background: #ffffff;
overflow: hidden
}
.search-results-page .loading:before {
z-index: 15;
min-height: 150px;
background: #ffffff url('../../images/loading-anim.gif') no-repeat center;
position: relative;
width: 100%;
content: "";
position: absolute;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s ease .3s,opacity .3s linear;
transition: visibility 0s ease .3s,opacity .3s linear;
margin-top: 0
}
html.oldie .search-results-page .loading:before {
height: 150px
}
.search-results-page .loading.ng-cloak {
display: block !important;
z-index: 15
}
html.oldie .search-results-page .loading.ng-cloak {
height: 150px
}
.search-results-page .loading.ng-cloak:before {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.search-results-page .loading:before {
opacity: 1;
visibility: visible
}
.product-result-tile.INDUSTRIES_MAIN h2.group_name,.product-result-tile.PRODUCT_GROUP h2.group_name,.product-result-tile.PRESS_RELEASE h2.group_name {
margin-top: 10px
}
.product-result-tile.INDUSTRIES_MAIN .product-group-description,.product-result-tile.INDUSTRIES_SUB .product-group-description,.product-result-tile.PRODUCT_GROUP .product-group-description,.product-result-tile.PRESS_RELEASE .product-group-description {
line-height: 20px
}
.product-result-tile.INDUSTRIES_MAIN {
border-bottom: 1px solid #ffffff
}
.product-result-tile.INDUSTRIES_SUB {
border-top: 1px solid #ffffff
}
.product-result-tile.INDUSTRIES_SUB .result-type {
background-color: transparent;
padding: 0;
position: relative
}
.keyword-suggestions-header {
font: 900 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem
}
.keyword-suggestions p {
margin: 11px 0
}
.expand-collapse-cat-filters {
height: 30px;
margin-right: 5px
}
.expand-collapse-cat-filters a.new-toggle {
float: right;
cursor: pointer
}
.product-cat-expander-wrapper {
min-height: 40px
}
.product-cat-expander-wrapper a {
background: #ededee
}
.product-cat-expander-wrapper .prod-cat-button {
float: right;
cursor: pointer
}
.vis-hidden {
visibility: hidden
}
#srp-did-you-mean-section .srp-did-you-mean-title {
display: inline-block;
vertical-align: top;
margin-right: 15px
}
#srp-did-you-mean-section .srp-did-you-mean-item-wrapper {
display: inline-block;
vertical-align: top;
max-width: 800px
}
#srp-did-you-mean-section .srp-did-you-mean-item {
margin: 0 15px
}
#srp-did-you-mean-section hr {
border: 0;
height: 1px;
background: #ccc;
margin-top: 20px
}
.product-drawing-3d-links {
clear: both
}
.product-drawing-3d-links a {
line-height: 40px
}
.search-results-page .category-nav {
width: 100%;
padding-bottom: 10px;
text-align: left
}
.search-results-page .category-nav strong {
color: #747678;
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.search-results-page .category-nav .category-item {
display: inline-block;
padding: 10px;
position: relative;
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
color: #0066a1;
text-transform: uppercase
}
.search-results-page .category-nav .product-item {
display: inline-block;
position: relative;
color: #3db7e4;
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
text-transform: uppercase
}
.search-results-page .category-nav a:active,.search-results-page .category-nav a:hover,.search-results-page .category-nav a:focus {
color: #3db7e4
}
.search-results-page .product-listing-show {
display: block !important
}
.search-results-page .category-result-wrapper {
display: none
}
.search-results-page.picture-product-view .category-result-wrapper {
display: block
}
@media (min-width: 720px) {
body.responsive .search-results-page.picture-category-view .category-result.total-results {
border-bottom:none;
margin-top: 0;
margin-bottom: 0;
padding-top: 45px;
padding-bottom: 12px
}
}
.search-results-page.picture-category-view .category-result {
display: none
}
@media (max-width: 719px) {
body.responsive .search-results-page.picture-category-view .category-result {
display:block
}
}
.search-results-page.picture-category-view .product-listing {
display: block
}
@media (min-width: 720px) {
body.responsive .search-results-page.picture-category-view .product-listing .total-results {
margin-top:40px;
margin-bottom: 5px
}
}
.search-results-page.picture-category-view .category-result-picture {
padding-top: 20px;
border-top: solid 1px #ccc
}
.search-results-page.picture-category-view .blank-space {
height: 20px;
width: 100%
}
.search-results-page.picture-category-view.picture .product-listing {
display: none
}
.search-results-page.picture-category-view.picture .category-result-wrapper,.search-results-page.picture-category-view.picture .category-result {
display: block
}
.search-results-page.picture-category-view.picture .category-nav .category-item {
color: #3db7e4
}
.search-results-page.picture-category-view.picture .category-nav .product-item {
color: #0066a1
}
.search-results-page.picture-category-view.picture .category-nav a:active,.search-results-page.picture-category-view.picture .category-nav a:hover,.search-results-page.picture-category-view.picture .category-nav a:focus {
color: #3db7e4
}
.category-result-wrapper .category-result-picture {
width: 940px;
padding-top: 15px;
padding-bottom: 20px
}
.category-result-wrapper .category-result-picture .picture-wrapper {
width: 970px
}
.category-result-wrapper .category-result-picture .picture-wrapper>div {
margin-right: 20px;
display: inline-block;
cursor: pointer;
vertical-align: top
}
.category-result-wrapper .category-result-picture .product-category {
position: relative;
width: 220px;
min-height: 202px
}
.category-result-wrapper .category-result-picture .product-category .img-wrap img {
width: 220px;
height: 170px
}
.category-result-wrapper .category-result-picture .product-category .img-wrap a {
display: block;
height: 170px
}
.category-result-wrapper .category-result-picture .product-category .pro-inf {
width: 220px;
min-height: 32px;
padding: 9px 0;
font: 400 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
line-height: 15px;
text-align: left
}
.category-result-wrapper .category-result-picture .product-category .pro-inf a {
color: #0066a1
}
.category-result-wrapper .category-result-picture .product-category .pro-inf a:active,.category-result-wrapper .category-result-picture .product-category .pro-inf a:hover,.category-result-wrapper .category-result-picture .product-category .pro-inf a:focus {
color: #3db7e4
}
.category-result-wrapper .category-result-picture .product-category .pro-inf p {
height: 100%;
overflow: hidden
}
.category-result-wrapper .entry-listing {
width: 400px;
height: 50px;
position: relative;
color: #ffffff;
background-color: #0066a1;
margin-bottom: 40px;
margin-top: 20px;
display: inline-block
}
.category-result-wrapper .entry-listing p:first-child {
width: 331px;
height: 100%;
display: inline-block;
overflow: hidden;
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.category-result-wrapper .entry-listing p:first-child:before {
content: '';
display: inline-block;
width: 0;
height: 100%;
vertical-align: middle
}
.ie7 .category-result-wrapper .entry-listing p:first-child:before {
display: inline;
zoom:1}
.category-result-wrapper .entry-listing p:first-child span {
vertical-align: middle;
width: 100%;
padding: 0 18px;
display: inline-block
}
.category-result-wrapper .entry-listing p:first-child strong {
font-weight: 900;
text-transform: uppercase
}
.category-result-wrapper .entry-listing p:first-child:after {
content: '';
display: block;
width: 1px;
height: 50px;
position: absolute;
top: 0;
right: 50px;
background-color: #ffffff
}
.category-result-wrapper .entry-listing .arrow {
background-color: #0066a1;
position: absolute;
display: inline-block;
top: 0;
right: 0;
width: 50px;
height: 50px
}
.category-result-wrapper .entry-listing .arrow i {
color: #ffffff;
line-height: 50px;
margin-left: 15px
}
.product-result-tile .product-status.mobile {
display: none
}
@media (max-width: 719px) {
body.responsive .loading {
min-height:75vh;
position: relative
}
body.responsive .loading:before {
z-index: 15;
min-height: 75vh;
background: #ffffff url('../../images/loading-anim.gif') no-repeat center;
position: relative;
width: 100%;
content: "";
position: absolute;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s ease .3s,opacity .3s linear;
transition: visibility 0s ease .3s,opacity .3s linear;
margin-top: 0
}
html.oldie body.responsive .loading:before {
height: 75vh
}
body.responsive .loading.ng-cloak {
display: block !important;
z-index: 15
}
html.oldie body.responsive .loading.ng-cloak {
height: 75vh
}
body.responsive .loading.ng-cloak:before {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
body.responsive .category-drilldown-wrapper {
margin-bottom: 20px
}
body.responsive .category-drilldown-wrapper .pile-seperator {
display: none
}
body.responsive .category-drilldown-wrapper.filter-results-expanded .refinement-label {
display: block;
border-bottom: 1px solid #ccc;
padding-bottom: 10px
}
body.responsive .category-drilldown-wrapper.filter-results-expanded .clear-all-facets-caterogies,body.responsive .category-drilldown-wrapper.filter-results-expanded .selected-categories {
display: block
}
body.responsive .category-drilldown-wrapper .sub-title-message {
font: 500 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem
}
body.responsive .clear-all {
padding-top: 0;
padding-left: 0;
margin-top: 0
}
body.responsive .clear-all.ng-hide {
margin: 20px 0
}
body.responsive .clear-all span {
font: 500 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
color: #0066a1
}
body.responsive .clear-all span i {
margin-right: 10px;
font-size: 15px;
font-weight: 700
}
body.responsive .clear-all span i.icon.mobile {
display: inline-block
}
body.responsive .clear-all span.refinement-label .refinement-count {
display: inline-block
}
body.responsive .clear-all .clear-all-facets-caterogies {
display: none;
font-size: 14px;
margin-top: 15px;
text-align: right
}
body.responsive .no-results .search-term {
font: 400 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
padding: 0 0 24px
}
body.responsive .no-results .search-term .search-item {
font-weight: 700;
word-wrap: break-word
}
body.responsive .no-results .keyword-suggestions-header {
margin-top: 0
}
body.responsive .no-results ul {
padding-bottom: 20px
}
body.responsive .no-results ul li {
padding: 0;
font: 500 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem
}
body.responsive .no-results ul.tools-list li {
margin-bottom: 8px
}
body.responsive .no-results .result-suggestions {
border-top: none;
padding-top: 0;
margin-bottom: 25px
}
body.responsive .selected-categories,body.responsive .category-list-item {
padding: 0;
display: none
}
body.responsive .selected-categories>span,body.responsive .category-list-item>span {
float: none;
display: block
}
body.responsive .selected-categories>span>span,body.responsive .category-list-item>span>span {
float: none;
display: block;
color: #0066a1
}
body.responsive .selected-categories span {
margin-bottom: 10px
}
body.responsive .selected-categories span.parent-category .icon-caret {
display: none
}
body.responsive .selected-categories span:last-child {
margin-bottom: 0
}
body.responsive .selected-categories span[class*='-label'] {
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
display: block
}
body.responsive .selected-categories span .categories-label {
color: #747678
}
body.responsive .category-filters-summary span.facet {
margin-bottom: 0;
padding: 0;
display: block;
color: #0066a1 !important
}
body.responsive .category-filters-summary span.facet:last-child {
margin-bottom: 0
}
body.responsive .category-filters-summary span.facet.hasLabel {
display: block
}
body.responsive .category-filters-summary span.facet.hasLabel+span {
margin-top: 10px
}
body.responsive .category-filters-summary span.facet>a {
display: inline-block;
margin-bottom: 10px
}
body.responsive .category-filters-summary span.facet>a i {
font-size: 12px
}
body.responsive .search-header {
padding: 25px 0
}
body.responsive .search-header.no-results {
padding-bottom: 0;
margin-bottom: 0
}
body.responsive .total-results {
margin-bottom: 15px;
padding-top: 0;
margin-top: 0
}
body.responsive .total-results span {
word-wrap: break-word
}
body.responsive .total-results .result-content span {
font: 500 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem
}
body.responsive .search-results-filter .pile-seperator {
font-size: 16px
}
body.responsive .search-results-filter .category-result.total-results {
padding-top: 0
}
body.responsive .search-results-page .wrapper.content-well {
border-top: 1px solid #ccc;
background-color: #f7f7f7
}
body.responsive .search-results-page .wrapper.content-well>div:first-child .product-result-tile {
border-top: none
}
body.responsive .product-result-tile {
padding: 7vw 0
}
body.responsive .product-result-tile .result-thumb-col,body.responsive .product-result-tile .result-info-col,body.responsive .product-result-tile .result-info-features-col,body.responsive .product-result-tile .result-features-col {
width: 100%;
float: none;
margin: 0
}
body.responsive .product-result-tile .result-features-col {
margin-top: 20px
}
body.responsive .product-result-tile .quick-view {
margin-bottom: 0
}
body.responsive .product-result-tile .quick-view-col {
margin-bottom: 0
}
body.responsive .product-result-tile .quick-view-col span {
position: relative;
top: -5px;
margin-right: 5px;
font-size: 12px
}
body.responsive .product-result-tile .product-status {
margin-left: 0;
float: none
}
body.responsive .product-result-tile .product-status.mobile {
display: block
}
body.responsive .product-result-tile .result-thumb-col {
padding-top: 0;
margin-bottom: 10px
}
body.responsive .product-result-tile .result-thumb-col .container {
width: 220px;
height: 220px;
margin: 0;
line-height: 1;
background-color: #ffffff
}
body.responsive .product-result-tile .result-thumb-col .container:before {
margin: 0;
width: 100%
}
body.responsive .product-result-tile .result-thumb-col .container a.thumbnail-link {
min-height: 0;
margin-bottom: 0;
text-align: center;
line-height: 220px
}
body.responsive .product-result-tile .result-thumb-col .container img {
max-height: none;
margin: 0;
width: auto;
max-width: 100%
}
body.responsive .product-result-tile .result-product-quick-links {
float: none
}
body.responsive .product-result-tile .result-product-quick-links a {
float: none;
margin-bottom: 0
}
body.responsive .product-result-tile .result-info-features-col {
margin-bottom: 15px
}
body.responsive .product-result-tile .result-info-features-col>* {
padding-left: 0;
padding-right: 0
}
body.responsive .product-result-tile .result-info-features-col>h2 {
padding-bottom: 0
}
body.responsive .product-result-tile .result-info-features-col>h2 span {
font-size: 28px;
text-transform: uppercase
}
body.responsive .product-result-tile .result-info-features-col>h2 a.product-name {
color: #4a4f55
}
body.responsive .product-result-tile .result-info-features-col>h3 {
font-size: 12px;
font-weight: 700;
text-transform: uppercase
}
body.responsive .product-result-tile .result-info-features-col .model-description {
padding-top: 10px;
font-size: 16px
}
body.responsive .product-result-tile .result-info-col>* {
float: none;
padding-left: 0;
margin-left: 0
}
body.responsive .product-result-tile .result-info-col li.cta-fourths {
float: none;
width: auto
}
body.responsive .product-result-tile .result-info-col li.cta-fourths a {
float: inherit;
width: inherit;
margin-bottom: 0
}
body.responsive .product-result-tile .result-info-col .product-status {
margin-top: 0;
padding-top: 0
}
body.responsive .product-result-tile .result-info-col .family-series h3 {
font-size: 12px
}
body.responsive .product-result-tile .result-info-col .product-markt-tcpn-holder h3 {
font-size: 18px
}
body.responsive .product-result-tile .result-info-col .product-markt-tcpn-holder h3 span {
padding-left: 0;
padding-bottom: 0
}
body.responsive .competitor-match,body.responsive .managed-answer {
display: none
}
body.responsive .product-listing {
display: block !important
}
body.responsive .no-results-message-container {
margin-bottom: 24px
}
}
.in-line-navigation {
background-color: #f7f7f7;
margin: 0 -42px 0
}
.in-line-navigation ul {
padding: 0 4%;
overflow: hidden;
height: 100%
}
.in-line-navigation ul:before,.in-line-navigation ul:after {
content: "";
display: table
}
.in-line-navigation ul:after {
clear: both
}
.ie6 .in-line-navigation ul,.ie7 .in-line-navigation ul {
zoom:1}
.in-line-navigation ul li {
float: left;
width: 25%;
border-left: 1px solid #ffffff;
text-align: center;
text-transform: uppercase;
max-height: 70px;
overflow: hidden;
border-bottom: 1px solid #ffffff;
font: 500 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.in-line-navigation ul li.first,.in-line-navigation ul li:last-child {
border-right: 1px solid #ffffff
}
.in-line-navigation ul li a {
display: table;
position: relative;
overflow: hidden;
width: 100%;
height: 70px;
padding: 0;
margin: 0
}
.in-line-navigation ul li a.active {
color: #3db7e4
}
.in-line-navigation ul li a span {
padding: 0 13px;
margin: 0;
max-width: 234px;
line-height: 114%;
display: table-cell;
vertical-align: middle
}
.in-line-navigation ul li a span p {
max-height: 46px;
overflow: hidden
}
.in-line-navigation ul.second-row-nav {
border-bottom: none
}
.in-line-navigation.component .component-navigation-wrapper {
position: relative
}
.in-line-navigation.component .component-navigation-wrapper:before,.in-line-navigation.component .component-navigation-wrapper:after {
content: "";
display: table
}
.in-line-navigation.component .component-navigation-wrapper:after {
clear: both
}
.ie6 .in-line-navigation.component .component-navigation-wrapper,.ie7 .in-line-navigation.component .component-navigation-wrapper {
zoom:1}
.in-line-navigation.component .component-navigation-wrapper .nav-mask {
position: relative;
width: 100%;
max-width: 940px;
height: 60px;
margin: 0 auto;
overflow: hidden
}
.in-line-navigation.component .component-navigation-wrapper ul {
position: absolute;
left: 0;
padding: 0;
white-space: nowrap;
width: 100%;
font-size: 0;
-webkit-transition: left .3s ease-out;
transition: left .3s ease-out
}
.in-line-navigation.component .component-navigation-wrapper ul li {
white-space: normal;
font: 500 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
max-height: 60px;
width: 25.4%;
max-width: 235px;
float: left;
border-left: none;
border-right: 1px solid #ffffff;
display: inline-block;
box-sizing: border-box
}
.in-line-navigation.component .component-navigation-wrapper ul li.first {
margin-left: 0
}
.in-line-navigation.component .component-navigation-wrapper ul li .nav-item-wrapper {
display: block;
overflow: hidden
}
.in-line-navigation.component .component-navigation-wrapper ul li a {
height: 60px
}
.in-line-navigation.component .component-navigation-wrapper ul li a span p {
max-height: 34px;
overflow: hidden
}
.in-line-navigation.component .component-navigation-wrapper .icon {
position: absolute;
top: 0;
width: 4.102%;
line-height: 60px;
max-height: 60px;
padding-left: 10px;
color: #ccc;
cursor: pointer
}
.in-line-navigation.component .component-navigation-wrapper .icon.active {
color: #0066a1
}
.in-line-navigation.component .component-navigation-wrapper .icon.active:hover,.in-line-navigation.component .component-navigation-wrapper .icon.active:focus {
color: #3db7e4
}
.in-line-navigation.component .component-navigation-wrapper .icon.icon-left {
left: 0;
border-left: 1px solid #ffffff;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1)
}
.in-line-navigation.component .component-navigation-wrapper .icon.icon-right {
right: 0;
border-left: 1px solid transparent
}
.in-line-navigation.component .component-navigation-wrapper .icon.icon-right.with-border {
border-left: 1px solid #ffffff
}
.te-story-hero {
padding: 40px 0;
margin: 0 -42px;
background-color: #ededee
}
@media (max-width: 719px) {
body.responsive .te-story-hero {
margin:0 -7vw;
padding: 0 0 25px
}
}
.te-story-hero .container {
width: 100%;
position: relative;
height: 400px;
overflow: hidden
}
@media (max-width: 719px) {
body.responsive .te-story-hero .container {
height:auto
}
}
.te-story-hero img {
width: 100%;
display: block
}
.te-story-hero .content-box {
width: 50%;
position: absolute;
left: 0;
top: 40px;
height: 320px
}
@media (max-width: 719px) {
body.responsive .te-story-hero .content-box {
width:auto;
height: auto;
position: static;
background-color: rgba(233,131,0,0.9)
}
}
.te-story-hero .content-box .background-mask {
background-color: #e98300;
-moz-opacity: .9;
-khtml-opacity: .9;
-webkit-opacity: .9;
opacity: .9;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
filter: alpha(opacity=90);
width: 100%;
height: 100%;
zoom:1}
@media (max-width: 719px) {
body.responsive .te-story-hero .content-box .background-mask {
display:none
}
}
.te-story-hero .content-box .actual-content-box {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
color: #FFFFFF
}
@media (max-width: 719px) {
body.responsive .te-story-hero .content-box .actual-content-box {
position:static
}
}
.te-story-hero .content-box .actual-content-box .wrapper {
max-height: 246px;
margin: 30px 10px 44px 30px;
width: 460px;
overflow: hidden
}
@media (max-width: 719px) {
body.responsive .te-story-hero .content-box .actual-content-box .wrapper {
width:auto;
max-height: none;
margin: 0;
padding: 45px 7vw 7vw
}
body.responsive .te-story-hero .content-box .actual-content-box .wrapper .cta-container-wrap {
position: static;
margin-top: 15px
}
body.responsive .te-story-hero .content-box .actual-content-box .wrapper .cta-container-wrap .cta-single-wrap {
padding: 0
}
body.responsive .te-story-hero .content-box .actual-content-box .wrapper .cta-container-wrap .cta-single-wrap a {
width: 100%;
max-width: 100%
}
}
.te-story-hero .content-box .actual-content-box .wrapper.has-cta {
max-height: 239px;
margin: 30px 10px 61px 30px
}
.te-story-hero .content-box .actual-content-box h3 {
font: 900 36px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 2.25rem;
line-height: 1.04347826;
text-transform: uppercase;
color: #FFFFFF
}
@media (max-width: 719px) {
body.responsive .te-story-hero .content-box .actual-content-box h3 {
word-break:break-word;
font-size: 23px;
line-height: 1.2
}
}
.te-story-hero .content-box .actual-content-box p {
font: 500 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
padding: 20px 0
}
.te-story-hero .content-box .actual-content-box h2.content-type {
padding: 0;
font: 500 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
text-transform: uppercase;
color: #ffffff
}
.te-story-hero.te-profile-hero .content-box .actual-content-box .hero-copy {
position: relative
}
.te-story-hero.te-profile-hero .content-box .actual-content-box .hero-copy q,.te-story-hero.te-profile-hero .content-box .actual-content-box .hero-copy p {
margin-left: 30px
}
.te-story-hero.te-profile-hero .content-box .actual-content-box .hero-copy q {
font: 200 26px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.625rem;
line-height: 1.23076923;
display: block;
padding-top: 10px
}
.te-story-hero.te-profile-hero .content-box .actual-content-box .hero-copy q:before {
content: '\201C';
position: absolute;
top: 4px;
left: 17px
}
.te-story-hero.te-profile-hero .content-box .actual-content-box .hero-copy q:after {
content: '\201D'
}
.te-story-hero.te-profile-hero .content-box .actual-content-box .hero-copy p {
font: 500 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.bio-grid-container {
margin-bottom: 60px
}
.bio-grid-container:before,.bio-grid-container:after {
content: "";
display: table
}
.bio-grid-container:after {
clear: both
}
.ie6 .bio-grid-container,.ie7 .bio-grid-container {
zoom:1}
.cq-wcm-edit .bio-grid-container .optional-clear {
clear: both
}
.cq-wcm-edit .bio-grid-container .bio {
float: left;
width: 23.40425532%;
margin-right: 2.12765957%;
margin-right: 1.5%;
position: relative;
-webkit-transition: margin-bottom .3s ease-out;
transition: margin-bottom .3s ease-out
}
.cq-wcm-edit .bio-grid-container .bio:before,.cq-wcm-edit .bio-grid-container .bio:after {
content: "";
display: table
}
.cq-wcm-edit .bio-grid-container .bio:after {
clear: both
}
.ie6 .cq-wcm-edit .bio-grid-container .bio,.ie7 .cq-wcm-edit .bio-grid-container .bio {
zoom:1}
.cq-wcm-edit .product-promos,.cq-wcm-edit .compact-product-promo {
float: left;
margin-right: 2.12765957%;
margin-right: 1.5%;
position: relative;
-webkit-transition: margin-bottom .3s ease-out;
transition: margin-bottom .3s ease-out
}
.cq-wcm-edit .compact-product-promo {
width: 23.40425532%
}
.cq-wcm-edit .product-promos:before,.cq-wcm-edit .product-promos:after {
content: "";
display: table
}
.compact-product-promo:nth-child(4n+4) .te-bio-grid {
margin-right: 0
}
.compact-promo .product-grid-content {
margin-left: 10px;
width: 100%
}
.product-promos {
margin-right: 1.5%;
position: relative;
-webkit-transition: margin-bottom .3s ease-out;
transition: margin-bottom .3s ease-out
}
.product-promos .te-bio-grid {
margin-top: 15px;
width: 23.5%;
height: auto
}
.product-promos .bio-grid-small {
background: #ededee none repeat scroll 0 0;
padding: 0 0 8px
}
.product-promos .bio-grid-small .bio-image {
height: 150px;
width: 222px;
padding: 1px
}
.product-promos .bio-grid-small .bio-large-card {
height: 13.525em
}
.product-promos .bio-grid-small .bio-large-card .truncate {
height: auto;
min-height: 60px
}
.product-promos .bio-grid-small .bio-grid-name {
font: 900 1rem/1 "Avenir","Avenir W02",Arial,Helvetica,sans-serif
}
.te-compact-bio-grid,.te-bio-grid {
float: left;
width: 23.40425532%;
margin-right: 2.12765957%;
margin-right: 1.5%;
margin-top: 20px;
position: relative;
height: 18em;
-webkit-transition: margin-bottom .3s ease-out;
transition: margin-bottom .3s ease-out
}
.te-compact-bio-grid:before,.te-bio-grid:before,.te-compact-bio-grid:after,.te-bio-grid:after {
content: "";
display: table
}
.te-compact-bio-grid:after,.te-bio-grid:after {
clear: both
}
.ie6 .te-compact-bio-grid,.ie6 .te-bio-grid,.ie7 .te-compact-bio-grid,.ie7 .te-bio-grid {
zoom:1}
.cq-wcm-edit .te-bio-grid {
width: 100%;
float: none
}
.bio-grid-small {
position: relative;
width: 100%;
padding: 0 0 40px 0;
background: #f7f7f7;
overflow-x: hidden;
overflow-y: hidden
}
.bio-grid-small .bio-large-card {
height: 15.875em
}
.bio-grid-small .bio-large-card .truncate {
height: 103px;
overflow: hidden
}
.bio-grid-small .bio-image {
width: 220px;
height: 152px;
overflow: hidden
}
.bio-grid-small .bio-image img {
width: 100%;
min-height: 100%;
padding: 0;
margin: 0;
display: block
}
.bio-grid-small .bio-grid-name {
font: 900 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
line-height: 1.33333333;
color: #e98300;
margin: 10px 0 0 10px;
text-transform: uppercase
}
.bio-grid-small .bio-grid-title {
font: 200 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
margin: 10px 0 0 10px
}
.bio-grid-small .icon-wrapper {
position: absolute;
bottom: 0;
right: 0;
cursor: pointer;
color: #0066a1
}
.bio-grid-small .icon-wrapper.active,.bio-grid-small .icon-wrapper:hover,.bio-grid-small .icon-wrapper:focus {
color: #3db7e4
}
.bio-grid-small .bio-grid-download,.bio-grid-small .bio-large-content,.bio-grid-small .te-contract {
display: none
}
.bio-grid-small .te-expand .icon-quickview {
display: block;
font-size: 18px
}
.bio-grid-small .te-expand .icon-view-less {
display: none
}
.bio-grid-small .te-expand.active .icon-quickview {
display: none
}
.bio-grid-small .te-expand.active .icon-view-less {
display: block;
font-size: 18px
}
.bio-grid-large {
overflow: hidden;
width: 922px;
height: 0;
visibility: hidden;
position: relative;
background: #f7f7f7;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
-webkit-transition: opacity .3s ease-out;
transition: opacity .3s ease-out
}
.bio-grid-large .bio-grid-large-wrapper {
display: table;
width: 100%
}
.bio-grid-large.active {
display: block;
visibility: visible;
position: absolute;
height: auto;
z-index: 30;
margin: 20px 0 0 0;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100)
}
.bio-grid-large .bio-large-card {
vertical-align: top;
display: table-cell;
padding-bottom: 20px
}
.bio-grid-large .bio-large-card img {
display: block;
padding: 0;
margin: 0;
width: 220px;
height: 152px
}
.bio-grid-large .bio-grid-download {
margin: 10px 0 10px 10px;
font: 500 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.bio-grid-large .bio-grid-name {
max-width: 220px;
font: 900 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #e98300;
margin: 10px 0 10px 10px;
text-transform: uppercase
}
.bio-grid-large .bio-grid-title {
max-width: 220px;
font: 200 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
margin: 10px 0 10px 10px
}
.bio-grid-large .bio-large-content {
display: table-cell;
vertical-align: top;
padding: 10px 15px 0 20px
}
.bio-grid-large .bio-columns {
font: 200 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
padding: 15px 0 45px;
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2
}
.bio-grid-large .bio-columns div,.bio-grid-large .bio-columns p {
font: 200 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
padding-bottom: 10px
}
.bio-grid-large .icon-wrapper {
position: absolute;
bottom: 0;
right: 0;
cursor: pointer
}
.bio-grid-large .icon-wrapper:hover,.bio-grid-large .icon-wrapper:focus {
color: #3db7e4
}
.bio-grid-large .te-expand {
display: none
}
.compact-bio-grid {
width: 100%;
display: inline-block;
margin-bottom: 20px
}
.te-compact-bio-grid {
height: 380px
}
.te-compact-bio-grid .bio-grid-small {
background-color: #ffffff;
padding: 0 0 20px 0
}
.te-compact-bio-grid .bio-grid-small .bio-large-card {
height: 23.45em
}
.te-compact-bio-grid .bio-grid-small .bio-grid-name {
color: #0066a1;
margin-top: 20px;
margin-bottom: 0
}
.te-compact-bio-grid .bio-grid-small .bio-grid-description,.te-compact-bio-grid .bio-grid-small .bio-grid-title {
font: 200 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
height: auto;
line-height: 1.28em;
margin: 10px 0 10px 10px;
color: #3f4348
}
.te-compact-bio-grid .bio-grid-small .bio-grid-title {
margin-top: 4px
}
.te-compact-bio-grid .bio-grid-small .bio-grid-description {
line-height: 1.57em;
color: #747678
}
.rte-output ol {
list-style-type: decimal;
list-style-position: inside
}
.rte-output ol li {
padding: 5px 0
}
.rte-output ul {
list-style: disc outside none;
margin-left: 18px
}
.rte-output ul li {
padding: 5px 0
}
.rte-output b {
font-weight: bolder
}
.rte-output sub,.rte-output sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
.rte-output sup {
top: -0.5em
}
.rte-output sub {
bottom: -0.25em
}
.rte-output i {
font-style: italic
}
.infographics-image-wrapper {
margin: 15px 0 0 0
}
.infographics-image-wrapper img {
border: 0;
width: 100%;
max-width: 940px;
padding: 0;
margin: 0
}
.infographics-caption-wrapper {
font: 500 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
margin-top: 20px
}
.te-image-row {
width: 620px;
margin: 10px 0 10px 320px
}
@media (max-width: 719px) {
body.responsive .te-image-row {
float:left;
width: 100%;
margin-right: 0;
float: right;
clear: both;
float: none;
margin: 24px 0
}
}
.te-image-row .container:before,.te-image-row .container:after {
content: "";
display: table
}
.te-image-row .container:after {
clear: both
}
.ie6 .te-image-row .container,.ie7 .te-image-row .container {
zoom:1}
.te-image-row .image-row-cell {
float: left;
margin-right: 20px
}
.te-image-row .image-row-cell .image-wrapper {
margin: 10px 0 10px 0;
text-align: center;
overflow: hidden
}
@media (max-width: 719px) {
body.responsive .te-image-row .image-row-cell {
float:none;
margin: 0 0 24px 0
}
body.responsive .te-image-row .image-row-cell:first-child {
margin-top: 0
}
body.responsive .te-image-row .image-row-cell:last-child {
margin-bottom: 0
}
body.responsive .te-image-row .image-row-cell .image-wrapper {
margin: 0;
text-align: left
}
}
@media (min-width: 720px) {
body.responsive .te-image-row .full-size-image {
width:620px
}
body.responsive .te-image-row .full-size-image.number-1 {
margin-right: 0
}
body.responsive .te-image-row .full-size-image .image-wrapper {
line-height: 250px;
min-height: 250px;
max-height: 300px
}
body.responsive .te-image-row .half-size-image {
width: 300px
}
body.responsive .te-image-row .half-size-image.number-2 {
margin-right: 0
}
body.responsive .te-image-row .half-size-image .image-wrapper {
line-height: 250px;
height: 250px
}
body.responsive .te-image-row .quarter-size-image {
width: 140px
}
body.responsive .te-image-row .quarter-size-image.number-4 {
margin-right: 0
}
body.responsive .te-image-row .quarter-size-image .image-wrapper {
line-height: 140px;
height: 140px
}
}
body:not(.responsive) .te-image-row .full-size-image {
width: 620px
}
body:not(.responsive) .te-image-row .full-size-image.number-1 {
margin-right: 0
}
body:not(.responsive) .te-image-row .full-size-image .image-wrapper {
line-height: 250px;
min-height: 250px;
max-height: 300px
}
body:not(.responsive) .te-image-row .half-size-image {
width: 300px
}
body:not(.responsive) .te-image-row .half-size-image.number-2 {
margin-right: 0
}
body:not(.responsive) .te-image-row .half-size-image .image-wrapper {
line-height: 250px;
height: 250px
}
body:not(.responsive) .te-image-row .quarter-size-image {
width: 140px
}
body:not(.responsive) .te-image-row .quarter-size-image.number-4 {
margin-right: 0
}
body:not(.responsive) .te-image-row .quarter-size-image .image-wrapper {
line-height: 140px;
height: 140px
}
.te-image-row img {
width: 100%;
height: 100%;
vertical-align: middle
}
.te-image-row figcaption {
margin: 5px 10px 0;
text-align: left;
font: 200 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
@media (max-width: 719px) {
body.responsive .te-image-row img {
display:block;
width: auto;
height: auto;
max-height: 300px;
max-width: 100%
}
body.responsive .te-image-row figcaption {
margin: 12px 0;
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
}
.source-module {
padding: 25px 0 15px;
border-top: 1px solid #ededee;
position: relative
}
.source-module .source-image {
float: left;
width: 14.89361702%;
margin-right: 2.12765957%;
display: block;
zoom:1}
*>.source-module .source-image {
position: relative
}
.source-module .source-image:before {
height: 5px;
width: 100%;
background-color: #0073ae;
border-left: 50px solid #f28b00;
position: absolute;
display: block;
top: -5px;
content: "";
z-index: inherit
}
.source-module .source-image .source-image-container {
width: 140px;
height: 140px;
border: 1px solid #f6f6f6;
border-top-width: 0;
overflow: hidden;
display: block
}
.source-module .source-image .source-image-container img {
display: block;
min-width: 100%;
height: 100%
}
.source-module .source-image .source-image-container.download-icon,.source-module .source-image .source-image-container.te-icon {
background: 50% 50% no-repeat
}
.source-module .source-image .source-image-container.download-icon {
background-image: url('../../images/download-icon.svg')
}
html.no-svg .source-module .source-image .source-image-container.download-icon {
background-image: url('../../images/download-icon.png')
}
.source-module .source-image .source-image-container.te-icon {
background-image: url('../../images/te-connectivity-logo.svg')
}
html.no-svg .source-module .source-image .source-image-container.te-icon {
background-image: url('../../images/te-connectivity-logo.png')
}
.source-module .source-copy {
float: left;
width: 82.9787234%;
margin-right: 0;
float: right;
padding-left: 10px
}
.source-module .source-copy.truncate {
height: 144px;
overflow: hidden;
word-wrap: normal !important;
padding-top: 20px
}
.source-module .source-copy h3 {
font: 200 26px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.625rem;
color: #0066a1;
padding-top: 9px
}
.source-module .source-copy p {
color: #666;
font: 500 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
line-height: 1.57142857
}
.source-module .source-copy h2.resource-date {
font: 500 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem
}
.source-module .source-copy .resource-eyebrow {
height: 30px;
padding: 0 50px 0 8px;
text-transform: uppercase;
line-height: 30px !important;
position: absolute;
top: 0;
background-color: #ededee
}
.source-module .source-copy a:link .resource-type,.source-module .source-copy a:visited .resource-type {
color: #666
}
.source-module .source-copy .resource-type {
color: #666;
font: 200 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
margin-bottom: 5px;
text-transform: uppercase
}
.source-module .source-copy h2 {
font: 200 26px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.625rem;
padding-bottom: 5px;
line-height: 1.11538462;
color: #0066a1
}
.te-news-article-summary .source-copy h3 {
padding-bottom: 15px
}
.copy-table table,#CQrte table,table.te-table-default {
width: 100%;
margin: 0 0 15px;
border: 1px solid #ededee
}
.copy-table table tr:nth-child(2n + 1),#CQrte table tr:nth-child(2n + 1),table.te-table-default tr:nth-child(2n + 1) {
background-color: #f7f7f7
}
.copy-table table tr:nth-child(2n + 2),#CQrte table tr:nth-child(2n + 2),table.te-table-default tr:nth-child(2n + 2) {
background-color: #ffffff
}
.copy-table table tr:first-child th,#CQrte table tr:first-child th,table.te-table-default tr:first-child th {
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
border-top: 0 none
}
.copy-table table tr>*,#CQrte table tr>*,table.te-table-default tr>* {
padding: 2px 15px;
line-height: 1.2;
font: 200 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.copy-table table th,#CQrte table th,table.te-table-default th {
background-color: #686c70;
color: #FFF;
border-top: 1px solid #ededee;
text-align: left
}
.copy-table table td,#CQrte table td,table.te-table-default td {
color: #747678
}
.ie7 .copy-table table td,.ie7 #CQrte table td,.ie7 table.te-table-default td,.ie8 .copy-table table td,.ie8 #CQrte table td,.ie8 table.te-table-default td {
border-top: 1px solid #ededee
}
.copy-table table td p,#CQrte table td p,table.te-table-default td p,.copy-table table td a,#CQrte table td a,table.te-table-default td a {
font: 200 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
margin-left: 0
}
.copy-table table td ul,#CQrte table td ul,table.te-table-default td ul,.copy-table table td p,#CQrte table td p,table.te-table-default td p {
font: 200 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
color: #747678
}
.copy-table table td li,#CQrte table td li,table.te-table-default td li {
line-height: 1.14285714
}
#CQrte table {
border: 1px solid #ccc
}
#CQrte table tr,#CQrte table th,#CQrte table td {
border: 1px solid #ccc
}
.pull-quote {
margin: 30px -42px 0 -42px
}
.pull-quote .container {
overflow: hidden
}
.pull-quote .content-quote {
margin: 60px 13px 60px 25px;
color: #3f4348;
position: relative
}
.pull-quote .content-quote q,.pull-quote .content-quote dt,.pull-quote .content-quote dd {
margin-left: 30px;
margin-right: 30px
}
.pull-quote .content-quote q {
font: 200 36px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 2.25rem;
width: 75%;
line-height: 1.2em;
display: block
}
.pull-quote .content-quote q.has-marks:before {
content: '\201C';
position: absolute;
top: -10px;
left: 14px
}
.pull-quote .content-quote q.has-marks:after {
content: '\201D'
}
.pull-quote .content-quote dt {
font: 900 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
margin-top: 8px;
text-align: right
}
.pull-quote .content-quote dd {
font: 200 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
text-align: right
}
.pull-quote .show-quote-media {
position: relative;
border-width: 0
}
.pull-quote .show-quote-media .content-quote {
width: 50%;
position: absolute;
top: 0;
left: 0
}
.pull-quote .show-quote-media .content-quote q {
width: auto;
color: #e98300
}
.pull-quote .show-quote-media .content-quote dt,.pull-quote .show-quote-media .content-quote dd {
text-align: left
}
.pull-quote .show-quote-media .media-quote img {
width: 100%;
height: auto;
display: block
}
.pull-quote-text {
margin: 30px -42px 0 -42px
}
.pull-quote-text .container {
overflow: hidden
}
.pull-quote-text .content-quote {
margin: 60px 13px 60px 25px;
color: #3f4348;
position: relative
}
.pull-quote-text .content-quote q,.pull-quote-text .content-quote dt,.pull-quote-text .content-quote dd {
margin-left: 30px;
margin-right: 30px
}
.pull-quote-text .content-quote q {
font: 200 36px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 2.25rem;
width: 75%;
line-height: 1.2em;
display: block
}
.pull-quote-text .content-quote q.has-marks:before {
content: '\201C';
position: absolute;
top: -10px;
left: 14px
}
.pull-quote-text .content-quote q.has-marks:after {
content: '\201D'
}
.pull-quote-text .content-quote dt {
font: 900 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
margin-top: 8px;
text-align: right
}
.pull-quote-text .content-quote dd {
font: 200 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
text-align: right
}
.pull-quote-text .show-quote-media {
position: relative;
border-width: 0
}
.pull-quote-text .show-quote-media .content-quote {
width: 50%;
position: absolute;
top: 0;
left: 0
}
.pull-quote-text .show-quote-media .content-quote q {
width: auto;
color: #e98300
}
.pull-quote-text .show-quote-media .content-quote dt,.pull-quote-text .show-quote-media .content-quote dd {
text-align: left
}
.pull-quote-text .show-quote-media .media-quote img {
width: 100%;
height: auto;
display: block
}
.te-featured-docs {
background-color: #f7f7f7;
width: 1024px !important;
margin: 0 -42px !important
}
.te-featured-docs>.container {
position: relative;
padding: 30px 42px
}
.te-featured-docs .featured-doc-item {
vertical-align: top
}
.te-featured-docs .featured-doc-item a {
position: relative;
min-height: 140px;
padding: 14px;
border: 1px solid #ededee;
margin-right: 10px;
text-align: left;
vertical-align: top;
display: block;
background: #ffffff
}
.te-featured-docs .featured-doc-item a:before {
content: "";
display: block;
position: absolute;
background-image: url(../../generated-src/images/te-sprite.png);
background-position: 0px -52px;
width: 25px;
height: 25px;
background-color: #f7f7f7;
right: -1px;
top: -1px
}
.te-featured-docs .featured-doc-item:last-child a {
margin-right: 0
}
.te-featured-docs .featured-doc-item .icon {
color: #0066a1
}
.te-featured-docs .featured-doc-item .featured-docs-doctype {
margin-top: 2px;
font: 500 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
color: #3f4348;
text-transform: uppercase
}
.te-featured-docs .featured-doc-item .featured-docs-filename {
margin-top: 2px;
line-height: 1.25
}
.te-featured-docs .featured-doc-item.no-description {
float: left
}
.te-featured-docs .featured-doc-desc {
font: 500 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
text-align: left;
color: #3f4348
}
.te-featured-docs .featured-doc-desc p {
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
line-height: 1.57142857
}
.te-featured-docs .see-all-button {
float: right;
margin: 20px 10px 0 0
}
.te-featured-docs .see-all-button.no-description {
position: absolute;
right: 10px;
bottom: 30px
}
.livechat-titlebar {
position: absolute;
top: 0;
background: #686c70;
padding: 4%;
width: 100%;
height: 14%
}
.livechat-titlebar .livechat-titlebar-text {
position: absolute;
top: 33%;
left: 0;
width: 100%;
font: 200 22px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.375rem;
color: #f7f7f7;
text-align: center;
text-transform: uppercase
}
.livechat-titlebar .livechat-close-icon {
position: absolute;
top: 33%;
right: 2%;
color: #999
}
.livechat-sub-titlebar-error {
position: absolute;
font: 900 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
width: 100%;
color: #cd202c;
display: none;
top: -60px;
left: 0
}
.livechat-startchatbar {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 60%;
background: #ededee
}
.livechat-form-wrapper {
position: absolute;
margin: auto;
top: 10%;
right: 0;
left: 0;
bottom: 0;
width: 70%;
height: 60%;
text-align: center;
border: 0
}
.livechat-form-wrapper .livechat-chat-text {
font-weight: bold;
margin: 0 0 10px 0
}
.livechat-form-wrapper label {
font: 500 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem
}
.livechat-form-wrapper select {
padding: 8px 10px;
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
color: #666;
display: block;
width: 80%;
margin: 2% auto;
text-transform: uppercase
}
.livechat-form-wrapper input {
display: block;
margin: 15px auto;
width: 80%;
height: 30px;
padding: 6px
}
.livechat-form-wrapper .textfield-wrapper {
padding-top: 30px;
bottom: -60px;
width: 100%
}
.livechat-form-wrapper .disclaimer {
display: block;
text-align: left;
width: 100%;
padding-top: 10px
}
.livechat-form-wrapper .disclaimer input {
display: inline-block;
margin: 0;
width: 6%;
float: left;
margin-top: 5px
}
.livechat-form-wrapper .disclaimer label {
display: inline-block;
width: 94%;
padding-top: 8px;
padding-left: 12px
}
.livechat-form-wrapper .disclaimer label p {
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
color: #3f4348
}
.livechat-form-wrapper .error-text {
font: 900 10px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.625rem;
color: #cd202c;
width: 200px;
display: none;
margin: -10px 20px
}
.livechat-form-wrapper .error-field {
border: 1px solid #cd202c
}
.livechat-form-wrapper .btn-block-1,.livechat-form-wrapper .cq-wcm-edit #te-header nav .edit-box,.livechat-form-wrapper .cq-wcm-edit .has-not-cta .cta-container-wrap .wrapper .edit-box,.livechat-form-wrapper .cq-wcm-edit .has-cta .edit-box {
float: none;
width: 200px;
margin: 40px auto 0 auto
}
.livechat-form-wrapper .livechat-disabled {
cursor: default;
background: #ccc
}
.livechat-na-emailbar-button {
bottom: 0;
position: absolute;
width: 100%;
background: #ededee
}
.livechat-na-emailbar-button .btn-block-1,.livechat-na-emailbar-button .cq-wcm-edit #te-header nav .edit-box,.livechat-na-emailbar-button .cq-wcm-edit .has-not-cta .cta-container-wrap .wrapper .edit-box,.livechat-na-emailbar-button .cq-wcm-edit .has-cta .edit-box {
float: none;
width: 140px;
margin: 4% auto
}
.livechat-na-emailbar-button .livechat-disabled {
cursor: default;
background: #ccc
}
.livechat-na-sub-titlebar-text {
position: absolute;
text-align: center;
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
top: 22%;
padding: 2%;
width: 100%;
margin-top: 10px
}
.access-MyResources-Header {
position: absolute;
top: 60px;
width: 100%;
height: 40px;
background-color: #ededee;
left: 0;
text-align: center;
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
color: #0066a1;
padding-top: 12px;
cursor: pointer
}
.livechat-no-agent-form-wrapper {
position: absolute;
margin: auto;
right: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
text-align: center;
border: 0;
padding-top: 100px;
background-color: #ededee
}
.livechat-no-agent-main-header-text {
display: block;
font: 200 36px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 2.25rem;
color: #686c70;
padding-top: 30px
}
.livechat-no-agent-header-text {
display: block;
font: 200 22px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.375rem;
color: #686c70;
padding-top: 30px
}
.livechat-no-agent-header-text a {
font: 200 22px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.375rem;
color: #0066a1;
cursor: pointer
}
.livechat-no-agent-button-wrapper {
margin: 20px auto;
width: 300px;
padding-bottom: 50px;
padding-top: 30px
}
.livechat-no-agent-button-wrapper .livechat-no-agent-button {
clear: both;
margin: 15px 0;
height: 40px
}
.element-row-wrapper {
width: 100%;
margin: 32px 0
}
.element-row-wrapper .container {
width: 100%;
text-align: center
}
.element-row-wrapper .container:before,.element-row-wrapper .container:after {
content: "";
display: table
}
.element-row-wrapper .container:after {
clear: both
}
.ie6 .element-row-wrapper .container,.ie7 .element-row-wrapper .container {
zoom:1}
.element-row-wrapper .element-row-item {
display: inline-block;
width: 33%;
margin: 0
}
.ie7 .element-row-wrapper .element-row-item {
display: inline;
zoom:1}
.element-row-wrapper .row-description {
display: inline-block;
width: 66%;
margin: 0
}
.ie7 .element-row-wrapper .row-description {
display: inline;
zoom:1}
.te-factoid-row .factoid-element {
vertical-align: top
}
.te-factoid-row .factoid-wrapper {
max-width: 300px;
margin: 0 auto 5px auto;
text-align: center
}
.te-factoid-row .factoid-typography {
font: 900 80px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 5rem;
line-height: 1.375;
color: #e98300;
overflow: hidden
}
.te-factoid-row .graph-wrapper {
min-height: 120px
}
.te-factoid-row .graph-wrapper img {
max-width: 180px;
max-height: 120px;
vertical-align: middle
}
.te-factoid-row .factoid-caption {
font: 200 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
line-height: 1.5714em;
color: #747678
}
.te-factoid-row .row-description {
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
line-height: 1.5714em;
color: #3f4348;
margin: 10px 0;
vertical-align: top;
text-align: left
}
.te-factoid-row .row-description p {
margin: 5px 3px 0 3px
}
.tab-panel .two-row-tablist {
text-align: left
}
.tab-panel .two-row-tablist>li {
margin-bottom: 15px
}
.tab-panel .panel-group div[role="tabpanel"] {
display: none
}
.tab-panel .panel-group div[role="tabpanel"].active {
display: block
}
.tab-panel .panel-group div[role="tabpanel"] .corp-news {
border-top: 1px solid #ededee;
width: 940px;
padding: 10px 20px 20px
}
.tab-panel .panel-group div[role="tabpanel"] .corp-news .corp-news-releases-inner {
background: #ededee;
float: left;
height: 65px;
margin-top: 10px;
padding: 5px;
width: 74%;
cursor: pointer
}
.tab-panel .panel-group div[role="tabpanel"] .corp-news .corp-news-releases-inner .email-alert {
position: relative;
top: 50%;
margin-left: 10px;
float: left;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%)
}
.tab-panel .panel-group div[role="tabpanel"] .corp-news .corp-news-releases-inner .email-alert .copy-intro-module p {
line-height: 1.25;
font: 500 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: .875rem
}
.tab-panel .panel-group div[role="tabpanel"] .corp-news .corp-news-releases-inner .email-alert .copy-intro-module p a {
font: 500 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem
}
.tab-panel .panel-group div[role="tabpanel"] .corp-news .corp-news-releases-inner .email-alert .copy-intro-module p a.hovering {
color: #3db7e4
}
.tab-panel .panel-group div[role="tabpanel"] .corp-news .news-release-year {
float: right;
margin-top: 18px
}
.tab-panel .panel-group div[role="tabpanel"] .corp-news .news-release-year select {
visibility: hidden
}
.tab-panel .panel-group div[role="tabpanel"] #corp-news-releases-container.ng-cloak {
min-height: 100%;
position: relative
}
.tab-panel .panel-group div[role="tabpanel"] #corp-news-releases-container.ng-cloak:before {
z-index: 15;
min-height: 100%;
background: #ffffff url('../../images/loading-anim.gif') no-repeat center;
position: relative;
width: 100%;
content: "";
position: absolute;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s ease .3s,opacity .3s linear;
transition: visibility 0s ease .3s,opacity .3s linear;
margin-top: 0
}
html.oldie .tab-panel .panel-group div[role="tabpanel"] #corp-news-releases-container.ng-cloak:before {
height: 100%
}
.tab-panel .panel-group div[role="tabpanel"] #corp-news-releases-container.ng-cloak.ng-cloak {
display: block !important;
z-index: 15
}
html.oldie .tab-panel .panel-group div[role="tabpanel"] #corp-news-releases-container.ng-cloak.ng-cloak {
height: 100%
}
.tab-panel .panel-group div[role="tabpanel"] #corp-news-releases-container.ng-cloak.ng-cloak:before {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.tab-panel .panel-group div[role="tabpanel"] #corp-news-releases-container.loading {
min-height: 100%;
position: relative;
overflow: hidden
}
.tab-panel .panel-group div[role="tabpanel"] #corp-news-releases-container.loading:before {
z-index: 15;
min-height: 100%;
background: #ffffff url('../../images/loading-anim.gif') no-repeat center;
position: relative;
width: 100%;
content: "";
position: absolute;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s ease .3s,opacity .3s linear;
transition: visibility 0s ease .3s,opacity .3s linear;
margin-top: 0
}
html.oldie .tab-panel .panel-group div[role="tabpanel"] #corp-news-releases-container.loading:before {
height: 100%
}
.tab-panel .panel-group div[role="tabpanel"] #corp-news-releases-container.loading.ng-cloak {
display: block !important;
z-index: 15
}
html.oldie .tab-panel .panel-group div[role="tabpanel"] #corp-news-releases-container.loading.ng-cloak {
height: 100%
}
.tab-panel .panel-group div[role="tabpanel"] #corp-news-releases-container.loading.ng-cloak:before {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.tab-panel .panel-group div[role="tabpanel"] #corp-news-releases-container.loading:before {
opacity: .12;
visibility: visible
}
.tab-panel .panel-group div[role="tabpanel"] #corp-news-releases-container .inner-container {
width: 100%;
overflow: hidden;
visibility: hidden
}
.iframe .iframe-wrapper {
max-width: 100%;
margin: 0 auto
}
.iframe .iframe-wrapper iframe {
width: 100%;
height: 100%;
border: 0 none;
display: block
}
a.cta {
display: inline-block;
float: none;
height: auto;
width: auto;
min-width: 220px;
max-width: 400px;
padding: 0;
text-transform: uppercase;
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
line-height: 1.28571429
}
a.cta .cta-label,a.cta i.icon {
display: inline-block;
line-height: 1.14285714;
vertical-align: middle
}
a.cta .cta-label {
display: inline-block;
padding: 17px 20px;
border-right: 1px solid #f7f7f7;
max-height: 66px;
overflow: hidden;
text-align: left;
min-width: 200px;
max-width: 365px
}
a.cta i.icon {
color: #f7f7f7;
text-align: center
}
a.cta.cta-download,a.cta.cta-email,a.cta.cta-link {
display: table
}
a.cta.cta-download .cta-label .cta-label-txt,a.cta.cta-email .cta-label .cta-label-txt,a.cta.cta-link .cta-label .cta-label-txt {
max-height: 32px;
overflow: hidden
}
a.cta.cta-download .cta-label,a.cta.cta-email .cta-label,a.cta.cta-link .cta-label,a.cta.cta-download i.icon,a.cta.cta-email i.icon,a.cta.cta-link i.icon {
display: table-cell;
width: 50px
}
a.cta.cta-download span.link-label,a.cta.cta-email span.link-label,a.cta.cta-link span.link-label,a.cta.cta-download span.link-label-blue,a.cta.cta-email span.link-label-blue,a.cta.cta-link span.link-label-blue,a.cta.cta-download span.download-label,a.cta.cta-email span.download-label,a.cta.cta-link span.download-label,a.cta.cta-download span.email-label,a.cta.cta-email span.email-label,a.cta.cta-link span.email-label {
width: auto
}
a.cta.cta-download span.link-label-blue,a.cta.cta-email span.link-label-blue,a.cta.cta-link span.link-label-blue {
border-right: none
}
.cta-container-wrap {
width: 100%;
position: absolute;
bottom: 0;
left: 0
}
.cta-container-wrap .cta-single-wrap {
padding: 30px 10px 0 42px
}
.cta-container-wrap .cta-single-wrap img {
width: auto
}
.te-story-hero .content-box .actual-content-box .wrapper .cta-container-wrap {
margin-bottom: 0
}
.cq-wcm-edit .has-not-cta .cta-container-wrap {
border: solid 2px #cd202c
}
.cq-wcm-edit .has-not-cta .cta-container-wrap .wrapper .edit-box {
padding: 10px;
display: none;
position: absolute
}
.cq-wcm-edit .has-not-cta .cta-container-wrap .wrapper:hover .edit-box,.cq-wcm-edit .has-not-cta .cta-container-wrap .wrapper:focus .edit-box {
display: block;
z-index: 100000;
top: -10px;
left: -10px
}
.cq-wcm-edit .has-cta .edit-box {
padding: 10px;
display: none;
position: absolute
}
.cq-wcm-edit .has-cta:hover .edit-box,.cq-wcm-edit .has-cta:focus .edit-box {
display: block;
z-index: 100000;
top: 0;
left: 0
}
.cq-wcm-edit .has-cta .cta-email {
position: relative
}
.chapter-header {
text-align: center;
text-transform: uppercase;
font: 200 26px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.625rem
}
.te-expand-contract .te-expand-control li {
display: inline-block
}
.te-expand-contract .te-expand-control li a {
display: none
}
.te-expand-contract .te-expand-control li a.active {
display: block
}
.te-expand-contract .te-expand-control.align-right {
text-align: right
}
.te-expand-contract .expand-panel {
overflow: hidden;
height: 0
}
.te-expand-contract.expanded-view .expand-panel {
height: auto
}
.te-expand-contract.reduced-view .expand-panel {
height: 0
}
.te-expand-contract.detail-container-holder .expand-panel {
margin: 0 -42px
}
.te-expand-contract.detail-container-holder .expand-panel .details-container {
margin: 0 auto;
padding: 0 42px;
display: block;
position: relative
}
.simple-header h1 {
height: 36px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
@media (max-width: 719px) {
body.responsive .simple-header h1 {
color:#4a4f55;
height: auto;
white-space: normal
}
}
.simple-header h1.notrim-override {
height: auto !important;
overflow: auto !important;
white-space: normal !important;
text-overflow: initial !important
}
.hero-news .te-news-page-hero {
border-bottom: 1px solid #ededee
}
.hero-news .te-news-page-hero .source-copy {
float: left;
width: 100%;
padding-left: 0
}
.hero-news .te-news-page-hero .source-copy.edit-mode {
margin-bottom: 50px
}
.hero-news .te-news-page-hero .source-copy h2 {
font: 400 26px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.625rem;
padding-bottom: 60px;
color: #e98300;
float: left;
width: 65.95744681%
}
.hero-news .te-news-page-hero .source-copy .detail-column {
float: left;
width: 31.91489362%;
margin-right: 0;
float: right
}
.hero-news .te-news-page-hero .source-copy .detail-column .published-date {
padding-bottom: 20px
}
.hero-news .te-news-page-hero .source-copy .detail-column h4 {
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
color: #747678;
line-height: 1.14285714
}
.hero-news .te-news-page-hero .source-copy .detail-column h4.cap {
text-transform: uppercase;
padding-bottom: 10px
}
.hero-news .te-news-page-hero .source-copy .detail-column p {
color: #747678;
font: 400 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
line-height: 2.66666667
}
.hero-news .te-news-page-hero .source-copy .detail-column p b {
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.hero-news .te-news-page-hero .cta-container-wrap .cta-single-wrap {
padding: 0
}
.te-abstract {
background-color: #f7f7f7;
border-top: 1px solid #ededee;
border-bottom: 1px solid #ededee;
margin-bottom: 50px
}
.listings-rendition-container {
width: 100%;
min-height: 100%;
position: relative
}
.listings-rendition-container .news-release-year {
text-align: right;
padding: 20px 0
}
.listings-rendition-container:before {
z-index: 15;
min-height: 100%;
background: #ffffff url('../../images/loading-anim.gif') no-repeat center;
position: relative;
width: 100%;
content: "";
position: absolute;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s ease .3s,opacity .3s linear;
transition: visibility 0s ease .3s,opacity .3s linear;
margin-top: 0
}
html.oldie .listings-rendition-container:before {
height: 100%
}
.listings-rendition-container.loader {
display: block !important;
z-index: 15
}
html.oldie .listings-rendition-container.loader {
height: 100%
}
.listings-rendition-container.loader:before {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.listings-panel-container .additional-application-listing-single a:hover .resource-date,.listings-panel-container .insights-listing-single a:hover .resource-date,.listings-panel-container .additional-application-listing-single a:hover h2,.listings-panel-container .insights-listing-single a:hover h2,.listings-panel-container .additional-application-listing-single a:hover h3,.listings-panel-container .insights-listing-single a:hover h3 {
color: #3db7e4
}
.page-link-list-container .page-link-list {
width: 100%;
display: block;
margin: 40px 0
}
.page-link-list-container .page-link-list>ul {
-moz-column-count: 3;
-moz-column-width: auto;
-moz-column-gap: 20px;
-webkit-column-count: 3;
-webkit-column-width: auto;
-webkit-column-gap: 20px;
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-width: auto;
-moz-column-width: auto;
column-width: auto;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px
}
.page-link-list-container .page-link-list>ul>li {
line-height: 21px;
padding: 6px 0;
display: inline-block;
width: 100%
}
html.no-csscolumns .page-link-list-container .page-link-list>ul>li {
display: block;
width: 33.3%;
float: left
}
.page-link-list-container .page-link-list>ul>li a {
display: table-cell;
max-height: 42px;
height: 42px;
overflow: hidden
}
html.no-csscolumns .page-link-list-container .page-link-list>ul:before,html.no-csscolumns .page-link-list-container .page-link-list>ul:after {
content: "";
display: table
}
html.no-csscolumns .page-link-list-container .page-link-list>ul:after {
clear: both
}
.ie6 html.no-csscolumns .page-link-list-container .page-link-list>ul,.ie7 html.no-csscolumns .page-link-list-container .page-link-list>ul {
zoom:1}
html.no-csscolumns .page-link-list-container .page-link-list>ul>li {
display: inline-block
}
.authorized-distributor-page {
background-color: #f7f7f7;
padding-bottom: 30px
}
.authorized-distributor-page .content-padding {
padding-top: 30px;
padding-bottom: 20px
}
.authorized-distributor-page .te-drop-down {
visibility: hidden;
height: 50px;
line-height: 50px;
border: 1px solid #ededee;
background-color: #ffffff;
border-radius: 0;
font: 500 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
color: #666
}
.authorized-distributor-page .te-drop-down.selectboxit {
visibility: visible
}
.distributors-contact-table {
width: 100%;
border: 1px solid #ededee;
border-bottom: none;
background-color: #ffffff
}
.distributors-contact-table tr {
border-bottom: 1px solid #ededee
}
.distributors-contact-table tr .first-column {
width: 40%
}
.distributors-contact-table tr th,.distributors-contact-table tr td {
font: 900 10px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.625rem;
color: #4a4f55;
text-align: left;
padding: 15px
}
.distributors-contact-table tr td {
position: relative;
font: 400 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem
}
.distributors-contact-table tr td a {
color: #0066a1;
cursor: pointer
}
.distributors-contact-table tr td.contact-column {
height: 54px;
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.distributors-contact-table tr td .contact-link,.distributors-contact-table tr td .contact-link:hover,.distributors-contact-table tr td .contact-link:focus {
position: absolute;
top: 0;
right: 0;
width: 59px;
height: 59px;
line-height: 59px
}
.distributors-contact-table tr td .contact-link .icon,.distributors-contact-table tr td .contact-link:hover .icon,.distributors-contact-table tr td .contact-link:focus .icon {
line-height: 59px
}
.event-listing-page {
border-top: 1px solid #ededee;
padding: 40px 0
}
.event-listing-page .wrapper-gray {
background-color: #ffffff;
padding: 0
}
.event-listing-tabpanel a {
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
line-height: 1.28571429;
color: #3db7e4
}
.te-event-hero {
padding: 40px 0;
margin: 0 -42px;
background-color: #ededee
}
.te-event-hero .container {
width: 100%;
position: relative;
height: 400px;
overflow: hidden
}
.te-event-hero img {
width: 100%
}
.te-event-hero .content-box {
width: 50%;
position: absolute;
left: 0;
top: 40px;
height: 320px
}
.te-event-hero .content-box .background-mask {
background-color: #e98300;
-moz-opacity: .9;
-khtml-opacity: .9;
-webkit-opacity: .9;
opacity: .9;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
filter: alpha(opacity=90);
width: 100%;
height: 100%;
zoom:1}
.te-event-hero .content-box .actual-content-box {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
color: #FFFFFF
}
.te-event-hero .content-box .actual-content-box .wrapper {
max-height: 246px;
margin: 30px 10px 44px 30px;
width: 430px;
overflow: hidden
}
.te-event-hero .content-box .actual-content-box .wrapper.has-cta {
max-height: 239px;
margin: 30px 10px 61px 30px
}
.te-event-hero .content-box .actual-content-box .wrapper.has-cta .hero-copy {
margin-left: 12px
}
.te-event-hero .content-box .actual-content-box h5 {
font: 500 26px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.625rem;
line-height: 1.22222222;
text-transform: uppercase;
color: #FFFFFF;
padding: 0 0 6px 0
}
.te-event-hero .content-box .actual-content-box h4 {
padding: 0 40px 0 0;
font-size: 1.25rem
}
.te-event-hero .content-box .actual-content-box h4.date {
font-weight: bold;
font-size: 1.25rem;
padding: 6px 0 0 0
}
.te-event-hero .content-box .actual-content-box h4.location {
padding: 2px 0 0
}
.te-event-hero .content-box .actual-content-box h4.location.p {
padding: 2px;
font: 500 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem
}
.te-event-hero .content-box .actual-content-box h3 {
padding-bottom: 0;
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.te-event-hero .content-box .actual-content-box h3.event-eyebrow {
font: 500 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
text-transform: uppercase;
padding: 8px 0
}
.te-event-hero .content-box .actual-content-box .event-location {
padding-top: 10px
}
.te-event-hero .content-box .actual-content-box p {
font: 500 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.te-event-hero .content-box .actual-content-box p.event-eyebrow {
font: 500 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
text-transform: uppercase;
padding: 10px 0
}
.te-event-hero .content-box .actual-content-box p {
padding: 0
}
#te-non-nav-header,#contactForm {
width: auto;
padding: 0
}
@media (max-width: 719px) {
body.responsive #te-non-nav-header,body.responsive #contactForm {
padding:0
}
}
.modal-contact-us.content-well {
padding: 42px
}
.eloqua-form,.eloqua-form-right {
padding: 30px 0 0 0;
margin: 0 -42px;
background-color: #ededee
}
@media (max-width: 719px) {
body.responsive .eloqua-form,body.responsive .eloqua-form-right {
margin:0 -7vw;
background-color: #ffffff
}
}
.eloqua-form#contactForm,.eloqua-form-right#contactForm {
background-color: #f7f7f7;
width: 800px;
margin: 0 !important
}
.eloqua-form#contactForm:before,.eloqua-form-right#contactForm:before,.eloqua-form#contactForm:after,.eloqua-form-right#contactForm:after {
content: "";
display: table
}
.eloqua-form#contactForm:after,.eloqua-form-right#contactForm:after {
clear: both
}
.ie6 .eloqua-form#contactForm,.ie6 .eloqua-form-right#contactForm,.ie7 .eloqua-form#contactForm,.ie7 .eloqua-form-right#contactForm {
zoom:1}
@media (max-width: 719px) {
body.responsive .eloqua-form#contactForm,body.responsive .eloqua-form-right#contactForm {
background-color:#f7f7f7;
width: 100%;
margin: 0 auto
}
}
.eloqua-form .container,.eloqua-form-right .container {
padding: 0 42px;
margin: 0
}
.eloqua-form .container:before,.eloqua-form-right .container:before,.eloqua-form .container:after,.eloqua-form-right .container:after {
content: "";
display: table
}
.eloqua-form .container:after,.eloqua-form-right .container:after {
clear: both
}
.ie6 .eloqua-form .container,.ie6 .eloqua-form-right .container,.ie7 .eloqua-form .container,.ie7 .eloqua-form-right .container {
zoom:1}
@media (max-width: 719px) {
body.responsive .eloqua-form .container,body.responsive .eloqua-form-right .container {
padding:0 7vw
}
}
.eloqua-form .container:first-child,.eloqua-form-right .container:first-child {
border-top: none
}
.eloqua-form .heading-area,.eloqua-form-right .heading-area {
float: left;
width: 31.91489362%;
margin-right: 2.12765957%;
min-height: 25px
}
.eloqua-form .heading-area h4,.eloqua-form-right .heading-area h4 {
padding-top: .5em
}
.eloqua-form .heading-area h5,.eloqua-form-right .heading-area h5 {
padding-top: .5em
}
.eloqua-form .submit-error,.eloqua-form-right .submit-error {
color: #cd202c;
display: none;
font: 400 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
padding-left: 20px
}
.eloqua-form .content-area,.eloqua-form-right .content-area {
float: left;
width: 65.95744681%;
margin-right: 0;
float: right
}
@media (max-width: 719px) {
body.responsive .eloqua-form .content-area,body.responsive .eloqua-form-right .content-area {
float:none;
width: auto
}
}
.eloqua-form .content-area .two-column,.eloqua-form-right .content-area .two-column {
-moz-column-count: 2;
-moz-column-width: auto;
-moz-column-gap: 50px;
-webkit-column-count: 2;
-webkit-column-width: auto;
-webkit-column-gap: 50px;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-width: auto;
-moz-column-width: auto;
column-width: auto;
-webkit-column-gap: 50px;
-moz-column-gap: 50px;
column-gap: 50px;
widows: 3
}
html.no-csscolumns .eloqua-form .content-area .two-column,html.no-csscolumns .eloqua-form-right .content-area .two-column {
-moz-column-count: auto;
-moz-column-width: auto;
-moz-column-gap: 0;
-webkit-column-count: auto;
-webkit-column-width: auto;
-webkit-column-gap: 0;
-webkit-column-count: auto;
-moz-column-count: auto;
column-count: auto;
-webkit-column-width: auto;
-moz-column-width: auto;
column-width: auto;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0
}
html.no-csscolumns .eloqua-form .content-area .two-column:before,html.no-csscolumns .eloqua-form-right .content-area .two-column:before,html.no-csscolumns .eloqua-form .content-area .two-column:after,html.no-csscolumns .eloqua-form-right .content-area .two-column:after {
content: "";
display: table
}
html.no-csscolumns .eloqua-form .content-area .two-column:after,html.no-csscolumns .eloqua-form-right .content-area .two-column:after {
clear: both
}
.ie6 html.no-csscolumns .eloqua-form .content-area .two-column,.ie6 html.no-csscolumns .eloqua-form-right .content-area .two-column,.ie7 html.no-csscolumns .eloqua-form .content-area .two-column,.ie7 html.no-csscolumns .eloqua-form-right .content-area .two-column {
zoom:1}
.eloqua-form .content-area.form-left,.eloqua-form-right .content-area.form-left {
float: left !important
}
.eloqua-form .content-area.form-left .parent-div,.eloqua-form-right .content-area.form-left .parent-div {
position: relative
}
.eloqua-form .content-area .email-form input[type="text"],.eloqua-form-right .content-area .email-form input[type="text"],.eloqua-form .content-area .email-form input[type="email"],.eloqua-form-right .content-area .email-form input[type="email"],.eloqua-form .content-area .email-form input[type="file"],.eloqua-form-right .content-area .email-form input[type="file"],.eloqua-form .content-area .email-form textarea,.eloqua-form-right .content-area .email-form textarea {
margin-bottom: 25px;
border: none;
padding-left: 10px;
border-top: 1px solid #d9d9d9;
border-left: 1px solid #d9d9d9
}
@media (max-width: 719px) {
body.responsive .eloqua-form .content-area .email-form textarea,body.responsive .eloqua-form-right .content-area .email-form textarea {
height:80px
}
}
.eloqua-form .content-area .email-form .file-attachment .field-style,.eloqua-form-right .content-area .email-form .file-attachment .field-style {
border-top: 1px solid #ccc;
padding-top: 25px
}
.eloqua-form .content-area .email-form select,.eloqua-form-right .content-area .email-form select {
padding: 7px 10px;
display: block;
width: 100%;
border: none;
font-size: .875rem;
line-height: 2.8;
color: #3f4348;
border-top: 1px solid #d9d9d9;
border-left: 1px solid #d9d9d9
}
.eloqua-form .content-area .email-form select option,.eloqua-form-right .content-area .email-form select option {
padding: 0 10px
}
.eloqua-form h5,.eloqua-form-right h5 {
font: 500 26px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.625rem
}
.eloqua-form h6,.eloqua-form-right h6 {
font: 400 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
color: #666
}
.eloqua-form p,.eloqua-form-right p {
font: 400 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
color: #3f4348;
padding-bottom: 10px
}
@media (max-width: 719px) {
body.responsive .eloqua-form form .selectboxit-text,body.responsive .eloqua-form-right form .selectboxit-text,body.responsive .eloqua-form form .selectboxit-arrow-container,body.responsive .eloqua-form-right form .selectboxit-arrow-container {
height:50px;
line-height: 50px
}
}
@media (max-width: 719px) {
body.responsive .eloqua-form form .selectboxit-text,body.responsive .eloqua-form-right form .selectboxit-text {
padding-left:10px
}
}
@media (max-width: 719px) {
body.responsive .eloqua-form form .selectboxit-container[role="combobox"]>span,body.responsive .eloqua-form-right form .selectboxit-container[role="combobox"]>span {
height:50px
}
}
.eloqua-form form select,.eloqua-form-right form select,.eloqua-form form .selectboxit-container,.eloqua-form-right form .selectboxit-container,.eloqua-form form .selectboxit-container .selectboxit,.eloqua-form-right form .selectboxit-container .selectboxit,.eloqua-form form .selectboxit-container .selectboxit-options,.eloqua-form-right form .selectboxit-container .selectboxit-options {
margin-bottom: 5px
}
@media (max-width: 719px) {
body.responsive .eloqua-form form select,body.responsive .eloqua-form-right form select,body.responsive .eloqua-form form .selectboxit-container,body.responsive .eloqua-form-right form .selectboxit-container,body.responsive .eloqua-form form .selectboxit-container .selectboxit,body.responsive .eloqua-form-right form .selectboxit-container .selectboxit,body.responsive .eloqua-form form .selectboxit-container .selectboxit-options,body.responsive .eloqua-form-right form .selectboxit-container .selectboxit-options {
width:100% !important
}
}
@media (max-width: 719px) {
body.responsive .eloqua-form form .selectboxit-container .selectboxit-options,body.responsive .eloqua-form-right form .selectboxit-container .selectboxit-options {
top:50px !important
}
}
@media (max-width: 719px) {
body.responsive .eloqua-form form select,body.responsive .eloqua-form-right form select {
height:80px !important
}
}
.eloqua-form form input[type="text"],.eloqua-form-right form input[type="text"],.eloqua-form form input[type="email"],.eloqua-form-right form input[type="email"],.eloqua-form form textarea,.eloqua-form-right form textarea {
margin-bottom: 10px;
border: none;
font: 400 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
height: 32px;
padding: 0
}
@media (max-width: 719px) {
body.responsive .eloqua-form form input[type="text"],body.responsive .eloqua-form-right form input[type="text"],body.responsive .eloqua-form form input[type="email"],body.responsive .eloqua-form-right form input[type="email"],body.responsive .eloqua-form form textarea,body.responsive .eloqua-form-right form textarea {
width:100%;
height: 50px;
border: 1px solid #ccc
}
}
.eloqua-form form textarea,.eloqua-form-right form textarea {
height: 100px
}
.eloqua-form form input[type="file"],.eloqua-form-right form input[type="file"] {
margin-bottom: 10px
}
.eloqua-form form .upload-note,.eloqua-form-right form .upload-note {
font-size: 14px;
padding: 5px 0;
display: block
}
.eloqua-form form input[type="submit"],.eloqua-form-right form input[type="submit"] {
display: block;
margin: 20px 0;
float: right;
text-align: center;
padding: 12px 10px;
font: 400 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1em !important;
height: 44px !important;
background: #0066a1;
color: #ffffff;
text-transform: uppercase;
border: none
}
@media (max-width: 719px) {
body.responsive .eloqua-form form input[type="submit"],body.responsive .eloqua-form-right form input[type="submit"] {
float:none;
width: 100% !important;
height: 50px !important
}
}
.eloqua-form form input[type="submit"]:hover,.eloqua-form-right form input[type="submit"]:hover,.eloqua-form form input[type="submit"]:focus,.eloqua-form-right form input[type="submit"]:focus,.eloqua-form form input[type="submit"].active,.eloqua-form-right form input[type="submit"].active,.eloqua-form form input[type="submit"]:active,.eloqua-form-right form input[type="submit"]:active,.eloqua-form form input[type="submit"]:disabled,.eloqua-form-right form input[type="submit"]:disabled {
background: #3db7e4
}
.eloqua-form form input[type="submit"]:before,.eloqua-form-right form input[type="submit"]:before {
display: block;
text-align: center;
font-family: 'te-icon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
background: #0066a1;
color: #ffffff;
font-size: 26px;
content: "\e619"
}
.eloqua-form .LV_invalid,.eloqua-form-right .LV_invalid,.eloqua-form label.error,.eloqua-form-right label.error {
color: #cd202c;
display: block;
font-size: 16px;
line-height: 1.5rem;
margin: 0 0 14px 0
}
.eloqua-address-validate {
margin: 0 !important;
min-height: 500px !important
}
.eloqua-address-validate:before {
margin-top: 0 !important
}
.eloqua-address-validate .main-container {
position: relative;
height: 100%;
width: 100%
}
@media (max-width: 719px) {
body.responsive .eloqua-address-validate .main-container {
padding:7vw
}
}
@media (max-width: 719px) {
body.responsive .eloqua-address-validate .main-container .am-reg-header {
text-align:left;
padding: 0
}
}
@media (max-width: 719px) {
body.responsive .eloqua-address-validate .main-container .am-reg-header h1 {
margin:0 0 3.5vw !important;
width: auto;
font-size: 26px;
border-bottom: none;
padding-bottom: 0
}
}
@media (max-width: 719px) {
body.responsive .eloqua-address-validate .main-container .am-reg-suggestion-wrapper .am-reg-suggestion-bold {
margin:10px 0 20px
}
}
.eloqua-address-validate .main-container .submit-container {
position: relative;
bottom: 6%;
margin: 0 auto
}
@media (max-width: 719px) {
body.responsive .eloqua-address-validate .main-container .submit-container {
padding:0;
width: 100%
}
}
.eloqua-address-validate .main-container .submit-container a {
width: 100%;
display: table
}
@media (max-width: 719px) {
body.responsive .eloqua-address-validate .main-container .submit-container a span {
display:table-cell;
padding: 0;
margin: 0 !important;
border-right: 1px solid;
text-align: left
}
}
@media (max-width: 719px) {
body.responsive .eloqua-address-validate .main-container .submit-container a span span {
padding:10px 20px;
line-height: 20px;
display: inline-block;
border-right: none
}
}
@media (max-width: 719px) {
body.responsive .eloqua-address-validate .main-container .submit-container a i.icon {
margin:0;
display: table-cell;
vertical-align: middle;
border-left: none;
line-height: 24px !important
}
}
.eloqua-address-validate .modal-override-heading {
margin: 20px 0 0 0 !important
}
.eloqua-address-validate .modal-override-suggestion-wrapper {
margin: 20px auto 0 !important
}
@media (max-width: 719px) {
body.responsive .eloqua-address-validate .modal-override-suggestion-wrapper {
width:100%
}
}
@media (max-width: 719px) {
body.responsive .eloqua-address-validate .modal-override-suggestion-wrapper .addrlist-container .am-reg-confirm-label,body.responsive .eloqua-address-validate .modal-override-suggestion-wrapper .am-reg-confirm-address-wrapper .am-reg-confirm-label {
position:relative;
top: -1px;
left: 5px
}
}
.eloqua-address-validate .container {
overflow-y: auto !important
}
.eloqua-form-loading.ng-cloak {
min-height: 300px;
position: relative
}
.eloqua-form-loading.ng-cloak:before {
z-index: 15;
min-height: 300px;
background: #ffffff url('../../images/loading-anim.gif') no-repeat center;
position: relative;
width: 100%;
content: "";
position: absolute;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s ease .3s,opacity .3s linear;
transition: visibility 0s ease .3s,opacity .3s linear;
margin-top: 0
}
html.oldie .eloqua-form-loading.ng-cloak:before {
height: 300px
}
.eloqua-form-loading.ng-cloak.ng-cloak {
display: block !important;
z-index: 15
}
html.oldie .eloqua-form-loading.ng-cloak.ng-cloak {
height: 300px
}
.eloqua-form-loading.ng-cloak.ng-cloak:before {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.eloqua-form-loading.ng-cloak:before {
margin-left: 0
}
.eloqua-form-loading.loading {
min-height: 300px;
position: relative;
overflow: hidden
}
.eloqua-form-loading.loading:before {
z-index: 15;
min-height: 300px;
background: #ffffff url('../../images/loading-anim.gif') no-repeat center;
position: relative;
width: 100%;
content: "";
position: absolute;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s ease .3s,opacity .3s linear;
transition: visibility 0s ease .3s,opacity .3s linear;
margin-top: 0
}
html.oldie .eloqua-form-loading.loading:before {
height: 300px
}
.eloqua-form-loading.loading.ng-cloak {
display: block !important;
z-index: 15
}
html.oldie .eloqua-form-loading.loading.ng-cloak {
height: 300px
}
.eloqua-form-loading.loading.ng-cloak:before {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.eloqua-form-loading.loading:before {
opacity: .12;
visibility: visible
}
.eloqua-form-loading.eloqua-delay-loading {
min-height: 700px;
position: relative;
overflow: hidden
}
.eloqua-form-loading.eloqua-delay-loading:before {
z-index: 15;
min-height: 700px;
background: #ffffff url('../../images/loading-anim.gif') no-repeat center;
position: relative;
width: 100%;
content: "";
position: absolute;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s ease .3s,opacity .3s linear;
transition: visibility 0s ease .3s,opacity .3s linear;
margin-top: 0
}
html.oldie .eloqua-form-loading.eloqua-delay-loading:before {
height: 700px
}
.eloqua-form-loading.eloqua-delay-loading.ng-cloak {
display: block !important;
z-index: 15
}
html.oldie .eloqua-form-loading.eloqua-delay-loading.ng-cloak {
height: 700px
}
.eloqua-form-loading.eloqua-delay-loading.ng-cloak:before {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.eloqua-form-loading.eloqua-delay-loading:before {
opacity: .75;
visibility: visible;
margin-left: auto;
margin-right: auto;
position: fixed !important;
width: 72.5% !important;
top: 0
}
.eloqua-form-loading .disclaimer {
border-left: none;
border-right: none;
border-top: 1px solid #ccc;
margin: 20px 0;
padding: 27px 0 0;
display: table
}
@media (max-width: 719px) {
body.responsive .eloqua-form-loading .disclaimer {
padding:24px 0;
margin: 20px 0 30px;
border-bottom: 1px solid #ccc
}
}
.eloqua-form-loading .disclaimer input[type='checkbox'] {
position: relative;
top: 3px;
display: table-cell;
margin-right: 10px
}
.eloqua-form-loading .disclaimer p {
font: 500 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
color: #999;
width: 80%;
line-height: 1rem
}
@media (max-width: 719px) {
body.responsive .eloqua-form-loading .disclaimer p {
width:100%;
font: 500 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
line-height: 1rem
}
}
.eloqua-form-loading .russiaContactUsMessage {
padding: 10px 0
}
.eloqua-form-loading .eloqua-submit-loading {
background: #ebebeb url('../../images/loading-anim.gif') no-repeat center;
background-size: 30px 30px;
width: 30px;
height: 30px;
float: right;
display: none;
position: relative;
top: -7px;
left: 10px
}
@media (max-width: 719px) {
body.responsive .eloqua-form-loading .eloqua-submit-loading {
top:10px
}
}
.elq-form .checkbox-span {
padding: 10px 0
}
.elq-form h2.checkbox-span {
padding-top: 15px;
font-weight: bold;
font-size: 15px
}
.eloqua-form form .btn-left input[type="submit"],.eloqua-form form .btn-left .eloqua-submit-loading {
float: left
}
.eloqua-linkedin-auto-fill {
clear: both;
width: 54%;
text-align: right;
margin-bottom: 15px
}
@media (max-width: 719px) {
body.responsive .eloqua-linkedin-auto-fill {
width:auto;
text-align: left;
margin-left: 7vw
}
}
.eloqua-linkedin-auto-fill-left {
clear: both;
text-align: left;
margin-bottom: 15px
}
@media (max-width: 719px) {
body.responsive .eloqua-linkedin-auto-fill-left {
width:auto;
text-align: left
}
}
.eloqua-linkedin-auto-fill-left p {
padding-bottom: 10px
}
.eloqua-linkedin-auto-fill-left p a {
padding: 0 0 0 5px;
font-size: 14px
}
@media (max-width: 719px) {
body.responsive .customer-service-responsive-modal .request-sample-modal-container {
padding:7vw
}
}
.customer-service-modal-loader.loading {
min-height: 175px;
position: relative;
margin-left: 8px;
margin-top: 8px
}
.customer-service-modal-loader.loading:before {
z-index: 15;
min-height: 175px;
background: #ffffff url('../../images/loading-anim.gif') no-repeat center;
position: relative;
width: 100%;
content: "";
position: absolute;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s ease .3s,opacity .3s linear;
transition: visibility 0s ease .3s,opacity .3s linear;
margin-top: 0
}
html.oldie .customer-service-modal-loader.loading:before {
height: 175px
}
.customer-service-modal-loader.loading.loading {
display: block !important;
z-index: 15
}
html.oldie .customer-service-modal-loader.loading.loading {
height: 175px
}
.customer-service-modal-loader.loading.loading:before {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.customer-service-modal-alternatives-loader.loading {
min-height: 275px;
position: relative;
width: 700px;
overflow: hidden
}
.customer-service-modal-alternatives-loader.loading:before {
z-index: 15;
min-height: 275px;
background: #ffffff url('../../images/loading-anim.gif') no-repeat center;
position: relative;
width: 100%;
content: "";
position: absolute;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s ease .3s,opacity .3s linear;
transition: visibility 0s ease .3s,opacity .3s linear;
margin-top: 10px
}
html.oldie .customer-service-modal-alternatives-loader.loading:before {
height: 275px
}
.customer-service-modal-alternatives-loader.loading.loading {
display: block !important;
z-index: 15
}
html.oldie .customer-service-modal-alternatives-loader.loading.loading {
height: 275px
}
.customer-service-modal-alternatives-loader.loading.loading:before {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
@media (max-width: 719px) {
body.responsive .customer-service-modal-alternatives-loader.loading {
width:100%
}
}
.customer-service-modal-header {
font: 400 26px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.625rem;
border-bottom: 1px solid #ededee;
margin-top: 40px;
margin-left: 40px;
padding-bottom: 20px;
width: 620px;
position: relative
}
@media (max-width: 719px) {
body.responsive .customer-service-modal-header {
margin:0 0 3.5vw;
width: auto;
font-size: 18px;
border-bottom: none;
padding-bottom: 0;
color: #4a4f55;
font-weight: 500
}
}
.customer-service-modal-header.alternative-samples:before {
content: "";
border-top: 10px solid #3f4348;
width: 700px;
position: absolute;
display: block;
left: -40px;
top: -40px
}
@media (max-width: 719px) {
body.responsive .customer-service-modal-header.alternative-samples:before {
display:none
}
}
.customer-service-modal-alternative-samples {
float: left;
margin-top: 40px
}
.customer-service-modal-error-message {
margin: 40px
}
@media (max-width: 719px) {
body.responsive .customer-service-modal-error-message {
margin:7vw
}
}
.alternative-sample-tile {
display: block;
height: 230px;
position: relative
}
.alternative-sample-tile+.alternative-sample-tile:before {
content: "";
width: 620px;
position: absolute;
display: block;
left: 40px;
top: -4px;
border-top: 1px solid #ededee
}
@media (max-width: 719px) {
body.responsive .alternative-sample-tile+.alternative-sample-tile:before {
display:none
}
}
.customer-service-modal-left-column {
vertical-align: top;
margin-left: 40px;
width: 319px;
height: 167px;
border-right: 1px solid #ededee;
float: left;
margin-top: 30px
}
@media (max-width: 719px) {
body.responsive .customer-service-modal-left-column {
float:left;
width: 100%;
margin-right: 0;
float: right;
clear: both;
float: none
}
}
@media (max-width: 719px) {
body.responsive .customer-service-modal-left-column {
height:auto;
border: none;
margin: 7vw 0
}
}
.customer-service-modal-right-column {
vertical-align: top;
float: left;
width: 295px;
margin-left: 29px;
margin-top: 30px;
margin-bottom: 30px
}
@media (max-width: 719px) {
body.responsive .customer-service-modal-right-column {
float:left;
width: 100%;
margin-right: 0;
float: right;
clear: both;
float: none
}
}
@media (max-width: 719px) {
body.responsive .customer-service-modal-right-column {
margin:7vw 0
}
}
.customer-service-modal-right-column .stock-status,.customer-service-modal-right-column .add-to-list-status {
font: 400 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
color: #3f4348;
display: inline-block
}
.customer-service-modal-right-column .stock-status i,.customer-service-modal-right-column .add-to-list-status i {
font-size: 25px !important;
margin-right: 10px;
vertical-align: middle
}
.customer-service-modal-right-column .stock-status i.icon-alert,.customer-service-modal-right-column .add-to-list-status i.icon-alert {
color: #ff0000
}
.customer-service-modal-right-column .stock-status i.icon-in-stock,.customer-service-modal-right-column .add-to-list-status i.icon-in-stock {
color: #d6e342
}
.customer-service-modal-right-column p.sample-availability-text {
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
color: #747678;
width: 260px;
margin-top: 20px
}
@media (max-width: 719px) {
body.responsive .customer-service-modal-right-column p.sample-availability-text {
float:left;
width: 100%;
margin-right: 0;
float: right;
clear: both;
float: none
}
}
@media (max-width: 719px) {
body.responsive .customer-service-modal-right-column p.sample-availability-text {
margin-top:20px
}
}
.customer-service-modal-right-column a.sample-add-to-cart,.customer-service-modal-right-column a.continue {
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
width: 274px;
height: 50px;
line-height: 50px;
text-align: left;
margin-top: 25px;
cursor: pointer
}
.customer-service-modal-right-column a.sample-add-to-cart i,.customer-service-modal-right-column a.continue i {
width: 49px;
line-height: 50px !important
}
@media (max-width: 719px) {
body.responsive .customer-service-modal-right-column a.sample-add-to-cart i,body.responsive .customer-service-modal-right-column a.continue i {
height:70px;
width: 70px;
background-color: #0066a1;
position: relative
}
body.responsive .customer-service-modal-right-column a.sample-add-to-cart i:before,body.responsive .customer-service-modal-right-column a.continue i:before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0)
}
}
.customer-service-modal-right-column a.sample-add-to-cart {
margin: 25px 0 !important
}
@media (max-width: 719px) {
body.responsive .customer-service-modal-right-column a.sample-add-to-cart {
margin-top:20px;
height: 70px;
background-color: #ededee;
position: relative;
color: #0066a1 !important;
line-height: 1.3;
width: 100%
}
body.responsive .customer-service-modal-right-column a.sample-add-to-cart>span {
position: absolute;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
width: 65%
}
}
.customer-service-modal-right-column a.sample-add-to-cart .outOfStock {
float: left;
line-height: 18px;
padding-top: 8px
}
.customer-service-modal-right-column a.sample-add-to-cart .outOfStock span {
display: block
}
.customer-service-modal-right-column a.continue {
background: #f7f7f7
}
.customer-service-modal-right-column a.check-for-sample-button {
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
width: 182px;
height: 42px;
line-height: 42px;
text-align: center;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
display: block;
margin-top: 60px;
margin-left: 40px;
background: #ededee
}
.customer-service-modal-right-column a.check-for-sample-button:hover,.customer-service-modal-right-column a.check-for-sample-button:focus,.customer-service-modal-right-column a.check-for-sample-button.active,.customer-service-modal-right-column a.check-for-sample-button:active {
color: #3db7e4
}
.lists-header {
font: 900 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #686c70;
margin-bottom: 6px;
padding-left: 2px;
text-transform: uppercase
}
.lists-header .icon,.lists-header .title-content {
display: inline-block;
vertical-align: middle
}
.lists-header .icon {
margin-right: 6px
}
.lists-container {
margin-bottom: 20px
}
.list-item {
display: block;
margin-bottom: 4px
}
.get-lists-load {
min-height: 150px;
position: relative
}
.get-lists-load:before {
z-index: 15;
min-height: 150px;
background: #ffffff url('../../images/loading-anim.gif') no-repeat center;
position: relative;
width: 100%;
content: "";
position: absolute;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s ease .3s,opacity .3s linear;
transition: visibility 0s ease .3s,opacity .3s linear;
margin-top: 0
}
html.oldie .get-lists-load:before {
height: 150px
}
.get-lists-load.loading {
display: block !important;
z-index: 15
}
html.oldie .get-lists-load.loading {
height: 150px
}
.get-lists-load.loading:before {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.add-list-load {
min-height: 180px;
position: relative
}
.add-list-load:before {
z-index: 15;
min-height: 180px;
background: #ffffff url('../../images/loading-anim.gif') no-repeat center;
position: relative;
width: 100%;
content: "";
position: absolute;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s ease .3s,opacity .3s linear;
transition: visibility 0s ease .3s,opacity .3s linear;
margin-top: 0
}
html.oldie .add-list-load:before {
height: 180px
}
.add-list-load.loading {
display: block !important;
z-index: 15
}
html.oldie .add-list-load.loading {
height: 180px
}
.add-list-load.loading:before {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.add-to-list-status {
font: 500 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif !important;
font-size: 1rem !important
}
.add-to-list-status.success i.icon {
color: #d6e342
}
.add-to-list-status.item-in-list i.icon {
color: #e98300
}
.simple-product-tile img.product-thumbnail {
width: 58px;
height: 58px;
border: 1px solid #ededee
}
@media (max-width: 719px) {
body.responsive .simple-product-tile img.product-thumbnail {
width:100px;
height: 100px;
clear: both
}
}
.simple-product-tile .product-status {
font: 400 10px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.625rem;
margin-left: 3px;
color: #666
}
@media (max-width: 719px) {
body.responsive .simple-product-tile .product-status {
float:none;
color: #0066a1;
font-size: 12px
}
}
.simple-product-tile h3.base-category {
font: 400 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
color: #747678;
margin-top: 20px
}
@media (max-width: 719px) {
body.responsive .simple-product-tile h3.base-category {
font-size:14px;
width: auto;
margin: 3.5vw 0 0;
text-transform: uppercase
}
}
.simple-product-tile h3.parent-category {
font: 200 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
color: #3f4348;
margin-top: 3px
}
@media (max-width: 719px) {
body.responsive .simple-product-tile h3.parent-category {
font-size:28px;
width: auto
}
}
.quality-certification-subpage {
background-color: #f7f7f7
}
.quality-certification-subpage .copy-link-list .container {
border-top: 1px solid #ededee
}
.news-alert-container {
width: 100%;
background-color: #ededee;
padding: 10px 0
}
.news-alert-container .alert-wrapper {
min-height: 44px;
width: 100%;
display: table
}
.news-alert-container .alignment-wrapper {
display: table-cell;
width: 100%;
vertical-align: middle
}
.news-alert-container .alert-thumbnail {
float: left;
width: 60px;
height: 60px;
margin-right: 20px;
overflow: hidden
}
.news-alert-container .alert-thumbnail img {
width: 100%
}
.news-alert-container .alert-heading {
max-width: 26%
}
.news-alert-container .alert-heading .heading {
float: left;
max-width: 80%;
position: relative;
margin-right: 10px
}
.news-alert-container .alert-heading .heading p {
float: left;
font: 900 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #e98300;
text-transform: uppercase;
margin-right: 18px
}
.news-alert-container .alert-heading .heading i {
position: absolute;
top: 0;
right: 0;
padding-top: 4px;
color: #0066a1;
font-weight: 900
}
.news-alert-container .alert-content {
float: left;
max-width: 74%
}
.news-alert-container .alert-content p {
font: 400 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem
}
.news-alert-container .alert-content a>p {
position: relative;
font: 900 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #0066a1
}
.news-alert-container .alert-content a>p:before,.news-alert-container .alert-content a>p:after {
content: "";
display: table
}
.news-alert-container .alert-content a>p:after {
clear: both
}
.ie6 .news-alert-container .alert-content a>p,.ie7 .news-alert-container .alert-content a>p {
zoom:1}
.news-alert-container.short-title .alert-heading {
max-width: 20%
}
.news-alert-container.short-title .alert-content {
max-width: 80%
}
.news-alert-container.with-media .alert-heading {
max-width: 26%
}
.news-alert-container.with-media .alert-heading .heading {
max-width: 63%
}
.news-alert-container.with-media .alert-content {
max-width: 74%
}
.customer-support-landing-wrapper .copy-module .container:first-child {
border-top: 1px solid #ccc
}
@media (max-width: 719px) {
body.responsive .customer-support-landing-wrapper .additional-information-container .copy-module-body.desktop {
display:block
}
}
.customer-support-landing-wrapper .mobile-email-menu {
padding: 30px 0
}
@media (max-width: 719px) {
body.responsive .customer-support-landing-wrapper .mobile-email-menu a {
text-align:left;
width: 100%;
border-bottom: 1px solid #ccc;
padding: 7vw;
font-size: 1.2rem;
font-weight: 500;
color: #0066a1;
display: block;
margin-bottom: 50px;
border-top: 1px solid #ccc;
text-transform: uppercase
}
body.responsive .customer-support-landing-wrapper .mobile-email-menu a .icon {
float: right
}
}
@media (max-width: 719px) {
body.responsive .customer-support-landing-wrapper .mobile-email-menu a:hover,body.responsive .customer-support-landing-wrapper .mobile-email-menu a:active {
color:#3db7e4
}
}
.customer-support-landing-wrapper .mobile-email-menu a:hover .icon,.customer-support-landing-wrapper .mobile-email-menu a:active .icon {
float: right;
color: #3db7e4
}
.customer-support-landing-wrapper .customer-support-navigation .non-anchor {
border-color: #3db7e4;
cursor: pointer
}
.customer-support-landing-wrapper .customer-support-navigation .non-anchor.active {
color: #3db7e4
}
@media (max-width: 719px) {
body.responsive .customer-support-landing-wrapper .customer-support-navigation.btn-group-clr-5 {
border:none;
height: auto
}
}
@media (max-width: 719px) {
body.responsive .customer-support-landing-wrapper .customer-support-navigation.btn-group-clr-5 li {
float:none !important
}
}
.customer-support-landing-wrapper .customer-support-navigation.btn-group-clr-5 li a,.customer-support-landing-wrapper .customer-support-navigation.btn-group-clr-5 li p.non-anchor {
line-height: 1
}
@media (max-width: 719px) {
body.responsive .customer-support-landing-wrapper .customer-support-navigation.btn-group-clr-5 li a,body.responsive .customer-support-landing-wrapper .customer-support-navigation.btn-group-clr-5 li p.non-anchor {
text-align:left;
width: 100%;
border-bottom: 1px solid #ccc;
padding: 7vw;
font-size: 1.2rem;
font-weight: 500
}
}
@media (max-width: 719px) {
body.responsive .customer-support-landing-wrapper .customer-support-navigation.btn-group-clr-5 li p.non-anchor {
color:#3db7e4
}
}
.customer-support-landing-wrapper .customer-support-navigation.btn-group-clr-5 li p.non-anchor .icon {
float: right;
color: #3db7e4
}
.customer-support-landing-wrapper .customer-support-navigation.btn-group-clr-5 li a {
color: #0066a1
}
.customer-support-landing-wrapper .customer-support-navigation.btn-group-clr-5 li a .icon {
float: right;
color: #0066a1
}
.customer-support-landing-wrapper .customer-support-navigation.btn-group-clr-5 li a:hover,.customer-support-landing-wrapper .customer-support-navigation.btn-group-clr-5 li a:active {
color: #3db7e4
}
.customer-support-landing-wrapper .customer-support-navigation.btn-group-clr-5 li a:hover .icon,.customer-support-landing-wrapper .customer-support-navigation.btn-group-clr-5 li a:active .icon {
float: right;
color: #3db7e4
}
@media (max-width: 719px) {
body.responsive .customer-support-landing-wrapper .sub-page .selectboxit-container {
display:block;
width: 100%
}
}
@media (max-width: 719px) {
body.responsive .customer-support-landing-wrapper .sub-page .selectboxit-container span {
height:45px !important;
line-height: 45px !important
}
}
@media (max-width: 719px) {
body.responsive .customer-support-landing-wrapper .sub-page .selectboxit-container span.country-selector-dropdown {
display:block;
width: 100% !important
}
}
.customer-support-landing-wrapper .te-subpage .content-well {
padding-top: 0 !important
}
@media (max-width: 719px) {
body.responsive .customer-support-landing-wrapper .te-subpage .additional-information-container .container .heading-area h3 {
display:inline-block
}
}
@media (max-width: 719px) {
body.responsive .customer-support-landing-wrapper .te-subpage .additional-information-container .container .heading-area h4 {
display:inline-block;
font-size: 1.125rem;
color: #3f4348
}
}
.customer-support-landing-wrapper .content-well {
margin: 0 auto 0;
padding-top: 30px
}
@media (max-width: 719px) {
body.responsive .customer-support-landing-wrapper .content-well {
margin-top:30px
}
}
@media (max-width: 719px) {
body.responsive .customer-support-landing-wrapper .content-well.customer-nav {
padding:0;
margin-top: 0
}
}
@media (max-width: 719px) {
body.responsive .customer-support-landing-wrapper .content-well .contact-list-container .container,body.responsive .customer-support-landing-wrapper .content-well .additional-information-container .container {
padding:25px 0 10px
}
}
@media (max-width: 719px) {
body.responsive .customer-support-landing-wrapper .content-well .contact-list-container .container .heading-area,body.responsive .customer-support-landing-wrapper .content-well .additional-information-container .container .heading-area {
margin:0 0 5px
}
}
@media (max-width: 719px) {
body.responsive .customer-support-landing-wrapper .content-well .contact-list-container .container .content-area dl,body.responsive .customer-support-landing-wrapper .content-well .additional-information-container .container .content-area dl {
padding:15px 20px
}
}
@media (max-width: 719px) {
body.responsive .customer-support-landing-wrapper .content-well .contact-list-container .container .content-area dl dt,body.responsive .customer-support-landing-wrapper .content-well .additional-information-container .container .content-area dl dt {
font-weight:bold
}
}
@media (max-width: 719px) {
body.responsive .customer-support-landing-wrapper .content-well .contact-list-container .container .content-area dl dt,body.responsive .customer-support-landing-wrapper .content-well .additional-information-container .container .content-area dl dt,body.responsive .customer-support-landing-wrapper .content-well .contact-list-container .container .content-area dl dd,body.responsive .customer-support-landing-wrapper .content-well .additional-information-container .container .content-area dl dd {
display:block;
padding: 0;
width: 100%
}
}
.customer-support-landing-wrapper .content-well .contact-list-container .container .content-area .cta-link a .cta .cta-label,.customer-support-landing-wrapper .content-well .additional-information-container .container .content-area .cta-link a .cta .cta-label {
border-right: 1px solid #ffffff
}
.customer-support-landing-wrapper .content-well .contact-list-container .container .content-area .cta-link a .cta i.icon,.customer-support-landing-wrapper .content-well .additional-information-container .container .content-area .cta-link a .cta i.icon {
border-left: none
}
@media (max-width: 719px) {
body.responsive .customer-support-landing-wrapper .content-well .additional-information-container .container .heading-area h3 {
font:400 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
color: #3f4348
}
}
.customer-support-email-container {
width: 1000px;
height: 1500px;
margin: 0 auto;
text-align: center
}
.customer-support-email-container iframe {
width: 100%;
height: 100%
}
.te-rendition-content {
min-height: 300px;
min-height: 100%;
position: relative
}
.te-rendition-content:before {
z-index: 15;
min-height: 100%;
background: #ffffff url('../../images/loading-anim.gif') no-repeat center;
position: relative;
width: 100%;
content: "";
position: absolute;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s ease .3s,opacity .3s linear;
transition: visibility 0s ease .3s,opacity .3s linear;
margin-top: 0
}
html.oldie .te-rendition-content:before {
height: 100%
}
.te-rendition-content.loading {
display: block !important;
z-index: 15
}
html.oldie .te-rendition-content.loading {
height: 100%
}
.te-rendition-content.loading:before {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.page-error-standalone .full-page-error {
width: 1024px;
margin: 0 auto;
padding: 0 42px;
height: 100%;
min-height: 200px;
margin: 0 -42px -10px;
background-color: #f1f1f1;
position: relative;
margin-bottom: 0
}
.page-error-standalone .full-page-error.content-padding {
padding-top: 30px;
padding-bottom: 30px
}
.page-error-standalone .full-page-error.content-right {
text-align: right
}
.page-error-standalone .full-page-error.content-padding {
padding-top: 30px;
padding-bottom: 30px
}
.page-error-standalone .full-page-error.content-right {
text-align: right
}
@media (max-width: 719px) {
body.responsive .page-error-standalone .full-page-error {
width:100%;
max-width: 100%;
padding: 0 7vw
}
}
.page-error-standalone .full-page-error .error-content {
float: left;
width: 48.93617021%;
margin-right: 2.12765957%;
padding-top: 0;
overflow: hidden;
position: absolute;
top: 40px
}
.page-error-standalone .full-page-error .error-content:before,.page-error-standalone .full-page-error .error-content:after {
content: "";
display: table
}
.page-error-standalone .full-page-error .error-content:after {
clear: both
}
.ie6 .page-error-standalone .full-page-error .error-content,.ie7 .page-error-standalone .full-page-error .error-content {
zoom:1}
.page-error-standalone .full-page-error .error-content h1 {
margin-bottom: 15px
}
.page-error-standalone .full-page-error .error-content h2 {
float: left;
width: 100%;
margin-right: 2.12765957%
}
.page-error-standalone .full-page-error .error-content p {
float: left;
width: 100%;
margin-right: 2.12765957%
}
.page-error-standalone .full-page-error .media-error {
margin: 0 -42px;
display: block
}
.page-error-standalone .full-page-error .media-error img {
width: 100%;
height: auto;
display: block
}
#takeover-error {
display: none
}
#takeover-error #takeover-error-404,#takeover-error #takeover-error-500 {
display: none
}
.full-page-error {
width: 100%;
height: 100%;
background: #f1f1f1;
margin-bottom: -20px
}
.full-page-error .error-content {
background-position: center bottom;
background-size: 100% auto;
background-repeat: no-repeat;
max-width: 1200px;
margin: 0 auto;
padding-top: 70px
}
.full-page-error .error-content>div {
min-height: 600px;
width: 100%;
position: relative;
width: 1024px;
margin: 0 auto;
padding: 0 42px
}
.full-page-error .error-content>div:before,.full-page-error .error-content>div:after {
content: "";
display: table
}
.full-page-error .error-content>div:after {
clear: both
}
.ie6 .full-page-error .error-content>div,.ie7 .full-page-error .error-content>div {
zoom:1}
.full-page-error .error-content>div.content-padding {
padding-top: 30px;
padding-bottom: 30px
}
.full-page-error .error-content>div.content-right {
text-align: right
}
.full-page-error .error-content>div.content-padding {
padding-top: 30px;
padding-bottom: 30px
}
.full-page-error .error-content>div.content-right {
text-align: right
}
@media (max-width: 719px) {
body.responsive .full-page-error .error-content>div {
width:100%;
max-width: 100%;
padding: 0 7vw
}
}
.full-page-error .error-content h1 {
font: 900 32px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 2rem;
color: #e98300;
text-transform: uppercase;
float: none;
margin-bottom: 25px
}
.full-page-error .error-content h2 {
float: left;
width: 40.42553191%;
margin-right: 2.12765957%;
font: 900 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
float: none;
margin-bottom: 5px
}
.full-page-error .error-content p {
float: left;
width: 40.42553191%;
margin-right: 2.12765957%;
font: 500 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
margin-bottom: 20px;
float: none
}
.media-error {
display: none
}
.simple-modal {
padding: 40px
}
.simple-modal:before,.simple-modal:after {
content: "";
display: table
}
.simple-modal:after {
clear: both
}
.ie6 .simple-modal,.ie7 .simple-modal {
zoom:1}
.simple-modal h2 {
float: left;
width: 30%;
font: 900 22px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.375rem;
padding-right: 20px
}
.simple-modal>div {
float: right;
width: 70%
}
.simple-modal p {
line-height: 1.5em
}
@media (max-width: 719px) {
body.responsive .simple-modal {
padding:7vw;
color: #4a4f55;
background: #f7f7f7;
height: -webkit-calc(100vh - 92px );
height: calc(100vh - 92px )
}
body.responsive .simple-modal h2,body.responsive .simple-modal>div {
width: 100%;
float: none
}
body.responsive .simple-modal h2 {
font: 500 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
border-bottom: 1px solid #ccc
}
body.responsive .simple-modal h2:first-child {
padding-bottom: 12px;
margin-bottom: 12px
}
body.responsive .simple-modal div {
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
}
.product-comparison {
position: relative
}
.product-comparison.loading {
min-height: 350px;
position: relative
}
.product-comparison.loading:before {
z-index: 15;
min-height: 350px;
background: #ffffff url('../../images/loading-anim.gif') no-repeat center;
position: relative;
width: 100%;
content: "";
position: absolute;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s ease .3s,opacity .3s linear;
transition: visibility 0s ease .3s,opacity .3s linear;
margin-top: 0
}
html.oldie .product-comparison.loading:before {
height: 350px
}
.product-comparison.loading.ng-cloak {
display: block !important;
z-index: 15
}
html.oldie .product-comparison.loading.ng-cloak {
height: 350px
}
.product-comparison.loading.ng-cloak:before {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.product-comparison.loading:before {
z-index: 20
}
.product-compare .invalid-tcpn-error {
color: #cd202c;
font-size: 20px;
padding: 20px 0
}
.product-compare .addProductsBox {
text-align: center;
padding: 30px 0;
background: #f7f7f7;
position: relative
}
.product-compare .addProductsBox p.remove-add-product {
position: absolute;
right: 25px;
top: 30px
}
.product-compare .addProductsBox p.remove-add-product a {
font-size: .875rem;
text-transform: uppercase;
font-weight: bold
}
.product-compare .addProductsBox p.remove-add-product a .icon-close {
font-weight: bold;
font-size: .875rem
}
.product-compare .addProductsBox p.remove-add-product a span {
padding-left: .5em
}
.product-compare .addProductsBox p {
padding-bottom: 20px
}
.product-compare .addProductsBox .error {
color: #cd202c;
font-size: 20px;
padding: 0 0 20px;
display: none
}
.product-compare .addProductsBox .error span {
display: none
}
.product-compare .addProductsBox .compare-sub-header {
font-size: .875rem;
font-weight: bold;
padding-bottom: 20px
}
.product-compare .addProductsBox .highlightTextarea {
position: relative;
overflow: hidden;
margin: 0 auto
}
.product-compare .addProductsBox .highlightTextarea-container {
position: absolute;
margin: 0;
overflow: hidden
}
.product-compare .addProductsBox .highlightTextarea-highlighter {
position: relative;
border: none;
padding: 0;
margin: 0;
color: transparent;
cursor: text;
overflow: hidden;
white-space: pre-wrap;
word-wrap: break-word
}
.product-compare .addProductsBox .debug .highlightTextarea-highlighter {
color: red;
border: 1px solid red;
margin: -1px
}
.product-compare .addProductsBox .highlightTextarea mark {
line-height: inherit;
color: transparent;
margin: 0;
padding: 0;
color: #cd202c
}
.product-compare .addProductsBox .highlightTextarea input,.product-compare .addProductsBox .highlightTextarea textarea {
position: absolute;
left: 0;
top: 0;
resize: none;
white-space: pre-wrap;
word-wrap: break-word
}
.product-compare .addProductsBox .highlightTextarea .ui-wrapper {
margin: 0 !important
}
.product-compare .addProductsBox .highlightTextarea .ui-resizable-se {
bottom: 15px;
right: 0
}
.product-compare .addProductsBox textarea {
width: 600px;
height: 240px;
box-shadow: #ededee 1px 1px 1px inset;
border: 1px solid #f7f7f7;
color: #747678;
font: 400 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
padding: 20px;
line-height: 1.75rem;
margin-bottom: 50px
}
.product-compare .addProductsBox textarea.error-tcpn {
color: #cd202c
}
.product-compare .addProductsBox .compare-product {
margin-bottom: 20px
}
.product-compare .addProductsBox .compare-product a {
margin: 0 auto;
width: 330px
}
.product-compare .addProductsBox .compare-product a.cta .cta-label {
padding: 17px 62px
}
.product-compare .addProductsBox .clear-product a {
background: #fff;
width: 330px;
display: inline-block;
padding: 13px 0;
font-size: 1rem;
box-shadow: 1px 1px 1px #ccc;
border: 1px solid #ededee;
font-weight: bold;
margin-bottom: 30px;
text-transform: uppercase
}
.product-compare.total-results {
margin-top: 20px;
margin-bottom: 20px
}
.product-compare.total-results .add-product {
float: right;
display: inline-block
}
.product-compare.total-results .add-product a i.icon {
padding-right: 7px
}
.product-compare.total-results .add-product a span {
font-size: 1rem;
text-transform: uppercase;
vertical-align: middle;
padding-bottom: 5px;
font-weight: 500
}
.product-compare.total-results .first {
padding-bottom: 15px
}
.product-compare-page {
margin-top: 20px;
margin-bottom: 30px
}
.product-compare-page .save-list-override {
padding: 10px;
border: 1px solid #fff
}
.product-compare-page .save-share {
position: relative;
display: inline-block;
left: -10px
}
.product-compare-page .label-wrapper {
float: left;
position: relative;
width: 200px
}
.product-compare-page .compare-wrapper {
position: relative;
padding-left: 200px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
overflow-y: hidden
}
.product-compare-page .compare-row {
display: block;
background: white;
overflow-x: auto
}
.product-compare-page .compare-row .new-row {
font-size: 0;
white-space: nowrap
}
.product-compare-page .compare-row .new-row .item {
display: inline-block;
vertical-align: top;
padding: 0 15px 20px;
margin-bottom: 0;
font-size: 14px;
float: none;
width: 220px;
white-space: normal;
position: relative;
border-left: 1px solid #ccc
}
.product-compare-page .compare-row .new-row .item .compare-eyebrow {
background-color: #ededee;
display: inline-block;
padding: 8px 8px 8px 10px;
min-width: 125px;
top: 0;
text-transform: uppercase;
font: 200 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 12px;
font-size: 0.75rem;
line-height: 1.16666667;
color: #3f4348
}
.product-compare-page .compare-row .new-row .item .container {
width: 125px;
height: 125px;
border: 1px solid #ebebeb;
text-align: center;
line-height: 125px;
font-size: 1px;
display: block
}
*>.product-compare-page .compare-row .new-row .item .container {
position: relative
}
.product-compare-page .compare-row .new-row .item .container:before {
height: 5px;
width: 100%;
background-color: #0073ae;
border-left: 50px solid #f28b00;
position: absolute;
display: block;
top: -5px;
content: "";
z-index: inherit
}
.product-compare-page .compare-row .new-row .item .container:before {
width: 125px;
margin-left: -1px
}
.product-compare-page .compare-row .new-row .item .container a.thumbnail-link {
display: block
}
.product-compare-page .compare-row .new-row .item .container img {
width: 100%;
height: auto;
max-height: 123px;
vertical-align: middle;
margin-top: -2px
}
.product-compare-page .compare-row .new-row .item .container .icon-large {
color: #ccc;
display: inline-block;
font-size: 70px;
vertical-align: middle
}
.product-compare-page .compare-row .new-row .item .innerItem {
border-bottom: 1px solid #ebebeb;
margin-bottom: 3px;
min-height: 330px;
padding-bottom: 5px
}
.product-compare-page .compare-row .new-row .item .innerItem .product-compliance {
font-size: .835rem
}
.product-compare-page .compare-row .new-row .item .compare-parent-cat {
padding-top: 5px;
min-height: 30px
}
.product-compare-page .compare-row .new-row .item .compare-parent-cat h3 {
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.14285714;
color: #747678
}
.product-compare-page .compare-row .new-row .item .compare-desc {
text-transform: uppercase;
margin: 5px 0;
min-height: 30px
}
.product-compare-page .compare-row .new-row .item .compare-desc span {
word-wrap: break-word
}
.product-compare-page .compare-row .new-row .item .product-ids {
text-transform: uppercase
}
.product-compare-page .compare-row .new-row .item .product-ids li h3 {
font: 400 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem
}
.product-compare-page .compare-row .new-row .item .compare-active-status a {
padding: 10px 0
}
.product-compare-page .compare-row .new-row .item .product-status {
float: none
}
.product-compare-page .compare-row .new-row .item .compare-save-to-list {
clear: both
}
.product-compare-page .compare-row .new-row .item .differing-feature-item {
font-size: .8rem;
font-weight: bold;
line-height: 1.05rem;
height: 50px;
overflow-y: auto
}
.product-compare-page .compare-row .new-row .item .differing-feature-item .label {
font-weight: bold
}
.product-compare-page .compare-leaf-attrs {
overflow-x: hidden;
width: 100%
}
.product-compare-page .compare-leaf-attrs .new-row {
margin-top: 40px
}
.product-compare-page .compare-leaf-attrs .new-row .item {
padding: 0
}
.product-compare-page .compare-leaf-attrs .new-row .item li {
padding: 5px 15px 10px
}
.product-compare-page .compare-leaf-attrs .new-row .item li div {
display: inline-block;
padding-right: 10px
}
.product-compare-page .compare-leaf-attrs .new-row .item li:nth-child(even) {
background: #ffffff
}
.product-compare-page .not-same-node .new-row .item li:nth-child(even) {
background: none
}
.product-compare-page .differing-wrapper {
border-bottom: 1px solid #ccc;
background-color: #f7f7f7;
position: absolute;
margin-left: -200px;
width: 100%;
min-height: 247px;
height: 100%
}
.product-compare-page .differing-wrapper .labels-different-header {
background-color: #ededee;
font: 400 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
font-size: 1.3rem;
padding: 12px 6px;
position: relative
}
.product-compare-page .differing-wrapper .labels-different-header .different-header-text {
width: 200px;
top: -18px;
position: absolute;
left: 0;
height: 30px;
padding: 8px 4px;
background-color: #ededee
}
.product-compare-page .labels-different-list {
position: absolute;
margin-top: 30px;
width: 150px;
font: 500 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
padding-top: 10px
}
.product-compare-page .labels-different-list.labels-different-list-override {
margin-top: 0;
padding-top: 0
}
.product-compare-page .labels-different-list li ul li {
margin-left: -190px;
padding: 5px 15px 5px
}
.product-compare-page .labels-different-list li ul li:nth-child(even) {
background: #ffffff
}
.product-compare-page .labels-different-list .differing-feature-label {
font-size: .8rem;
line-height: 1.05rem;
height: 50px;
width: 200px;
word-wrap: break-word
}
.product-compare-page .labels-different-list .differing-feature-label.differing-feature-label-override {
position: relative;
padding-top: 0;
width: 225px;
margin-left: -210px
}
.product-compare-page .remove-product {
position: absolute;
right: 1em;
top: .4em
}
.product-compare-page .remove-product a {
outline: 0
}
.product-compare-page .similar-wrapper .differing-wrapper {
border-bottom: none;
background: #ffffff;
height: 100%;
border-top: 1px solid #ccc
}
.product-compare-page .similar-wrapper .differing-wrapper .labels-different-header {
background: none;
position: relative
}
.product-compare-page .similar-wrapper .new-row {
margin-top: 60px
}
.product-compare-page .similar-wrapper .new-row .item {
border-left: none
}
.product-compare-page .similar-wrapper .new-row li {
height: 50px;
width: 400px;
overflow-y: auto
}
.product-compare-page .similar-wrapper .new-row li .multipleValue {
display: inline-block;
font-size: .8rem;
line-height: 1.05rem;
word-wrap: break-word;
font-weight: bold
}
.product-compare-page .similar-wrapper .similar-features-header {
font-size: 1.125rem;
position: absolute;
margin-left: -200px;
margin-top: 0
}
.product-compare-page .similar-wrapper .similar-features-list {
position: absolute;
margin-top: 50px;
width: 150px;
padding-top: 10px
}
.product-compare-page .similar-wrapper .similar-features-list .differing-feature-item {
font-size: .8rem;
line-height: 1.05rem;
height: 50px;
margin-left: -170px;
width: 180px;
word-wrap: break-word
}
.prod-comp-previous-link {
font: 500 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
margin: 16px 0
}
.prod-comp-previous-link a {
cursor: pointer;
color: #0066a1
}
.prod-comp-previous-link a:hover {
color: #3db7e4
}
.no-product-results {
border-top: 1px solid #ccc;
padding-top: 20px
}
.addthis-te-wrapper {
display: none;
position: fixed;
top: 40%;
left: 0;
z-index: 10001
}
.addthis-te-wrapper.loaded {
display: block
}
@media (max-width: 719px) {
body.responsive .addthis-te-wrapper {
display:none !important
}
}
.share-transitions {
transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease
}
.share-scales {
transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')
}
.fb-share {
height: 30px;
width: 30px;
height: 2.5vw;
width: 2.5vw;
margin: 0 0 7px 0;
background: url('../../images/facebook_circle_color.svg') no-repeat;
background-size: contain;
transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease
}
.tw-share {
height: 30px;
width: 30px;
height: 2.5vw;
width: 2.5vw;
margin: 0 0 7px 0;
background: url('../../images/twitter_circle_color.svg') no-repeat;
background-size: contain;
transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease
}
.li-share {
height: 30px;
width: 30px;
height: 2.5vw;
width: 2.5vw;
margin: 0 0 7px 0;
background: url('../../images/linkedin_circle_color.svg') no-repeat;
background-size: contain;
transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease
}
.gp-share {
height: 30px;
width: 30px;
height: 2.5vw;
width: 2.5vw;
margin: 0 0 7px 0;
background: url('../../images/google_circle_color.svg') no-repeat;
background-size: contain;
transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease
}
.sw-share {
height: 30px;
width: 30px;
height: 2.5vw;
width: 2.5vw;
margin: 0 0 7px 0;
background: url('../../images/sina-weibo_circle_color_white_circle_al.svg') no-repeat;
background-size: contain;
transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease
}
.more-share {
height: 30px;
width: 30px;
height: 2.5vw;
width: 2.5vw;
background: url('../../images/add-this-more-icon-default_al.svg') no-repeat;
background-size: contain;
transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease
}
.more-share:hover {
background: url('../../images/add-this-more-icon-hover_al.svg') no-repeat;
background-size: contain;
opacity: .85;
transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')
}
.more-share:after {
display: none;
content: url('../../images/add-this-more-icon-hover_al.svg')
}
.wc-share {
height: 30px;
width: 30px;
height: 2.5vw;
width: 2.5vw;
margin: 0 0 7px 0;
background: url('../../images/we-chat-icon.svg') no-repeat;
background-size: contain;
transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease
}
.wc-share:hover,.sw-share:hover,.li-share:hover,.fb-share:hover,.tw-share:hover,.gp-share:hover {
opacity: .85;
transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')
}
@media screen and (min-width: 1200px) {
.wc-share,.sw-share,.li-share,.fb-share,.tw-share,.gp-share,.more-share {
height:30px;
width: 30px
}
}
.te-social-icon-header-compare {
padding-top: 20px;
padding-bottom: 20px;
position: absolute;
top: 100px;
right: 150px;
z-index: 10
}
.te-social-icon-header-campain-landing {
top: 10px
}
.te-social-icon-header-search {
padding-top: 20px;
padding-bottom: 20px
}
.header-space-for-page {
margin-top: 80px
}
.addthis-te-pullquote-wrapper {
position: absolute;
right: 0;
top: -60px;
margin-top: 13px;
margin-right: 20px
}
.addthis-te-pullquote-image-wrapper {
position: absolute;
top: 0;
right: 0;
margin-top: 13px;
margin-right: 20px
}
.addthis-te-pullquote-inline-block {
display: inline-block
}
.addthis-te-video-wrapper {
position: absolute;
right: 6%;
margin-top: 1.3%;
z-index: 4
}
@media (max-width: 719px) {
body.responsive .addthis-te-video-wrapper {
display:none !important
}
}
.fb-share-small {
height: 33px;
width: 33px;
background: url('../../images/facebook_circle_color.svg') no-repeat;
background-size: contain;
transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease
}
.tw-share-small {
height: 33px;
width: 33px;
background: url('../../images/twitter_circle_color.svg') no-repeat;
background-size: contain;
transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease
}
.li-share-small {
height: 33px;
width: 33px;
background: url('../../images/linkedin_circle_color.svg') no-repeat;
background-size: contain;
transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease
}
.gp-share-small {
height: 33px;
width: 33px;
background: url('../../images/google_circle_color.svg') no-repeat;
background-size: contain;
transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease
}
.sw-share-small {
height: 33px;
width: 33px;
background: url('../../images/sina-weibo_circle_color_white_circle_al.svg') no-repeat;
background-size: contain;
transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease
}
.more-share-small {
height: 33px;
width: 33px;
background: url('../../images/add-this-more-icon-default_al.svg') no-repeat;
background-size: contain;
transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease
}
.more-share-small:hover {
background: url('../../images/add-this-more-icon-hover_al.svg') no-repeat;
background-size: contain;
opacity: .85;
transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')
}
.wc-share-small {
height: 33px;
width: 33px;
background: url('../../images/we-chat-icon.svg') no-repeat;
background-size: contain;
transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease
}
.wc-share-small:hover,.sw-share-small:hover,.li-share-small:hover,.fb-share-small:hover,.tw-share-small:hover,.gp-share-small:hover {
opacity: .85;
transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')
}
.video-max-width-limit {
max-width: 65.5%
}
.section-break .heading {
width: 100%;
font-weight: 500;
margin: 0 0 15px 0;
padding: 0;
color: #3f4348
}
#contactForm {
margin: 0 auto
}
#contactForm .content-area {
width: 100% !important;
margin: 0 auto 30px
}
.elq-form * {
margin: 0;
padding: 0
}
@media (max-width: 719px) {
body.responsive .elq-form * {
box-sizing:border-box
}
}
.elq-form input {
padding: 1px
}
.elq-form select {
margin-bottom: 25px !important
}
.elq-form .question .field-style._100 {
width: 97.2%
}
@media (max-width: 719px) {
body.responsive .elq-form .question .field-style._100 {
width:100%
}
}
.elq-form .double-column {
width: 100%;
display: table
}
@media (max-width: 719px) {
body.responsive .elq-form .double-column {
display:block;
width: 100% !important
}
}
.elq-form .double-column .sc-view {
width: 49%;
padding: 0;
display: table-cell;
vertical-align: top
}
@media (max-width: 719px) {
body.responsive .elq-form .double-column .sc-view {
width:100%;
display: block !important
}
}
.elq-form .item-padding {
padding: 0
}
@media (max-width: 719px) {
body.responsive .elq-form .item-padding {
padding-left:0;
padding-right: 0
}
body.responsive .elq-form .item-padding:before,body.responsive .elq-form .item-padding:after {
content: "";
display: table
}
body.responsive .elq-form .item-padding:after {
clear: both
}
.ie6 body.responsive .elq-form .item-padding,.ie7 body.responsive .elq-form .item-padding {
zoom:1}
}
.elq-form .field-wrapper.individual {
float: left;
width: 100%;
clear: both
}
.elq-form .text-field .field-p {
width: 97.5%
}
@media (max-width: 719px) {
body.responsive .elq-form .text-field .field-p {
width:100%
}
}
.elq-form .field-p {
position: relative;
margin: 0;
padding: 0
}
.elq-form .field-p .custom-file-upload {
border-bottom: 1px solid #ccc;
border-right: 1px solid #ededee;
display: inline-block;
padding: 15px 80px;
cursor: pointer;
background-color: #ededee;
color: #0066a1;
margin: 20px 0 0;
font-size: .875rem;
font-weight: bold;
text-align: center;
text-transform: uppercase;
position: relative;
z-index: 2
}
@media (max-width: 719px) {
body.responsive .elq-form .field-p .custom-file-upload {
width:100%
}
}
.elq-form .field-p .fileName {
display: block;
font-size: .75rem;
padding: 5px 0 20px 0
}
.elq-form .field-p input.attachment {
display: none
}
.elq-form .field-p.submit-btn {
display: table;
float: none;
width: auto
}
@media (max-width: 719px) {
body.responsive .elq-form .field-p.submit-btn {
width:100%
}
}
.elq-form .field-p.submit-btn input[type="submit"] {
display: table-cell;
width: 220px;
margin: 0 1px 0 0 !important;
text-align: left;
padding-left: 20px;
font-size: 14px;
font-weight: 600
}
@media (max-width: 719px) {
body.responsive .elq-form .field-p.submit-btn input[type="submit"] {
width:99.5% !important;
text-align: center
}
}
.elq-form .field-p.submit-btn .icon[role="presentation"].icon-medium {
background: #0066a1;
display: table-cell;
margin: 0;
padding: 0;
vertical-align: middle;
width: 45px;
padding-left: 13px;
color: #fff
}
.elq-form .field-p.submit-btn .icon[role="presentation"].icon-medium.mouse-over {
background-color: #3db7e4
}
.elq-form .field-p.submit-btn:hover input[type="submit"],.elq-form .field-p.submit-btn:hover .icon[role="presentation"].icon-medium {
background-color: #3db7e4
}
.elq-form .zIndex-fix {
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.elq-form .field-design {
position: absolute;
z-index: 2;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0;
padding: 0
}
.elq-form .no-fields-prompt {
float: left;
width: 100%;
height: 150px;
padding-top: 50px;
clear: both
}
.elq-form .section-break {
float: left;
width: 97%;
margin-right: 2%;
padding-bottom: 6px
}
@media (max-width: 719px) {
body.responsive .elq-form .section-break {
float:none;
width: 100%
}
}
.elq-form .section-break .heading {
width: 100%;
margin: 0;
padding: 0;
color: #3f4348
}
.elq-form .required {
color: red !important;
display: inline;
float: none;
font-weight: bold;
margin: 0 0 0;
padding: 0 0 0
}
.elq-form .field-group {
float: left;
clear: both
}
@media (max-width: 719px) {
body.responsive .elq-form .field-group {
float:none
}
}
.elq-form .field-group .label {
float: left;
width: 97%;
margin-right: 2%;
margin-left: 1%;
padding-bottom: 6px;
font-weight: bold
}
.elq-form .field-group.large {
width: 100%
}
.elq-form .field-group.medium {
width: 51%
}
.elq-form .field-group.small {
width: 31%
}
.elq-form .progressive-profile:before,.elq-form .progressive-profile:after {
content: "";
display: table
}
.elq-form .progressive-profile:after {
clear: both
}
.ie6 .elq-form .progressive-profile,.ie7 .elq-form .progressive-profile {
zoom:1}
.elq-form .progressive-profile .pp-inner {
float: left;
clear: both
}
.elq-form .progressive-profile .pp-inner.large {
width: 100%
}
.elq-form .progressive-profile .pp-inner.medium {
width: 51%
}
.elq-form .progressive-profile .pp-inner.small {
width: 31%
}
.elq-form .radio-option {
display: inline-block
}
.elq-form .radio-option .label {
display: block;
float: left;
padding-right: 10px;
padding-left: 22px;
text-indent: -22px
}
.elq-form .radio-option .input {
vertical-align: middle;
margin-right: 7px
}
.elq-form .radio-option .inner {
vertical-align: middle
}
.elq-form .checkbox-span {
display: inline-block
}
.elq-form .checkbox-label {
margin-left: 4px;
display: table-cell
}
.elq-form .accept-default {
width: 100%
}
.elq-form .field-style {
float: left;
padding-right: 5px
}
@media (max-width: 719px) {
body.responsive .elq-form .field-style {
margin:0;
float: none;
width: 100%
}
}
.elq-form .field-style._25 {
width: 21%
}
.elq-form .field-style._50 {
width: 46%
}
.elq-form .field-style._50_left {
clear: left;
width: 46%
}
.elq-form .field-style._75 {
width: 71%
}
.elq-form .field-style._100 {
width: 96%
}
.elq-form .field-size-top-small {
width: 30%
}
.elq-form .field-size-top-medium {
width: 75%
}
.elq-form .field-size-top-large {
width: 100%
}
.elq-form .field-size-left-small {
width: 21%
}
.elq-form .field-size-left-medium {
width: 46%
}
.elq-form .field-size-left-large {
width: 60%
}
.elq-form .instructions.default {
color: #444444;
display: block;
font-size: 10px;
padding: 6px 0 3px
}
.elq-form .instructions.group {
float: left;
width: 97%;
margin-right: 2%;
margin-left: 2%;
padding: 6px 0 3px;
color: #444444;
display: block;
font-size: 10px
}
.elq-form .instructions.left-single {
margin: 0 0 0 33%
}
.elq-form .instructions-other {
margin: 0
}
.elq-form .label-position.left {
display: block;
line-height: 150%;
padding: 1px 0 3px;
float: left;
width: 31%;
margin: 0 15px 0 0;
word-wrap: break-word
}
.elq-form .label-position.top {
display: block;
line-height: 150%;
padding: 1px 0 3px;
white-space: nowrap
}
.elq-form .label-position.alignment-left {
text-align: left
}
.elq-form .label-position.alignment-right {
text-align: right
}
.elq-form .list-order {
display: block;
margin: 0 7px 0 0;
float: left
}
.elq-form .list-order.oneColumn {
float: none;
width: 100%;
clear: both
}
.elq-form .list-order.twoColumn {
width: 38%
}
.elq-form .list-order.threeColumn {
width: 30%
}
.elq-form .list-order.oneColumnLeft {
width: 100%
}
.elq-form .list-order.twoColumnLeft {
width: 38%
}
.elq-form .list-order.threeColumnLeft {
width: 30%
}
.elq-form .grid-style {
display: inline;
float: left;
margin-left: 2%;
margin-right: 2%
}
.elq-form .grid-style._25 {
width: 21%
}
.elq-form .grid-style._50 {
width: 46%
}
.elq-form .grid-style._75 {
width: 71%
}
.elq-form .grid-style._100 {
width: 96%
}
.elq-form textarea.field-size-top-large {
width: 99.5%
}
.elq-form input,textarea {
box-sizing: content-box
}
.elq-form button,input[type=reset],input[type=button],input[type=submit],input[type=checkbox],input[type=radio],select {
box-sizing: border-box
}
.te-am-excel-generator-page {
background-color: #ffffff;
overflow: hidden;
min-height: 100%;
position: relative;
min-height: 530px
}
.te-am-excel-generator-page:before {
z-index: 15;
min-height: 100%;
background: transparent url('../../images/loading-anim.gif') no-repeat top;
position: relative;
width: 100%;
content: "";
position: absolute;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s ease .3s,opacity .3s linear;
transition: visibility 0s ease .3s,opacity .3s linear;
margin-top: 12px
}
html.oldie .te-am-excel-generator-page:before {
height: 100%
}
.te-am-excel-generator-page.loader {
display: block !important;
z-index: 15
}
html.oldie .te-am-excel-generator-page.loader {
height: 100%
}
.te-am-excel-generator-page.loader:before {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.te-am-excel-generator-page .excel-generator-title-section {
background: white;
padding-top: 30px
}
.te-am-excel-generator-page .excel-generator-title-section .excel-generator-text-wrapper {
width: 940px;
margin: 0 auto
}
.te-am-excel-generator-page .excel-generator-title-section .excel-generator-text-wrapper h1 {
margin-bottom: 10px
}
.te-am-excel-generator-page .btn-export-to-excel-font-styles {
margin-top: 20px;
margin-bottom: 15px;
width: 170px;
font: 200 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem
}
.te-am-excel-generator-page .btn-upload-spreadsheet-font-styles {
margin-top: 20px;
margin-bottom: 15px;
width: 210px;
font: 200 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem
}
.te-am-excel-generator-page .export-to-excel-button-wrapper {
margin-top: 30px
}
.te-am-excel-generator-page .export-to-excel-button-wrapper .export-to-excel-button {
clear: both;
margin: 15px 0;
height: 40px;
font: 200 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem
}
.te-am-excel-generator-page .export-to-excel-button-wrapper .export-to-excel-button .export-to-excel-btn-disabled {
cursor: default;
background: #ccc;
border: #ccc
}
.te-am-excel-generator-page .excel-generator-one-section {
min-height: 385px
}
.te-am-excel-generator-page .excel-generator-one-section .excel-generator-one-col-left {
float: left;
width: 40.42553191%;
margin-right: 2.12765957%;
background: white
}
.te-am-excel-generator-page .excel-generator-one-section .excel-generator-one-col-left .excel-generator-one-col-wrapper {
padding-bottom: 20px
}
.te-am-excel-generator-page .excel-generator-one-section .excel-generator-one-col-left .excel-generator-one-col-wrapper label {
margin-top: 15px;
display: block;
font: 500 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
color: #4a4f55
}
.te-am-excel-generator-page .excel-generator-one-section .excel-generator-one-col-left .excel-generator-one-col-wrapper label p {
padding-top: 1px
}
.te-am-excel-generator-page .excel-generator-one-section .excel-generator-one-col-left .excel-generator-one-col-wrapper .excel-generator-one-col-header-text {
font: 900 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
color: #686c70;
padding: 20px 0 10px 0
}
.te-am-excel-generator-page .excel-generator-one-section .excel-generator-one-col-left .excel-generator-one-col-wrapper .excel-generator-one-col-header-text span {
font: 200 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
color: #666;
word-wrap: break-word;
padding: 0 0 5px 0
}
.te-am-excel-generator-page .excel-generator-one-section .excel-generator-one-col-left .excel-generator-one-col-wrapper textarea {
width: 100%;
height: 135px;
resize: none;
font: 200 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
color: #4a4f55;
border: 1px solid #ededee
}
.te-am-excel-generator-page .excel-generator-one-section .excel-generator-one-col-left .excel-generator-one-col-wrapper h1 {
font: 900 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #0066a1;
word-wrap: break-word;
padding: 25px 0 5px 0
}
.te-am-excel-generator-page .excel-generator-one-section .excel-generator-one-col-left .excel-generator-one-col-wrapper h2 {
font: 200 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #4a4f55;
word-wrap: break-word;
padding: 0 0 5px 0
}
.te-am-excel-generator-page .excel-generator-one-section .excel-generator-one-col-left .excel-generator-one-col-wrapper h3 {
font: 200 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #0066a1;
word-wrap: break-word;
padding: 0 0 5px 0
}
.te-am-excel-generator-page .excel-generator-one-section .excel-generator-one-col-right {
float: left;
width: 57.44680851%;
margin-right: 0;
float: right;
margin-top: 52px
}
.te-am-excel-generator-page .excel-generator-one-section .excel-generator-one-col-right .col-right-btn-wrapper {
width: 540px
}
.te-am-excel-generator-page .excel-generator-one-section .excel-generator-one-col-right .col-right-btn-wrapper .col-right-btn-text {
width: 471px;
padding: 23px 10px 10px 20px;
border-right: 1px solid #ededee;
border-top: 1px solid #ededee;
border-left: 1px solid #ededee;
height: 70px;
float: left;
font: 500 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
background-color: #f7f7f7
}
.te-am-excel-generator-page .excel-generator-one-section .excel-generator-one-col-right .col-right-btn-wrapper .col-right-btn-text span {
font: 500 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
color: #686c70
}
.te-am-excel-generator-page .excel-generator-one-section .excel-generator-one-col-right .col-right-btn-wrapper .col-right-btn-text p {
line-height: 70%
}
.te-am-excel-generator-page .excel-generator-one-section .excel-generator-one-col-right .col-right-btn-wrapper .col-right-btn-icon {
background-color: #f7f7f7;
max-width: 6em;
border-right: 1px solid #ededee;
border-top: 1px solid #ededee;
padding: 22px 20px 5px 20px;
height: 70px;
float: left
}
.te-am-excel-generator-page .excel-generator-one-section .excel-generator-one-col-right .col-right-btn-wrapper .last {
border-bottom: 1px solid #ededee;
background-color: white
}
.te-am-excel-generator-page .excel-grey-content-well {
width: 940px;
margin: 0 auto;
padding: 0 42px
}
.te-am-excel-generator-page .excel-generator-two-section {
min-height: 450px;
background-color: #ededee;
margin-bottom: 50px;
margin-top: 25px
}
.te-am-excel-generator-page .excel-generator-two-section .excel-generator-two-col-left {
float: left;
width: 40.42553191%;
margin-right: 2.12765957%
}
.te-am-excel-generator-page .excel-generator-two-section .excel-generator-two-col-left .excel-generator-two-col-wrapper {
padding-bottom: 20px
}
.te-am-excel-generator-page .excel-generator-two-section .excel-generator-two-col-left .excel-generator-two-col-wrapper .excel-checkbox-wrapper {
display: block;
position: relative
}
.te-am-excel-generator-page .excel-generator-two-section .excel-generator-two-col-left .excel-generator-two-col-wrapper .checkbox-label-wrapper-container {
display: block;
min-height: 32px;
width: 25px
}
.te-am-excel-generator-page .excel-generator-two-section .excel-generator-two-col-left .excel-generator-two-col-wrapper .excel-text-inline {
display: inline;
font: 200 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.te-am-excel-generator-page .excel-generator-two-section .excel-generator-two-col-left .excel-generator-two-col-wrapper .excel-text-margin-top {
margin-top: 15px
}
.te-am-excel-generator-page .excel-generator-two-section .excel-generator-two-col-left .excel-generator-two-col-wrapper input[type=text] {
display: inline;
margin: 5px 0 0 0;
height: 25px;
width: 200px;
font: 200 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.te-am-excel-generator-page .excel-generator-two-section .excel-generator-two-col-left .excel-generator-two-col-wrapper .excel-generator-two-col-header-text {
font: 900 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
color: #686c70;
padding: 20px 0 10px 0;
margin-bottom: 15px
}
.te-am-excel-generator-page .excel-generator-two-section .excel-generator-two-col-left .excel-generator-two-col-wrapper h2 {
font: 200 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #4a4f55;
word-wrap: break-word
}
.te-am-excel-generator-page .excel-generator-two-section .excel-generator-two-col-left .excel-generator-two-col-wrapper h3 {
font: 200 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
color: #0066a1;
cursor: pointer;
word-wrap: break-word
}
.te-am-excel-generator-page .excel-generator-two-section .excel-generator-two-col-left .excel-generator-two-col-wrapper h4 {
font: 500 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
color: #4a4f55;
word-wrap: break-word
}
.te-am-excel-generator-page .excel-generator-two-section .excel-generator-two-col-left .excel-generator-two-col-wrapper input[type='button'] {
border: 1px solid #999;
width: 85px;
height: 26px;
border-radius: 3px;
cursor: pointer;
font: 500 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
background-color: #f7f7f7
}
.te-am-excel-generator-page .excel-generator-two-section .excel-generator-two-col-left .excel-generator-two-col-wrapper input[type='button']:hover {
background-color: #ccc;
color: #ffffff
}
.te-am-excel-generator-page .excel-generator-two-section .excel-generator-two-col-left .excel-generator-two-col-wrapper .excel-generator-error-message {
width: 270px;
margin: 10px 0 10px 0;
word-wrap: break-word;
font: 900 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
color: #cd202c
}
.te-am-excel-generator-page .excel-generator-two-section .excel-generator-two-col-left .excel-generator-two-col-wrapper input[type='radio'] {
-webkit-appearance: none;
width: 15px;
height: 15px;
vertical-align: bottom;
border-radius: 50%;
box-shadow: 0 0 5px 0 gray inset;
margin-bottom: 2px
}
.te-am-excel-generator-page .excel-generator-two-section .excel-generator-two-col-left .excel-generator-two-col-wrapper input[type='radio']:hover {
box-shadow: 0 0 5px 0 #0066a1 inset
}
.te-am-excel-generator-page .excel-generator-two-section .excel-generator-two-col-left .excel-generator-two-col-wrapper input[type='radio']:before {
content: '';
display: block;
width: 60%;
height: 60%;
margin: 20% auto;
border-radius: 50%
}
.te-am-excel-generator-page .excel-generator-two-section .excel-generator-two-col-left .excel-generator-two-col-wrapper input[type='radio']:checked:before {
background: #0066a1
}
.te-am-excel-generator-page .excel-generator-two-section .excel-generator-two-col-right {
float: left;
width: 57.44680851%;
margin-right: 0;
float: right
}
.te-am-excel-generator-page .excel-generator-two-section .excel-generator-two-col-right li {
list-style: none;
font: 200 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
padding-top: 15px;
padding-left: 1em;
text-indent: -1em
}
.te-am-excel-generator-page .excel-generator-two-section .excel-generator-two-col-right li:before {
content: "\2022";
font-size: 20px;
color: #686c70;
vertical-align: bottom;
line-height: 16px;
padding-right: 6px
}
.te-am-excel-generator-page .excel-generator-two-section .excel-generator-two-col-right p {
font: 900 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
color: #686c70;
padding: 20px 0 10px 0
}
.excel-generator-checkbox-label {
margin-left: 35px;
margin-top: -17px;
font: 200 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.excel-generator-filter-checkbox {
padding-top: 10px;
height: 25px
}
.excel-generator-filter-checkbox label {
font: 200 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
background-color: white;
cursor: pointer;
width: 100%;
border: 1px solid #ededee;
height: 55px
}
.excel-generator-filter-checkbox label:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.2em
}
.excel-generator-filter-checkbox label i {
border: 1px solid #ccc;
height: 25px;
width: 25px;
text-align: center;
color: #ccc;
position: absolute
}
.excel-generator-filter-checkbox label span {
display: inline-block;
vertical-align: middle;
width: 115px;
color: #3f4348;
font: 400 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
margin-left: 35px
}
.excel-generator-filter-checkbox label.checked i {
background-color: #0066a1
}
.excel-generator-filter-checkbox label.checked:hover,.excel-generator-filter-checkbox label.checked:focus {
color: #3db7e4
}
.excel-generator-filter-checkbox label.checked:hover i,.excel-generator-filter-checkbox label.checked:focus i {
background-color: #3db7e4;
color: #f7f7f7
}
.excel-generator-filter-checkbox label:hover,.excel-generator-filter-checkbox label:focus,.excel-generator-filter-checkbox label.focus {
color: #3db7e4
}
.excel-generator-filter-checkbox label:hover i,.excel-generator-filter-checkbox label:focus i,.excel-generator-filter-checkbox label.focus i {
color: #3db7e4
}
.excel-generator-filter-checkbox label.disabled,.excel-generator-filter-checkbox label.disabled:focus,.excel-generator-filter-checkbox label.disabled:hover {
cursor: default !important;
color: #ccc !important
}
.excel-generator-filter-checkbox label.disabled.checked i,.excel-generator-filter-checkbox label.disabled.checked:hover i,.excel-generator-filter-checkbox label.disabled.checked:focus i {
background-color: #ccc !important
}
.excel-generator-filter-checkbox input[type="checkbox"] {
z-index: 0;
position: absolute;
left: -100%
}
.excel-generator-dropdown {
position: relative;
height: 40px
}
.excel-generator-dropdown a.deactivate {
display: inline-block;
padding-right: 5px
}
.excel-generator-dropdown a.choose span {
margin-left: 10px
}
.excel-generator-filter-tab-wrapper {
display: inline-block;
margin-right: 20px;
margin-top: 5px;
height: 40px;
padding: 12px 0;
border-bottom: none
}
.excel-generator-filter-tab-wrapper a {
font: 200 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #4a4f55
}
#languageDropDownUF.excel-generator-dropdown.open {
background: #ededee
}
#languageDropDownUF.excel-generator-dropdown.open .excel-generator-filter-tab-wrapper {
background: #ffffff
}
.excel-generator-dropdown.open {
border-bottom: none;
background: #ffffff;
width: 240px
}
.excel-generator-dropdown.open .excel-generator-filter-tab-wrapper {
border: 1px solid #ccc;
border-bottom: none;
padding-left: 10px
}
.excel-generator-dropdown.open .excel-generator-filter-tab-wrapper a {
font: 200 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #4a4f55
}
.excel-generator-filter-tab-wrapper.permanent .deactivate {
display: none !important
}
.excel-generator-dropdown ul {
display: none;
position: absolute;
left: 0;
top: 40px;
z-index: 10
}
.excel-generator-dropdown.open ul {
display: block;
float: left;
clear: left;
text-align: left
}
.excel-generator-dropdown.open ul.reduced-view {
height: 290px;
overflow-y: scroll
}
.excel-generator-dropdown.open li {
background: #ffffff;
border: 1px solid #ccc;
border-bottom: none;
cursor: pointer;
display: block;
height: 40px;
overflow: hidden;
position: relative;
z-index: 30
}
.excel-generator-dropdown.open li:last-child {
border-bottom: 1px solid #ccc
}
.excel-generator-dropdown.open li a {
width: 240px;
padding: 11px 2px 10px 20px;
display: block
}
.excel-generator-dropdown.open li a:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em
}
#languageOutputSelectedLabelUF {
margin-top: 14px;
font: 200 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #4a4f55
}
.model-detail-tabs ul[role="tablist"] {
text-align: left;
border-bottom: none;
height: auto
}
.model-detail-tabs ul[role="tablist"] li {
border-right: 1px solid #f7f7f7
}
.model-detail-tabs ul[role="tablist"] li h3 {
overflow: hidden
}
.model-detail-tabs ul[role="tablist"] li h3 a {
text-transform: uppercase;
color: #0066a1;
white-space: nowrap;
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
font-size: 1.063rem;
line-height: 1.28em;
margin-right: 0;
padding: 12px 17px 11px;
border: 0
}
.model-detail-tabs ul[role="tablist"] li h3 a:hover,.model-detail-tabs ul[role="tablist"] li h3 a:focus {
background-color: transparent;
color: #3db7e4
}
.model-detail-tabs ul[role="tablist"] li h3 a.active {
color: #3db7e4;
background-color: #f7f7f7
}
@media (max-width: 719px) {
body.responsive .model-detail-tabs.panel-group .panels {
padding:0
}
}
.model-detail-tabs.panel-group .panels>div {
display: block !important;
left: -9999px !important;
position: absolute !important
}
.model-detail-tabs.panel-group .panels>div.active {
left: 0 !important;
position: relative !important
}
@media (max-width: 719px) {
body.responsive .model-detail-tabs .mdp-no-documents-msg {
padding:24px 0
}
}
.mdp-summary-content .right-content-column {
width: 63%
}
.mdp-summary-content .right-content-column .product-family-series h3 {
padding-top: 7px
}
.mdp-summary-content .right-content-column .product-family-series .model-summary p {
padding-top: 17px
}
.mdp-summary-content .right-content-column a.see-all-features {
margin-top: 20px;
display: inline-block
}
.mdp-summary-content .right-content-column .see-model-page-link a.see-all-features {
margin-top: 0;
display: inline-block;
margin-bottom: 20px
}
.mdp-summary-content .right-content-column .product-compliance a.product-compliance-links {
display: inline-block
}
.mdp-inventory-request-more-section #product-standalone-message {
width: 100%
}
.mdp-inventory-request-more-section .btn-group-clr-6 li>a {
overflow: hidden;
line-height: 68px
}
.mdp-inventory-request-more-section .btn-group-clr-6 li>a span {
vertical-align: middle;
line-height: normal;
display: inline-block;
width: 204px
}
#mdp-specs-tabpanel .product-feature-category ul.features li.even {
background-color: #f7f7f7
}
#mdp-overview-tabpanel .te-promo.te-promo-video.large .container {
border-top-width: 0
}
#mdp-overview-tabpanel .te-promo.te-promo-video.large .container h2 {
font: 900 22px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.375rem;
padding: 0;
text-transform: uppercase;
color: #e98300
}
#mdp-overview-tabpanel .te-promo.te-promo-video.large .container h2 a {
color: #e98300
}
#mdp-overview-tabpanel .primary-video {
border-bottom-width: 0;
margin-bottom: 0
}
.md-contact-form-wrapper {
width: 960px;
margin: 0 auto
}
.md-contact-form-wrapper .md-wrapper {
width: 70%
}
.md-select {
padding: 12px 10px;
display: block;
width: 77%;
border: none;
font-size: .875rem;
line-height: 2.8;
color: #3f4348
}
.md-disclaimer {
width: 75%
}
.contact-our-media-team-div {
text-align: center;
margin: 15px 0
}
.news-center-article-list {
position: relative;
width: 1024px;
margin: 0 auto
}
.dialog_header {
height: 65px;
background-color: #696e78;
text-align: center;
line-height: 3;
color: white;
font-size: 22px
}
.dialog_closeBtn {
position: absolute;
display: inline-block;
right: 18px;
top: 15px;
height: 17px;
width: 17px;
cursor: pointer
}
.dialog_closeBtn_left {
position: absolute;
display: inline-block;
top: 8px;
height: 2px;
width: 17px;
background: #fff;
border-radius: 2px;
transForm: rotate(45deg)
}
.dialog_closeBtn_right {
position: absolute;
display: inline-block;
top: 8px;
height: 2px;
width: 17px;
background: #fff;
border-radius: 2px;
transForm: rotate(-45deg)
}
.dialog_content_layout {
padding-top: 20px;
padding-right: 25px
}
.dialog_content_global {
overflow: hidden
}
.dialog_content {
padding-left: 25px;
word-wrap: break-word
}
.dialog_content_tel {
width: 70px;
display: inline-block
}
.dialog_content li {
line-height: 2
}
.dialog_content .dialog_content_contact {
width: 70px;
display: inline-block
}
.my-parts-list.ng-cloak {
min-height: 650px;
position: relative
}
.my-parts-list.ng-cloak:before {
z-index: 15;
min-height: 650px;
background: #ffffff url('../../images/loading-anim.gif') no-repeat center;
position: relative;
width: 100%;
content: "";
position: absolute;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s ease .3s,opacity .3s linear;
transition: visibility 0s ease .3s,opacity .3s linear;
margin-top: 0
}
html.oldie .my-parts-list.ng-cloak:before {
height: 650px
}
.my-parts-list.ng-cloak.ng-cloak {
display: block !important;
z-index: 15
}
html.oldie .my-parts-list.ng-cloak.ng-cloak {
height: 650px
}
.my-parts-list.ng-cloak.ng-cloak:before {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.my-parts-list.loading {
min-height: 650px;
position: relative;
overflow: hidden
}
.my-parts-list.loading:before {
z-index: 15;
min-height: 650px;
background: #ffffff url('../../images/loading-anim.gif') no-repeat center;
position: relative;
width: 100%;
content: "";
position: absolute;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s ease .3s,opacity .3s linear;
transition: visibility 0s ease .3s,opacity .3s linear;
margin-top: 0
}
html.oldie .my-parts-list.loading:before {
height: 650px
}
.my-parts-list.loading.ng-cloak {
display: block !important;
z-index: 15
}
html.oldie .my-parts-list.loading.ng-cloak {
height: 650px
}
.my-parts-list.loading.ng-cloak:before {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.my-parts-list.loading:before {
opacity: 1;
visibility: visible
}
.my-parts-list .hide {
display: none
}
.my-parts-list #trimToPixelRuler {
visibility: hidden;
white-space: nowrap
}
.my-parts-list .triangle-down {
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 20px solid #cbe3ef
}
.my-parts-list .triangle-down.move-left {
position: relative;
left: 30px
}
.my-parts-list .try-new-container {
background-color: #cbe3ef;
padding: 30px;
margin-top: 40px
}
.my-parts-list .try-new-container .welcome-feedback-container:after {
content: '';
display: block;
clear: both
}
.my-parts-list .try-new-container .welcome-feedback-container .welcome-copy {
float: left;
width: 60%;
line-height: 1.2em;
list-style: none
}
.my-parts-list .try-new-container .welcome-feedback-container .welcome-copy .copy-header {
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
color: #3f4348
}
.my-parts-list .try-new-container .welcome-feedback-container .welcome-copy .copy-sub-header {
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
color: #3f4348
}
.my-parts-list .try-new-container .welcome-feedback-container .welcome-copy .old-page-link {
cursor: pointer;
margin-top: 20px;
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
color: #0066a1
}
.my-parts-list .try-new-container .welcome-feedback-container .welcome-copy .old-page-link:hover {
color: #3db7e4 !important
}
.my-parts-list .try-new-container .welcome-feedback-container .welcome-copy .old-page-link i {
vertical-align: middle
}
.my-parts-list .try-new-container .welcome-feedback-container .feedback-cta {
float: right
}
.my-parts-list .try-new-container .welcome-feedback-container .btn-override {
width: 230px;
cursor: pointer
}
.my-parts-list h2 {
padding: 20px 20px 20px 0
}
.my-parts-list .mpl-header {
font: 200 26px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.625rem
}
.my-parts-list .mpl-header.main {
display: inline-block;
min-width: 250px;
max-width: 315px
}
.my-parts-list .global-msg {
display: inline-block;
min-width: 450px;
max-width: 550px;
padding-top: 10px;
text-align: center
}
.my-parts-list .sticky-nav {
height: 100px
}
.my-parts-list .sticky-nav .more-tools {
height: 50px;
background-color: #f7f7f7
}
.my-parts-list .tab-header {
background-color: #fff
}
.my-parts-list .tab-header i.icon-override {
color: #0066a1
}
.my-parts-list .tab-header a.btn-clr-15:active i.icon-override,.my-parts-list .tab-header a.btn-clr-15:focus i.icon-override,.my-parts-list .tab-header a.btn-clr-15:hover i.icon-override {
color: #3db7e4 !important
}
.my-parts-list .tab-header #nav_container {
position: relative;
height: 50px;
overflow: hidden;
width: 940px;
white-space: nowrap
}
.my-parts-list .tab-header .inside {
display: inline-block
}
.my-parts-list .tab-header #tab-prev-nav {
position: absolute;
left: 11px;
top: 2px;
cursor: pointer;
z-index: 10;
height: 49px;
width: 50px;
border-right: 1px solid #ededee
}
.my-parts-list .tab-header #tab-next-nav {
position: absolute;
right: 46px;
top: 0;
cursor: pointer;
z-index: 10
}
.my-parts-list .tab-header .nav-icon-override {
position: absolute;
top: 17px;
left: 8px;
color: #0066a1 !important;
font-size: 16px !important
}
.my-parts-list .tab-header .nav-icon-override:hover,.my-parts-list .tab-header .nav-icon-override:active,.my-parts-list .tab-header .nav-icon-override:focus {
color: #3db7e4 !important;
border-bottom-width: 0
}
.my-parts-list .tab-header .nav-icon-override:link,.my-parts-list .tab-header .nav-icon-override:visited {
color: #0066a1 !important;
border-bottom-width: 0
}
.my-parts-list .tab-header #nav-tab {
position: absolute;
width: 820px;
overflow: hidden;
left: 60px
}
.my-parts-list .tab-header #nav-tab li {
width: 205px;
display: inline-block;
list-style: none;
cursor: pointer
}
.my-parts-list .tab-header #nav-tab li a.not-active:hover,.my-parts-list .tab-header #nav-tab li a.not-active:active,.my-parts-list .tab-header #nav-tab li a.not-active:focus {
color: #3db7e4 !important;
border-bottom-width: 0
}
.my-parts-list .tab-header #nav-tab li a.not-active,.my-parts-list .tab-header #nav-tab li a.not-active:link,.my-parts-list .tab-header #nav-tab li a.not-active:visited {
color: #0066a1 !important;
border-bottom-width: 0
}
.my-parts-list .tab-header #add-new-tab a {
border-right: none
}
.my-parts-list .tab-header .carousel-slider-wrapper {
width: 940px;
overflow: hidden
}
.my-parts-list .tab-header .carousel-slider-wrapper ul.btn-group-4 li {
float: none;
margin-right: 0
}
.my-parts-list .tab-header .carousel-slider-wrapper ul.btn-group-4 a {
min-width: 205px
}
.my-parts-list .tab-header .carousel-slider-wrapper ul.btn-group-clr-9 li>a {
height: 50px;
padding: 15px 0;
border-bottom-width: 0
}
.my-parts-list .tab-header .list-note {
background-color: #f7f7f7;
padding: 15px 20px 0 20px;
position: relative
}
.my-parts-list .tab-header .list-note .list-note-content {
margin: 0;
padding: 6px 26px 0 9px;
width: 860px;
color: #666666;
font: 200 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
border: 1px solid #ccc
}
.my-parts-list .tab-header .list-note .close-button-list-note {
position: absolute;
top: 24px;
left: 884px
}
.my-parts-list .tab-header .more-tools>ul {
float: left
}
.my-parts-list .tab-header .more-tools>ul>li {
display: inline-block;
padding: 14px 21px 11px 20px
}
.my-parts-list .tab-header .more-tools span.pile-seperator {
font-size: 13px;
padding: 0;
position: relative;
top: -1px;
color: #ccc;
line-height: 0
}
.my-parts-list .tab-header .more-tools .selected-parts-count {
border: 1px solid #ccc;
display: inline-block;
margin-right: 10px;
min-width: 26px;
height: 26px;
text-align: center;
vertical-align: middle;
padding-top: 4px;
padding-left: 1px;
padding-right: 1px
}
.my-parts-list .tab-header .more-tools .selected-parts-count.not-selected {
background: #fff;
color: inherit
}
.my-parts-list .tab-header .more-tools .selected-parts-count.selected {
background: #0066a1;
color: #fff
}
.my-parts-list .tab-header .more-tools .manage-list {
float: right;
padding: 4px 12px 4px 4px
}
.my-parts-list .tab-header .more-tools .manage-list .menu-dropdown-container ul {
right: 0 !important;
left: auto !important
}
.my-parts-list .tab-header .menu-dropdown-container {
position: relative;
display: inline-block;
height: 40px;
text-align: center
}
.my-parts-list .tab-header .menu-dropdown-container a.deactivate {
display: inline-block;
padding-right: 5px
}
.my-parts-list .tab-header .menu-dropdown-container a.choose span {
margin-left: 10px
}
.my-parts-list .tab-header .menu-dropdown-container .menu-tab-wrapper {
display: inline-block;
margin-right: 0;
height: 40px;
padding: 12px 10px;
border: 1px solid #f7f7f7
}
.my-parts-list .tab-header .menu-dropdown-container .menu-tab-wrapper.permanent .deactivate {
display: none !important
}
.my-parts-list .tab-header .menu-dropdown-container ul {
display: none;
position: absolute;
left: 0;
top: 40px;
z-index: 10
}
.my-parts-list .tab-header .menu-dropdown-container.open {
border-bottom: none;
background: #ffffff
}
.my-parts-list .tab-header .menu-dropdown-container.open .menu-tab-wrapper {
border: 1px solid #ccc;
border-bottom: none
}
.my-parts-list .tab-header .menu-dropdown-container.open ul {
display: block;
float: left;
clear: left;
text-align: left
}
.my-parts-list .tab-header .menu-dropdown-container.open ul.reduced-view {
height: 290px;
overflow-y: scroll
}
.my-parts-list .tab-header .menu-dropdown-container.open li {
background: #ffffff;
border: 1px solid #ccc;
border-bottom: none;
cursor: pointer;
display: block;
height: auto;
overflow: hidden;
position: relative;
z-index: 30
}
.my-parts-list .tab-header .menu-dropdown-container.open li:last-child {
border-bottom: 1px solid #ccc
}
.my-parts-list .tab-header .menu-dropdown-container.open li a {
width: 240px;
padding: 10px 10px 10px 20px;
display: block
}
.my-parts-list .tab-header .menu-dropdown-container.open li a:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em
}
.my-parts-list .fix-to-top {
position: fixed;
top: 75px;
z-index: 10
}
.my-parts-list .tile-products {
padding: 0;
clear: both
}
.my-parts-list .tile-products .tile-products-wrapper.ng-cloak {
min-height: 200px;
position: relative
}
.my-parts-list .tile-products .tile-products-wrapper.ng-cloak:before {
z-index: 15;
min-height: 200px;
background: #ffffff url('../../images/loading-anim.gif') no-repeat center;
position: relative;
width: 100%;
content: "";
position: absolute;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s ease .3s,opacity .3s linear;
transition: visibility 0s ease .3s,opacity .3s linear;
margin-top: 0
}
html.oldie .my-parts-list .tile-products .tile-products-wrapper.ng-cloak:before {
height: 200px
}
.my-parts-list .tile-products .tile-products-wrapper.ng-cloak.ng-cloak {
display: block !important;
z-index: 15
}
html.oldie .my-parts-list .tile-products .tile-products-wrapper.ng-cloak.ng-cloak {
height: 200px
}
.my-parts-list .tile-products .tile-products-wrapper.ng-cloak.ng-cloak:before {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.my-parts-list .tile-products .tile-products-wrapper.loading {
visibility: visible;
min-height: 80px;
position: relative;
overflow: hidden
}
.my-parts-list .tile-products .tile-products-wrapper.loading:before {
z-index: 15;
min-height: 80px;
background: #ffffff url('../../images/loading-anim.gif') no-repeat center;
position: relative;
width: 100%;
content: "";
position: absolute;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s ease .3s,opacity .3s linear;
transition: visibility 0s ease .3s,opacity .3s linear;
margin-top: 0
}
html.oldie .my-parts-list .tile-products .tile-products-wrapper.loading:before {
height: 80px
}
.my-parts-list .tile-products .tile-products-wrapper.loading.ng-cloak {
display: block !important;
z-index: 15
}
html.oldie .my-parts-list .tile-products .tile-products-wrapper.loading.ng-cloak {
height: 80px
}
.my-parts-list .tile-products .tile-products-wrapper.loading.ng-cloak:before {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.my-parts-list .tile-products .tile-products-wrapper.loading:before {
z-index: 1 !important;
opacity: .8 !important;
visibility: visible
}
.my-parts-list .tile-products .tile-products-wrapper.loading.scroll-override-loading:before {
display: table !important
}
.my-parts-list .tile-products .tile-products-wrapper.loading .part-item-list {
visibility: hidden
}
.my-parts-list .tile-products .tile-products-wrapper.scroll-override-loading:before {
position: fixed !important;
top: 237px;
z-index: 1;
width: 940px;
min-height: 80px !important;
opacity: 0;
display: none
}
.my-parts-list .tile-products .pagination-spinner.ng-cloak {
min-height: 140px;
position: relative
}
.my-parts-list .tile-products .pagination-spinner.ng-cloak:before {
z-index: 15;
min-height: 140px;
background: #ffffff url('../../images/loading-anim.gif') no-repeat center;
position: relative;
width: 100%;
content: "";
position: absolute;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s ease .3s,opacity .3s linear;
transition: visibility 0s ease .3s,opacity .3s linear;
margin-top: 0
}
html.oldie .my-parts-list .tile-products .pagination-spinner.ng-cloak:before {
height: 140px
}
.my-parts-list .tile-products .pagination-spinner.ng-cloak.ng-cloak {
display: block !important;
z-index: 15
}
html.oldie .my-parts-list .tile-products .pagination-spinner.ng-cloak.ng-cloak {
height: 140px
}
.my-parts-list .tile-products .pagination-spinner.ng-cloak.ng-cloak:before {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.my-parts-list .tile-products .pagination-spinner.loading {
visibility: visible;
min-height: 140px;
position: relative;
overflow: hidden
}
.my-parts-list .tile-products .pagination-spinner.loading:before {
z-index: 15;
min-height: 140px;
background: #ffffff url('../../images/loading-anim.gif') no-repeat center;
position: relative;
width: 100%;
content: "";
position: absolute;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s ease .3s,opacity .3s linear;
transition: visibility 0s ease .3s,opacity .3s linear;
margin-top: 0
}
html.oldie .my-parts-list .tile-products .pagination-spinner.loading:before {
height: 140px
}
.my-parts-list .tile-products .pagination-spinner.loading.ng-cloak {
display: block !important;
z-index: 15
}
html.oldie .my-parts-list .tile-products .pagination-spinner.loading.ng-cloak {
height: 140px
}
.my-parts-list .tile-products .pagination-spinner.loading.ng-cloak:before {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.my-parts-list .tile-products .pagination-spinner.loading:before {
z-index: 9 !important;
background-size: 60px 60px;
opacity: 1;
visibility: visible;
min-height: 100px !important
}
.my-parts-list .tile-products .product-result-tile-container {
font: 500 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
border-bottom: none;
padding-bottom: 10px
}
.my-parts-list .tile-products .product-result-tile-container:first-child {
border-top: solid 1px #ededee
}
.my-parts-list .tile-products .product-result-tile-container.first-part-tile {
border-top: solid 1px #f7f7f7
}
.my-parts-list .tile-products .product-result-tile-container .result-thumb-col-container {
width: 120px;
margin-right: 20px;
float: left;
padding-top: 34px;
padding-bottom: 0
}
.my-parts-list .tile-products .product-result-tile-container .result-thumb-col-container .container {
width: 100px;
height: 100px;
border: 1px solid #ebebeb;
text-align: center;
line-height: 100px;
font-size: 1px;
margin-bottom: 10px;
display: block
}
*>.my-parts-list .tile-products .product-result-tile-container .result-thumb-col-container .container {
position: relative
}
.my-parts-list .tile-products .product-result-tile-container .result-thumb-col-container .container:before {
height: 5px;
width: 100%;
background-color: #0073ae;
border-left: 30px solid #f28b00;
position: absolute;
display: block;
top: -5px;
content: "";
z-index: inherit
}
.my-parts-list .tile-products .product-result-tile-container .result-thumb-col-container .container:before {
width: 100px;
margin-left: -1px
}
.my-parts-list .tile-products .product-result-tile-container .result-thumb-col-container .container a.thumbnail-link {
display: block;
margin-bottom: 10px;
min-height: 100px
}
.my-parts-list .tile-products .product-result-tile-container .result-thumb-col-container .container img {
width: 100%;
height: auto;
max-height: 154px;
vertical-align: middle;
margin-top: -2px
}
.my-parts-list .tile-products .product-result-tile-container .result-thumb-col-container .container .icon-large {
color: #ccc;
display: inline-block;
font-size: 70px;
vertical-align: middle
}
.my-parts-list .tile-products .product-result-tile-container .result-checkbox-col {
width: 4%;
margin-right: 1px;
margin-left: 22px;
float: left;
padding-top: 30px;
padding-bottom: 0
}
.my-parts-list .tile-products .product-result-tile-container .result-checkbox-col .part-select-checkbox {
float: none;
padding-top: 0
}
.my-parts-list .tile-products .product-result-tile-container .result-checkbox-col .part-select-checkbox i.icon-medium {
color: #fff
}
.my-parts-list .tile-products .product-result-tile-container .result-checkbox-col .part-select-checkbox i.icon-medium:hover {
color: #fff
}
.my-parts-list .tile-products .product-result-tile-container .result-checkbox-col .part-select-checkbox label {
font: 200 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
background-color: white;
cursor: pointer;
width: 100%;
height: 55px;
margin-left: 0
}
.my-parts-list .tile-products .product-result-tile-container .result-checkbox-col .part-select-checkbox label:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.2em
}
.my-parts-list .tile-products .product-result-tile-container .result-checkbox-col .part-select-checkbox label i {
border: 1px solid #ccc;
height: 25px;
width: 25px;
text-align: center;
color: #ffffff;
position: absolute
}
.my-parts-list .tile-products .product-result-tile-container .result-checkbox-col .part-select-checkbox label i .icon-medium {
color: #fff
}
.my-parts-list .tile-products .product-result-tile-container .result-checkbox-col .part-select-checkbox label span {
display: inline-block;
vertical-align: middle;
width: 150px;
color: #3f4348;
font: 400 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
margin-left: 35px
}
.my-parts-list .tile-products .product-result-tile-container .result-checkbox-col .part-select-checkbox label.checked i {
background-color: #0066a1
}
.my-parts-list .tile-products .product-result-tile-container .result-checkbox-col .part-select-checkbox label.checked:hover,.my-parts-list .tile-products .product-result-tile-container .result-checkbox-col .part-select-checkbox label.checked:focus {
color: #3db7e4
}
.my-parts-list .tile-products .product-result-tile-container .result-checkbox-col .part-select-checkbox label.checked:hover i,.my-parts-list .tile-products .product-result-tile-container .result-checkbox-col .part-select-checkbox label.checked:focus i {
background-color: #3db7e4;
color: #f7f7f7
}
.my-parts-list .tile-products .product-result-tile-container .result-checkbox-col .part-select-checkbox label:hover,.my-parts-list .tile-products .product-result-tile-container .result-checkbox-col .part-select-checkbox label:focus,.my-parts-list .tile-products .product-result-tile-container .result-checkbox-col .part-select-checkbox label.focus {
color: #3db7e4
}
.my-parts-list .tile-products .product-result-tile-container .result-checkbox-col .part-select-checkbox label:hover i,.my-parts-list .tile-products .product-result-tile-container .result-checkbox-col .part-select-checkbox label:focus i,.my-parts-list .tile-products .product-result-tile-container .result-checkbox-col .part-select-checkbox label.focus i {
color: #3db7e4
}
.my-parts-list .tile-products .product-result-tile-container .result-checkbox-col .part-select-checkbox label.disabled,.my-parts-list .tile-products .product-result-tile-container .result-checkbox-col .part-select-checkbox label.disabled:focus,.my-parts-list .tile-products .product-result-tile-container .result-checkbox-col .part-select-checkbox label.disabled:hover {
cursor: default !important;
color: #ccc !important
}
.my-parts-list .tile-products .product-result-tile-container .result-checkbox-col .part-select-checkbox label.disabled.checked i,.my-parts-list .tile-products .product-result-tile-container .result-checkbox-col .part-select-checkbox label.disabled.checked:hover i,.my-parts-list .tile-products .product-result-tile-container .result-checkbox-col .part-select-checkbox label.disabled.checked:focus i {
background-color: #ccc !important
}
.my-parts-list .tile-products .product-result-tile-container .result-checkbox-col .part-select-checkbox input[type="checkbox"] {
z-index: 0;
position: absolute;
left: -100%
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container {
float: left;
width: 73.5%;
font: 400 .875rem/22px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
padding-top: 25px
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .result-product-text {
overflow: hidden
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .result-product-text .compare-product-item-checkbox {
width: 707px;
margin-right: 0
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container h3 {
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 14px;
font-size: .875rem;
padding: 2px 65px 7px 12px
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container h2 {
padding: 0 12px 9px;
overflow: hidden;
font-size: 1.125rem
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container h2 a.product-name {
padding: 6px 0;
color: #0066a1;
font-size: 26px;
font-size: 1.625rem;
line-height: 1.15384615;
font-size: 1.334rem !important
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container h2 a.product-name span.title {
float: left;
word-break: break-word
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container h2 a.product-name span.tcpn-no {
float: left;
clear: both;
font-size: 1.167rem
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container h2 span {
display: inline-block
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container h2 span.product-marketing-part-num {
font-size: 1rem
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .close-button-product {
position: absolute;
right: 62px;
padding-top: 4px
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .close-button-product a span i {
color: #0066a1
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .close-button-product a:hover span i {
color: #3db7e4
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .close-button-note {
position: absolute;
left: 565px;
top: 10px
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .quick-view-col {
margin-bottom: 25px;
margin-right: 0;
padding-left: 13px;
float: left;
text-align: right;
text-transform: none
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .quick-view-col a {
font-size: .92rem
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .quick-view-col a i.icon-plus {
font-size: 13px;
top: 0
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .quick-view-col a i.icon-quickview,.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .quick-view-col a i.icon-view-less {
color: #0066a1
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .quick-view-col a:hover i.icon-quickview,.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .quick-view-col a:focus i.icon-quickview,.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .quick-view-col a:hover i.icon-view-less,.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .quick-view-col a:focus i.icon-view-less {
color: #3db7e4
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .quick-view-col .icon[role="presentation"].icon-small {
font-size: 10px
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .quick-view-col .valign {
vertical-align: middle
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .model-description {
padding-left: 12px;
font-size: .875rem
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .model-description p {
padding-bottom: 15px
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .result-info-col-container {
float: left;
width: 49%;
margin-right: 40px;
padding-left: 0;
padding-top: 0;
position: relative;
clear: both
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .result-info-col-container .parent-categories h3 {
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.57142857;
color: #747678
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .result-info-col-container .product-name-holder {
padding: 5px 0 13px 12px
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .result-info-col-container .family-series {
padding: 0 0 0 12px;
font-size: .875rem
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .result-info-col-container .family-series a.productFamily-link {
padding-bottom: 14px;
display: inline-block
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .result-info-col-container .family-series h3 {
padding: 5px 0 5px 0 !important;
display: inline
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .result-info-col-container .product-markt-tcpn-holder h3 {
padding: 0 0 6px 12px;
font-size: 1rem
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .result-info-col-container .product-markt-tcpn-holder h3 span {
padding: 0 0 6px 0;
display: inline-block
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .result-info-col-container .product-markt-tcpn-holder h3 span.derived-partid-label {
padding-left: 0;
padding-bottom: 0
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .result-info-col-container .series-names {
padding: 0 0 10px 12px
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .result-info-col-container .series-names a.productFamily-link {
padding-bottom: 0;
display: inline-block
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .result-info-col-container .product-name {
padding: 6px 0;
font: 200 26px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.625rem
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .result-info-col-container .product-marketing-part-num {
white-space: nowrap
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .result-info-col-container .product-ids {
text-transform: uppercase;
padding: 3px 0 3px 12px
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .result-info-col-container .product-ids li h4 {
font: 400 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
padding: 0 0 4px 0
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .result-info-col-container .product-ids li h3 {
font: 400 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
padding: 0 0 4px 0
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .result-info-col-container .product-status {
font: 400 10px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.625rem;
display: inline-block;
margin: 0 0 5px 12px;
padding: 5px 0;
float: none
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .result-info-col-container .save-share {
clear: left;
border-top: solid 1px #ccc;
overflow: hidden
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .result-info-col-container .save-share a:first-child {
padding-left: 0
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .result-info-col-container .save-share a {
line-height: 28px;
padding: 10px 15px 6px 15px;
color: #0066a1
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .result-info-col-container .result-product-quick-links {
overflow: hidden
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .result-info-col-container .result-product-quick-links a {
margin-top: 0;
margin-bottom: 16px
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .result-info-col-container .btn-block-4 i {
top: 4px
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .result-info-col-container .btn-group .btn-group-clr-6 li>a {
padding: 4px 13px 12px 0
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .result-info-col-container .btn-group .btn-group-clr-6 li>a i {
color: inherit
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .product-features {
padding-left: 12px
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .product-features li {
padding: 2px 0
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .series-names {
padding: 0 0 10px 12px
}
.my-parts-list .tile-products .product-result-tile-container .result-info-features-col-container .featureItem-value {
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.my-parts-list .tile-products .product-result-tile-container .result-features-col-container {
width: 45%;
float: left;
margin-right: 0
}
.my-parts-list .tile-products .product-result-tile-container .result-features-col-container .result-tile-cta-container .red {
color: #cd202c
}
.my-parts-list .tile-products .product-result-tile-container .result-features-col-container .result-tile-cta-container.ng-cloak {
min-height: 40px;
position: relative
}
.my-parts-list .tile-products .product-result-tile-container .result-features-col-container .result-tile-cta-container.ng-cloak:before {
z-index: 15;
min-height: 40px;
background: #ffffff url('../../images/loading-anim.gif') no-repeat center;
position: relative;
width: 100%;
content: "";
position: absolute;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s ease .3s,opacity .3s linear;
transition: visibility 0s ease .3s,opacity .3s linear;
margin-top: 0
}
html.oldie .my-parts-list .tile-products .product-result-tile-container .result-features-col-container .result-tile-cta-container.ng-cloak:before {
height: 40px
}
.my-parts-list .tile-products .product-result-tile-container .result-features-col-container .result-tile-cta-container.ng-cloak.ng-cloak {
display: block !important;
z-index: 15
}
html.oldie .my-parts-list .tile-products .product-result-tile-container .result-features-col-container .result-tile-cta-container.ng-cloak.ng-cloak {
height: 40px
}
.my-parts-list .tile-products .product-result-tile-container .result-features-col-container .result-tile-cta-container.ng-cloak.ng-cloak:before {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.my-parts-list .tile-products .product-result-tile-container .result-features-col-container .result-tile-cta-container.loading {
visibility: visible;
min-height: 40px;
position: relative;
overflow: hidden
}
.my-parts-list .tile-products .product-result-tile-container .result-features-col-container .result-tile-cta-container.loading:before {
z-index: 15;
min-height: 40px;
background: #ffffff url('../../images/loading-anim.gif') no-repeat center;
position: relative;
width: 100%;
content: "";
position: absolute;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s ease .3s,opacity .3s linear;
transition: visibility 0s ease .3s,opacity .3s linear;
margin-top: 0
}
html.oldie .my-parts-list .tile-products .product-result-tile-container .result-features-col-container .result-tile-cta-container.loading:before {
height: 40px
}
.my-parts-list .tile-products .product-result-tile-container .result-features-col-container .result-tile-cta-container.loading.ng-cloak {
display: block !important;
z-index: 15
}
html.oldie .my-parts-list .tile-products .product-result-tile-container .result-features-col-container .result-tile-cta-container.loading.ng-cloak {
height: 40px
}
.my-parts-list .tile-products .product-result-tile-container .result-features-col-container .result-tile-cta-container.loading.ng-cloak:before {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.my-parts-list .tile-products .product-result-tile-container .result-features-col-container .result-tile-cta-container.loading:before {
z-index: 1 !important;
background-size: 30px 30px;
opacity: 1;
visibility: visible;
background-position: left !important
}
.my-parts-list .tile-products .product-result-tile-container .result-features-col-container .add-note {
margin: 18px 0;
display: block
}
.my-parts-list .tile-products .product-result-tile-container .result-features-col-container .add-note.btn-block-4 i {
padding-right: 6px;
top: 0
}
.my-parts-list .tile-products .product-result-tile-container .result-features-col-container .add-note .icon[role="presentation"].icon-small {
font-size: 10px
}
.my-parts-list .tile-products .product-result-tile-container .result-features-col-container a.cta .cta-label {
padding: 12px 20px;
min-width: 170px
}
.my-parts-list .tile-products .product-result-tile-container .result-features-col-container a.cta .icon[role="presentation"].icon-medium {
font-size: 16px
}
.my-parts-list .tile-products .part-note-content {
width: 540px;
height: 30px;
min-height: 30px;
padding: 10px 34px 0 10px;
margin: 0 0 7px 13px;
color: #666666;
font: 200 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
border: 1px solid #ccc;
resize: vertical
}
.my-parts-list .tile-products .part-note-container {
position: relative
}
.my-parts-list .tile-products .part-restore-wrapper {
font: 500 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
text-align: center;
margin: 27px auto 20px auto
}
.my-parts-list .tile-products .part-restore-wrapper .part-desc-highlight {
font: 500 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #4a4f55;
text-transform: uppercase
}
.my-parts-list .no-lists-state {
padding-top: 30px;
padding-bottom: 100px
}
.my-parts-list .no-lists-state div div p:first-child {
font: 400 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
line-height: 25px;
padding-bottom: 20px;
padding-top: 10px
}
.my-parts-list .no-parts-state {
padding-bottom: 100px;
padding-left: 24px
}
.my-parts-list .no-parts-state div p:first-child {
font: 400 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
line-height: 25px;
padding-top: 20px
}
.my-parts-list.modal-dialog {
margin: auto 20px
}
.my-parts-list.modal-dialog .secondary-cta {
background: #fff;
width: 230px;
display: inline-block;
padding: 16px 0;
box-shadow: 1px 1px 1px #ccc;
border: 1px solid #ededee;
font-weight: bold;
margin-bottom: 30px;
text-transform: uppercase;
text-align: center;
cursor: pointer;
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
color: #0066a1
}
.my-parts-list.modal-dialog .secondary-cta:hover,.my-parts-list.modal-dialog .secondary-cta:focus {
color: #3db7e4
}
.my-parts-list.modal-dialog .spinning-icon {
float: left;
width: 50px;
border: 1px solid transparent;
margin-right: 10px
}
.my-parts-list.modal-dialog .spinning-icon span.loading {
background: #ebebeb url('/etc/designs/te/images/loading-anim.gif') no-repeat center;
background-size: 30px 30px;
width: 30px;
height: 30px;
float: left;
margin: 10px 30px 0 0
}
.my-parts-list.modal-dialog .secondary-cta-pos {
float: left;
margin-right: 27px
}
.my-parts-list.modal-dialog .secondary-cta-pos-right {
float: right
}
.my-parts-list.modal-dialog .btn-override {
width: 230px
}
.my-parts-list.modal-dialog .primary-cta {
float: left;
cursor: pointer
}
.my-parts-list.modal-dialog .sharelist-primary-cta {
float: right;
cursor: pointer;
margin-bottom: 10px
}
.my-parts-list.modal-dialog .disabled-btn-state {
background: #A5A7A8;
pointer-events: none
}
.my-parts-list.modal-dialog .modal-header {
font: 400 26px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.625rem;
margin-top: 10px;
padding-bottom: 13px;
padding-left: 23px;
width: 620px
}
.my-parts-list.modal-dialog .sharelist-header {
font: 400 26px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.625rem;
margin-top: 10px;
padding-left: 23px;
padding-bottom: 0;
width: 620px
}
.my-parts-list.modal-dialog .sharelist-thankyou {
font: 400 26px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.625rem;
margin: 10px 0 20px 0;
padding-bottom: 0;
width: 500px
}
.my-parts-list.modal-dialog .modal-subheader {
font: 200 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
margin-top: 10px;
width: 620px;
padding-left: 23px
}
.my-parts-list.modal-dialog .sharelist-subheader {
font: 200 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
padding: 5px
}
.my-parts-list.modal-dialog .required {
color: red !important;
display: inline;
float: none;
font-weight: bold;
margin: 0 0 0;
padding: 0 0 0
}
.my-parts-list.modal-dialog .field-label {
font: 200 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
margin-top: 10px;
width: 620px
}
.my-parts-list.modal-dialog .field-label .add-products-list-name {
font: 900 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem
}
.my-parts-list.modal-dialog .field-label.no-margin {
margin-top: 0
}
.my-parts-list.modal-dialog .top-margin {
margin-top: 20px
}
.my-parts-list.modal-dialog .cta-container {
float: right;
width: 83%;
margin-right: 40px
}
.my-parts-list.modal-dialog .global-system-err-msg {
overflow: hidden;
text-align: left;
margin-left: 25px;
padding-bottom: 30px;
clear: both;
color: #cd202c;
display: none
}
.my-parts-list.modal-dialog .global-system-err-msg span.icon-holder {
display: inline-block;
padding: 0;
margin: 1px 0 0 0;
vertical-align: top
}
.my-parts-list.modal-dialog .global-system-err-msg span.icon-holder i {
font-size: 25px
}
.my-parts-list.modal-dialog .global-system-err-msg span.error-msg {
display: inline-block;
margin-top: 5px;
padding-left: 3px
}
.my-parts-list.modal-dialog .cta-one-btn-container {
float: none;
margin: 40px auto 0
}
.my-parts-list.modal-dialog .cta-extra {
margin-top: 0
}
.my-parts-list.modal-dialog .content-container {
margin: 25px 40px 0 25px
}
.my-parts-list.modal-dialog .content-container.override-container {
margin-top: 10px
}
.my-parts-list.modal-dialog .content-container p.msg-spacing {
padding-bottom: 40px
}
.my-parts-list.modal-dialog .content-container .selectboxit-container {
width: 100%
}
.my-parts-list.modal-dialog .content-container .selectboxit-container .selectboxit {
width: 100%
}
.my-parts-list.modal-dialog .content-container-sharelist {
margin: 15px 40px 0 25px
}
.my-parts-list.modal-dialog .content-container-sharelist.override-container {
margin-top: 10px
}
.my-parts-list.modal-dialog .content-container-sharelist p.msg-spacing {
padding-bottom: 40px
}
.my-parts-list.modal-dialog .content-container-sharelist .selectboxit-container {
width: 100%
}
.my-parts-list.modal-dialog .content-container-sharelist .selectboxit-container .selectboxit {
width: 100%
}
.my-parts-list.modal-dialog .content-container-center {
text-align: center;
height: 175px
}
.my-parts-list.modal-dialog .select-drop {
display: block
}
.my-parts-list.modal-dialog .new-list-create {
margin-top: 30px;
display: block;
width: 100%;
height: 50px;
padding: 5px 25px;
border: 1px solid #ccc;
font: 200 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem
}
.my-parts-list.modal-dialog .sharelist-create {
display: block;
width: 100%;
height: 40px;
padding: 5px 25px;
border: 1px solid #ccc;
font: 200 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem
}
.my-parts-list.modal-dialog .new-list-create-firsttime {
margin-top: 15px
}
.my-parts-list.modal-dialog .invalidTextField {
border: 1px solid #cd202c
}
.my-parts-list.modal-dialog span.errorMsg {
color: #cd202c;
min-height: 40px;
display: block;
padding: 10px 0 5px 0
}
.my-parts-list.modal-dialog span.shareListErrorMsg {
color: #cd202c;
min-height: 40px;
display: none;
padding: 10px 0 5px 0
}
.my-parts-list.modal-dialog span.errorMsgSpaceLess {
min-height: auto
}
.my-parts-list.modal-dialog .add-products {
width: 100%;
height: 200px;
max-height: 200px;
overflow: auto;
border: 1px solid #ccc;
font: 400 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #000;
padding: 5px 25px 5px 25px;
line-height: 1.75rem;
box-sizing: border-box;
-moz-appearance: textfield-multiline;
-webkit-appearance: textarea;
resize: both
}
.my-parts-list.modal-dialog .add-products.override-add-products {
margin-top: 20px
}
.my-parts-list.modal-dialog .shareList-comments {
width: 100%;
height: 75px;
max-height: 75px;
overflow: auto;
border: 1px solid #ccc;
font: 400 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
color: #000;
padding: 5px 25px 5px 25px;
line-height: 1.75rem;
box-sizing: border-box;
-moz-appearance: textfield-multiline;
-webkit-appearance: textarea;
resize: both
}
.my-parts-list.modal-dialog .shareList-comments.override-add-products {
margin-top: 20px
}
.my-parts-list.modal-dialog .add-Parts-Failed {
font: 200 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
margin-top: 20px;
width: 620px;
color: #3f4348
}
.my-parts-list.modal-dialog .add-Parts-Failed .add-products-list-name {
font: 900 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem
}
.my-parts-list.modal-dialog .error-override {
background-color: #fff;
padding-left: 0;
position: absolute;
display: none;
z-index: 15;
height: 200px;
max-height: 200px
}
.my-parts-list.modal-dialog .error-override .icon-validation {
margin-left: 5px;
vertical-align: middle
}
.my-parts-list.modal-dialog .error-override .icon-validation.red {
color: #cd202c
}
.my-parts-list.modal-dialog .error-override .icon-validation.green {
color: #d6e342
}
.my-parts-list.modal-dialog .error-override .user-display-msg {
margin-left: 5px;
vertical-align: middle
}
.my-parts-list.modal-dialog .error-override .user-display-msg .red {
color: #cd202c
}
.my-parts-list.modal-dialog .rel-wrapper {
position: relative
}
.my-parts-list.modal-dialog .invalidTextField {
border: 1px solid #cd202c
}
@media (max-width: 719px) {
body.responsive .modal__mobile-header {
background-color:#42474c
}
body.responsive .modal__mobile-header #modal-title {
background-color: #4a4f55;
color: #3db7e4
}
body.responsive .modal__mobile-header #modal-content {
background-color: #42474c
}
body.responsive .modal__mobile-header .icon[role="presentation"].icon-close.icon-close {
font-size: 31px
}
body.responsive .modal__mobile-header--search #modal-title {
background-color: #42474c
}
body.responsive .modal__mobile-header--search #modal-content {
padding: 0 7vw
}
body.responsive .modal__mobile-header--search #modal-search-input {
font: 200 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
width: 100%;
padding: 25px 55px 25px 15px
}
body.responsive .modal__mobile-header--search #search-suggestions {
display: none !important
}
body.responsive .modal__mobile-header--search form {
position: relative
}
body.responsive .modal__mobile-header--search .icon-search {
right: 15px;
position: absolute;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
font-size: 25px
}
body.responsive .modal__mobile-header--search input[type='submit'] {
position: absolute;
width: 55px;
height: 100%;
opacity: 0;
top: 0;
right: 0
}
body.responsive .modal__mobile-header--search [data-aria-wrapper] {
width: 100% !important
}
body.responsive .modal__mobile-header--product li {
border-top: 1px solid #4a4f55;
border-bottom: 1px solid #3f4348
}
body.responsive .modal__mobile-header--product li:first-child {
border-top: none
}
body.responsive .modal__mobile-header--product li:last-child {
border-bottom: 1px solid #4a4f55
}
body.responsive .modal__mobile-header--product li a {
font: 200 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
color: #ffffff;
display: block;
padding: 20px 7vw
}
}
.nodisplaypic {
display: none
}
.picture-nav {
background-color: #ffffff;
width: 940px;
overflow: hidden
}
.picture-nav a {
text-decoration: none;
cursor: pointer
}
.picture-nav #listing {
display: none
}
.picture-nav #picture {
display: block
}
.picture-nav .model {
width: 100%;
padding: 15px 7px 0;
text-align: right
}
.picture-nav .model strong {
color: #747678;
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.picture-nav .model .pict {
display: inline-block;
padding: 5px 10px;
position: relative;
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
color: #3db7e4;
text-transform: uppercase
}
.picture-nav .model .list {
display: inline-block;
position: relative;
color: #0066a1;
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
text-transform: uppercase
}
.picture-nav .model a:hover,.picture-nav .model a:active,.picture-nav .model a:focus {
color: #3db7e4
}
.picture-nav.listing #listing {
display: block
}
.picture-nav.listing #picture {
display: none
}
.picture-nav.listing .model .pict {
color: #0066a1
}
.picture-nav.listing .model .list {
color: #3db7e4
}
.picture-nav.listing .model a:hover,.picture-nav.listing .model a:active,.picture-nav.listing .model a:focus {
color: #3db7e4
}
.picture-nav #listing {
padding: 15px 15px 40px
}
.picture-nav #listing .box-wrap {
-moz-column-count: 3;
-moz-column-width: auto;
-moz-column-gap: 20px;
-webkit-column-count: 3;
-webkit-column-width: auto;
-webkit-column-gap: 20px;
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-width: auto;
-moz-column-width: auto;
column-width: auto;
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px
}
.picture-nav #listing .box-wrap .pro-item {
width: 280px;
padding-bottom: 30px;
display: inline-block;
vertical-align: top;
color: #0066a1
}
.picture-nav #listing .box-wrap .pro-item h4 a {
padding-bottom: 7px;
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
line-height: 1.5714285714285714;
color: #0066a1
}
.picture-nav #listing .box-wrap .pro-item h4 a strong {
font-weight: 900
}
.picture-nav #listing .box-wrap .pro-item .pro-detail>p {
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
line-height: 2.2857142857142856;
color: #0066a1
}
@media (max-width: 719px) {
body.responsive .picture-nav #listing .box-wrap .pro-item {
padding-bottom:30px
}
body.responsive .picture-nav #listing .box-wrap .pro-item h4 a {
font-weight: 900
}
body.responsive .picture-nav #listing .box-wrap .pro-item .pro-detail {
display: block !important
}
}
.picture-nav #listing .toggle-list-model {
padding: 10px 0;
margin-bottom: 30px;
font: 500 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
color: #0066a1;
text-transform: uppercase
}
.picture-nav #listing .toggle-list-model.more {
display: block
}
.picture-nav #listing .toggle-list-model.less {
display: none
}
.picture-nav #listing.collapsed .toggle-list-model.less {
display: block
}
.picture-nav #listing.collapsed .toggle-list-model.more {
display: none
}
.picture-nav #listing.collapsed .pro-item {
padding-bottom: 20px
}
.picture-nav #listing.collapsed .pro-item .pro-detail {
display: none
}
.picture-nav #listing .entry-listing {
width: 400px;
height: 50px;
position: relative;
color: #ffffff;
display: block;
background-color: #0066a1
}
.picture-nav #listing .entry-listing p:first-child {
width: 331px;
height: 100%;
display: inline-block;
overflow: hidden;
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.picture-nav #listing .entry-listing p:first-child:before {
content: '';
display: inline-block;
width: 0;
height: 100%;
vertical-align: middle
}
.ie7 .picture-nav #listing .entry-listing p:first-child:before {
display: inline;
zoom:1}
.picture-nav #listing .entry-listing p:first-child span {
vertical-align: middle;
width: 100%;
padding: 0 18px;
display: inline-block
}
.picture-nav #listing .entry-listing p:first-child strong {
font-weight: 900;
text-transform: uppercase
}
.picture-nav #listing .entry-listing p:first-child:after {
content: '';
display: block;
width: 1px;
height: 50px;
position: absolute;
top: 0;
right: 50px;
background-color: #ffffff
}
.picture-nav #listing .entry-listing .arrow {
background-color: #0066a1;
position: absolute;
display: inline-block;
top: 0;
right: 0;
width: 50px;
height: 50px
}
.picture-nav #listing .entry-listing .arrow i {
color: #ffffff;
line-height: 50px;
margin-left: 15px
}
.picture-nav #picture {
padding: 15px 0 10px
}
@media (max-width: 719px) {
body.responsive .picture-nav #picture {
display:none !important
}
}
.picture-nav #picture .pro-img-list {
width: 970px
}
.picture-nav #picture .pro-img-list>div {
margin-right: 20px;
margin-bottom: 20px;
float: left;
cursor: pointer
}
.picture-nav #picture .pro-img-list .view-all {
position: relative;
width: 220px;
height: 220px;
text-align: center;
padding: 0 20px;
display: table;
border: 1px solid #ededed;
background-color: #e1e1e1
}
.picture-nav #picture .pro-img-list .view-all a {
display: table-cell;
vertical-align: middle
}
.picture-nav #picture .pro-img-list .view-all a h4 {
width: 180px;
overflow: hidden;
text-align: left;
text-transform: uppercase;
font: 400 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
line-height: 1.2222222222222223;
color: #0066a1
}
.picture-nav #picture .pro-img-list .view-all a h4 strong {
font-weight: 900
}
.picture-nav #picture .pro-img-list .view-all a .arrow {
position: absolute;
bottom: 0;
right: 0;
width: 70px;
height: 70px;
border-top: 1px solid #ededed;
border-left: 1px solid #ededed
}
.picture-nav #picture .pro-img-list .view-all a .arrow i {
line-height: 70px
}
.picture-nav #picture .pro-img-list .product-category {
position: relative;
width: 220px;
height: 220px
}
.picture-nav #picture .pro-img-list .product-category .img-wrap {
height: 170px
}
.picture-nav #picture .pro-img-list .product-category .img-wrap img {
width: 100%;
height: inherit
}
.picture-nav #picture .pro-img-list .product-category .pro-inf {
width: 220px;
height: 50px;
padding: 3px 10px;
font: 400 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
line-height: 1.1666666666666667;
color: #0066a1;
text-align: left;
border: 1px solid #ededed;
border-top: none
}
.picture-nav #picture .pro-img-list .product-category .pro-inf p {
height: 100%;
overflow: hidden
}
.picture-nav #picture .pro-img-list .medium-promo {
width: 460px;
height: 220px;
padding: 16px;
background-color: #e98300;
border: 1px solid #ededed;
text-align: left
}
.picture-nav #picture .pro-img-list .medium-promo h4 {
margin: 3px 0 8px;
text-transform: uppercase;
font: 900 20px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.25rem;
line-height: 1.3;
color: #ffffff
}
.picture-nav #picture .pro-img-list .medium-promo h4 i {
margin-left: 3px;
font-size: 18px;
font-weight: 400;
color: #ffffff
}
.picture-nav #picture .pro-img-list .medium-promo p {
color: #ffffff
}
.picture-nav #picture .pro-img-list .medium-promo p:first-child {
text-transform: uppercase;
font: 400 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
line-height: 1.5;
color: #ffffff
}
.picture-nav #picture .pro-img-list .medium-promo p:last-child {
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
line-height: 1.2857142857142858;
color: #ffffff
}
.picture-nav #picture .pro-img-list .small-promo {
width: 220px;
height: 220px;
padding: 16px;
background-color: #e98300;
border: 1px solid #ededed;
text-align: left
}
.picture-nav #picture .pro-img-list .small-promo h4 {
margin: 6px 0 10px 0;
text-transform: uppercase;
font: 900 20px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.25rem;
line-height: 1.3;
color: #ffffff
}
.picture-nav #picture .pro-img-list .small-promo h4 i {
margin-left: 3px;
font-size: 18px;
font-weight: 400;
color: #ffffff
}
.picture-nav #picture .pro-img-list .small-promo p {
color: #ffffff
}
.picture-nav #picture .pro-img-list .small-promo p:first-child {
text-transform: uppercase;
font: 400 12px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.75rem;
line-height: 1.5;
color: #ffffff
}
.picture-nav #picture .pro-img-list .small-promo p:last-child {
font: 400 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
line-height: 1.2857142857142858;
color: #ffffff
}
@media (max-width: 719px) {
body.responsive .open-filters-modal-btn {
margin:24px 0 20px;
padding: 12px 0;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
}
.filters-modal-contents {
background: #f7f7f7;
min-height: -webkit-calc(100vh - 92px );
min-height: calc(100vh - 92px );
width: 200vw;
overflow: hidden
}
.filters-modal-contents:before,.filters-modal-contents:after {
content: "";
display: table
}
.filters-modal-contents:after {
clear: both
}
.ie6 .filters-modal-contents,.ie7 .filters-modal-contents {
zoom:1}
.filters-modal-contents .panel-slider {
position: relative;
left: 0;
-webkit-transition: left .3s ease-out;
transition: left .3s ease-out
}
.filters-modal-contents .filters-modal-panel-1,.filters-modal-contents .filters-modal-panel-2 {
height: -webkit-calc(100vh - 92px );
height: calc(100vh - 92px );
overflow-y: scroll;
float: left;
width: 100vw
}
.filters-modal-contents.slide-2 .panel-slider {
left: -100vw
}
.filters-modal-contents .modal-block-btn,.filters-modal-contents .modal-block-btn-permanent,.filters-modal-contents .modal-multi-filter label,.filters-modal-contents .modal-range-filter label,.filters-modal-contents .toggle-facets a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
float: none;
padding: 12px 7vw;
min-height: 60px;
border-bottom: 1px solid #ccc;
color: #4a4f55;
position: relative;
z-index: 1;
font: 400 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem
}
.filters-modal-contents .modal-block-btn .icon,.filters-modal-contents .modal-block-btn-permanent .icon,.filters-modal-contents .modal-multi-filter label .icon,.filters-modal-contents .modal-range-filter label .icon,.filters-modal-contents .toggle-facets a .icon {
color: #666;
padding-left: 8px
}
.filters-modal-contents .category-feature-filter {
display: block;
width: 100%;
float: none;
height: auto;
margin: 0
}
.filters-modal-contents .search-within-results-section {
padding: 24px 7vw
}
.filters-modal-contents .search-within-results-section .search-input-holder {
display: block;
width: 100%;
border: 1px solid #ededee
}
.filters-modal-contents .search-within-results-section .search-input-holder form {
width: 100%
}
.filters-modal-contents .search-within-results-section .search-input-holder form input {
width: 100%;
font: 400 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem
}
.filters-modal-contents .search-within-results-section .search-input-holder .icon {
font-size: 20px !important
}
.filters-modal-contents .search-within-results-section .samples-available-filter-checkbox {
float: none;
width: 100%;
padding: 24px 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
position: relative
}
.filters-modal-contents .search-within-results-section .samples-available-filter-checkbox span {
font: 500 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
padding-left: 12px
}
.filters-modal-contents .search-within-results-section .samples-available-filter-checkbox label {
width: 20px;
height: 20px
}
.filters-modal-contents .search-within-results-section .samples-available-filter-checkbox .icon {
font-size: 20px !important
}
.filters-modal-contents .search-within-results-section .units-of-measurement {
width: 100%;
padding: 12px 0 24px 0;
margin: 0;
display: block
}
.filters-modal-contents .search-within-results-section .units-of-measurement div[data-tn-list-select] {
display: block
}
.filters-modal-contents .search-within-results-section .units-of-measurement span {
display: block;
font: 400 18px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1.125rem;
padding-bottom: 24px;
text-align: left;
color: #42474c
}
.filters-modal-contents .search-within-results-section .units-of-measurement ul {
display: block;
width: 100%
}
.filters-modal-contents .search-within-results-section .units-of-measurement ul:before,.filters-modal-contents .search-within-results-section .units-of-measurement ul:after {
content: "";
display: table
}
.filters-modal-contents .search-within-results-section .units-of-measurement ul:after {
clear: both
}
.ie6 .filters-modal-contents .search-within-results-section .units-of-measurement ul,.ie7 .filters-modal-contents .search-within-results-section .units-of-measurement ul {
zoom:1}
.filters-modal-contents .search-within-results-section .units-of-measurement li {
display: block;
width: 50%;
float: left;
margin: 0
}
.filters-modal-contents .search-within-results-section .units-of-measurement a {
display: block;
font: 500 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
padding: 12px 0;
background: #ededee;
color: #3f4348;
text-align: center
}
.filters-modal-contents .search-within-results-section .units-of-measurement li.selected a {
background: #0066a1;
color: #ffffff
}
.filters-modal-contents .back-to-panel-1 {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start
}
.filters-modal-contents .back-to-panel-1 .icon {
padding: 0;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
padding-left: 6px
}
.filters-modal-contents .toggle-facets a {
padding-left: 57px
}
.filters-modal-contents .modal-multi-filter .choose {
display: none
}
.filters-modal-contents .modal-multi-filter label {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
padding-left: 57px
}
.filters-modal-contents .modal-multi-filter label input {
visibility: hidden;
position: absolute
}
.filters-modal-contents .modal-multi-filter label .icon {
display: none
}
.filters-modal-contents .modal-multi-filter label.checked {
background: #3db7e4;
color: #ffffff
}
.filters-modal-contents .modal-multi-filter .apply {
display: block;
font: 500 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
padding: 12px 0;
text-align: center;
background: #0066a1;
color: #ffffff;
margin: 24px 7vw
}
.filters-modal-contents .modal-range-filter .choose {
display: none
}
.filters-modal-contents .modal-range-filter label {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
padding-left: 57px
}
.filters-modal-contents .modal-range-filter label span {
width: 70%;
display: inline-block
}
.filters-modal-contents .modal-range-filter label label.error {
display: none !important
}
.filters-modal-contents .modal-range-filter label input {
width: 30%;
height: 50px;
display: inline-block;
font-size: 1.125rem;
color: #4a4f55;
padding: 5px;
text-align: center
}
.filters-modal-contents .modal-range-filter label.error span {
color: #cd202c
}
.filters-modal-contents .modal-range-filter label.error input {
border: 1px solid #cd202c
}
.filters-modal-contents .modal-range-filter label .icon {
display: none
}
.filters-modal-contents .modal-range-filter .apply {
display: block;
font: 500 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
padding: 12px 0;
text-align: center;
background: #0066a1;
color: #ffffff;
margin: 24px 7vw
}
.pagination {
margin: 0 auto;
text-align: center
}
.pagination * {
font-size: 0;
cursor: default
}
.pagination a.disabled .icon {
color: #ccc;
cursor: default
}
.pagination .elipsis {
font-size: 19px;
height: 24px;
width: 20px;
text-align: center;
position: relative;
top: -6px
}
.pagination ul {
display: inline-block;
vertical-align: top
}
.pagination li {
display: inline-block
}
.pagination a {
color: #0066a1;
width: 24px;
height: 24px;
margin: 0 2px;
overflow: hidden;
cursor: pointer
}
.pagination a span {
display: block;
text-indent: -5000px
}
.pagination a .icon {
color: #0066a1;
cursor: pointer
}
.pagination a:hover {
color: #3db7e4
}
.pagination a:hover .icon {
color: #3db7e4
}
.pagination li.active a {
background: #686c70
}
.pagination li.active a,.pagination li.active a i {
color: #f7f7f7
}
.pagination li.long a {
width: auto;
padding: 0 5px
}
@media (max-width: 719px) {
body.responsive .pagination {
padding:30px 7vw
}
body.responsive .pagination>* {
display: none
}
body.responsive .pagination .next,body.responsive .pagination .prev {
position: relative;
display: inline-block;
width: 121px;
height: 70px;
background-color: #0066a1;
border: 1px solid transparent;
margin: 0
}
body.responsive .pagination .next.disabled,body.responsive .pagination .prev.disabled {
background-color: #ffffff;
border-color: #ebebeb
}
body.responsive .pagination .next.disabled i,body.responsive .pagination .prev.disabled i {
color: #ccc
}
body.responsive .pagination .next i,body.responsive .pagination .prev i {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
line-height: 1;
font-size: 28px;
color: #ffffff
}
body.responsive .pagination .next i:before,body.responsive .pagination .prev i:before {
content: "\e619"
}
body.responsive .pagination .prev {
margin-right: 12px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
body.responsive .pagination .next {
margin-left: 12px
}
}
.save-to-list-dropdown {
position: relative;
overflow: inherit !important
}
.save-to-list-dropdown>a>span {
width: auto !important
}
.save-to-list-dropdown a i.icon.icon-override {
width: auto;
border-left: none;
display: inline;
top: 1px;
left: 5px;
float: none !important;
color: #0066a1
}
.save-to-list-dropdown a:hover i.icon.icon-override,.save-to-list-dropdown a:active i.icon.icon-override,.save-to-list-dropdown a:focus i.icon.icon-override {
color: #3db7e4
}
.save-to-list-dropdown .save-to-list-top-container {
position: relative !important;
clear: left
}
.save-to-list-dropdown .save-to-list-dropdown-wrapper {
display: none;
position: absolute;
left: 0;
z-index: 10;
width: 234px
}
.save-to-list-dropdown .save-to-list-dropdown-wrapper.ng-cloak {
min-height: 60px;
position: relative
}
.save-to-list-dropdown .save-to-list-dropdown-wrapper.ng-cloak:before {
z-index: 15;
min-height: 60px;
background: #ffffff url('../../images/loading-anim.gif') no-repeat center;
position: relative;
width: 100%;
content: "";
position: absolute;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s ease .3s,opacity .3s linear;
transition: visibility 0s ease .3s,opacity .3s linear;
margin-top: 0
}
html.oldie .save-to-list-dropdown .save-to-list-dropdown-wrapper.ng-cloak:before {
height: 60px
}
.save-to-list-dropdown .save-to-list-dropdown-wrapper.ng-cloak.ng-cloak {
display: block !important;
z-index: 15
}
html.oldie .save-to-list-dropdown .save-to-list-dropdown-wrapper.ng-cloak.ng-cloak {
height: 60px
}
.save-to-list-dropdown .save-to-list-dropdown-wrapper.ng-cloak.ng-cloak:before {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.save-to-list-dropdown .save-to-list-dropdown-wrapper.loading {
min-height: 60px;
position: relative;
overflow: hidden;
position: absolute !important;
border: 1px solid #ccc !important
}
.save-to-list-dropdown .save-to-list-dropdown-wrapper.loading:before {
z-index: 15;
min-height: 60px;
background: #ffffff url('../../images/loading-anim.gif') no-repeat center;
position: relative;
width: 100%;
content: "";
position: absolute;
display: block;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s ease .3s,opacity .3s linear;
transition: visibility 0s ease .3s,opacity .3s linear;
margin-top: 0
}
html.oldie .save-to-list-dropdown .save-to-list-dropdown-wrapper.loading:before {
height: 60px
}
.save-to-list-dropdown .save-to-list-dropdown-wrapper.loading.ng-cloak {
display: block !important;
z-index: 15
}
html.oldie .save-to-list-dropdown .save-to-list-dropdown-wrapper.loading.ng-cloak {
height: 60px
}
.save-to-list-dropdown .save-to-list-dropdown-wrapper.loading.ng-cloak:before {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s
}
.save-to-list-dropdown .save-to-list-dropdown-wrapper.loading:before {
background-size: 35px 35px;
opacity: 1;
visibility: visible
}
.save-to-list-dropdown .save-to-list-dropdown-wrapper.loading.render-upward:before {
bottom: 0
}
.save-to-list-dropdown .save-to-list-dropdown-wrapper ul li a {
border: none
}
.save-to-list-dropdown .save-to-list-dropdown-wrapper .option-value {
float: left;
height: 40px;
line-height: 40px !important;
width: auto
}
.save-to-list-dropdown .save-to-list-dropdown-wrapper .option-value.bold {
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem
}
.save-to-list-dropdown .save-to-list-dropdown-wrapper .option-loading {
background: #fff url(../../images/loading-anim.gif) no-repeat center;
background-size: 20px 20px
}
.save-to-list-dropdown .save-to-list-dropdown-wrapper .option-overrides {
width: 20px;
height: 37px;
float: left;
margin-left: 10px;
margin-top: 1px
}
.save-to-list-dropdown .save-to-list-dropdown-wrapper .option-overrides i.icon {
display: inherit !important;
width: auto !important;
float: none !important;
margin: auto !important;
border: 0 !important;
line-height: 40px !important
}
.save-to-list-dropdown .save-to-list-dropdown-wrapper .option-overrides i.icon.icon-alert {
color: #cd202c
}
.save-to-list-dropdown .save-to-list-dropdown-wrapper .option-overrides i.icon.icon-in-stock {
color: #d6e342
}
.save-to-list-dropdown .save-to-list-dropdown-wrapper .sticky-option {
z-index: 10;
width: 100%;
height: 40px;
background: #fff
}
.save-to-list-dropdown .save-to-list-dropdown-wrapper .sticky-option a {
border: 1px solid #ccc !important
}
.save-to-list-dropdown .save-to-list-dropdown-wrapper .new-list-option a {
font-style: italic !important;
border-bottom: none !important;
height: 40px
}
.save-to-list-dropdown .save-to-list-dropdown-wrapper .new-list-option a.new-list-override {
border-bottom: 1px solid #ccc !important
}
.save-to-list-dropdown .save-to-list-dropdown-wrapper .view-lists-option {
background-color: #ededee
}
.save-to-list-dropdown .save-to-list-dropdown-wrapper .view-lists-option a {
font: 900 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif !important;
font-size: 0.875rem !important;
color: #0066a1 !important
}
.save-to-list-dropdown .save-to-list-dropdown-wrapper .error-option {
border: 1px solid #ccc
}
.save-to-list-dropdown .save-to-list-dropdown-wrapper .error-option a {
border: none !important;
padding: 0 !important
}
.save-to-list-dropdown .save-to-list-dropdown-wrapper .error-option a .option-overrides {
width: 100%;
text-align: center;
margin: 0 !important
}
.save-to-list-dropdown.open.save-to-list-pdp-override>a {
border-bottom: 1px solid #ccc
}
.save-to-list-dropdown.open.save-to-list-pdp-override>a .icon[role="presentation"].icon-list {
border-color: #ccc
}
.save-to-list-dropdown.open.save-to-list-pdp-override .save-to-list-dropdown-wrapper ul {
border-top: none
}
.save-to-list-dropdown.open.save-to-list-pdp-override .save-to-list-dropdown-wrapper.loading {
border-top: none !important
}
.save-to-list-dropdown.open>a,.save-to-list-dropdown.open .save-list-part-tile-override {
border-top: 1px solid #ccc !important;
border-right: 1px solid #ccc !important;
border-left: 1px solid #ccc !important
}
.save-to-list-dropdown.open.render-upward .save-to-list-dropdown-wrapper {
bottom: 0
}
.save-to-list-dropdown.open.render-upward .save-to-list-dropdown-wrapper ul {
border-bottom: 1px solid #ccc
}
.save-to-list-dropdown.open.render-upward .save-to-list-dropdown-wrapper ul li.unknownuser-override {
border-bottom: none !important
}
.save-to-list-dropdown.open.render-upward .save-to-list-dropdown-wrapper .new-list-option a {
border-bottom: none !important
}
.save-to-list-dropdown.open.render-upward .save-to-list-dropdown-wrapper .new-list-option a.new-list-override {
border-bottom: none !important
}
.save-to-list-dropdown.open.render-upward .save-to-list-dropdown-wrapper .error-option a {
border-top: none !important
}
.save-to-list-dropdown.open.render-upward>a {
border-bottom: 1px solid #ccc
}
.save-to-list-dropdown.open .save-to-list-dropdown-wrapper {
display: block;
text-align: left;
border-bottom: none;
background: #ffffff
}
.save-to-list-dropdown.open .save-to-list-dropdown-wrapper ul {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
width: 100%
}
.save-to-list-dropdown.open .save-to-list-dropdown-wrapper ul.reduced-view {
height: 200px;
overflow-x: hidden;
overflow-y: scroll
}
.save-to-list-dropdown.open .save-to-list-dropdown-wrapper ul li {
background: #ffffff;
border-bottom: none;
cursor: pointer;
display: block;
height: auto;
overflow: hidden;
position: relative;
z-index: 10;
margin: 0;
padding: 0
}
.save-to-list-dropdown.open .save-to-list-dropdown-wrapper ul li.highlight {
background-color: #FFFFAA
}
.save-to-list-dropdown.open .save-to-list-dropdown-wrapper ul li a {
height: 40px
}
.save-to-list-dropdown.open .save-to-list-dropdown-wrapper ul li a.first {
border-top-width: 0 !important
}
.save-to-list-dropdown.open .save-to-list-dropdown-wrapper ul li .list-position {
position: static !important
}
.save-to-list-dropdown.open .save-to-list-dropdown-wrapper ul li.unknownuser-override {
border-bottom: 1px solid #ccc !important
}
.save-to-list-dropdown.open .save-to-list-dropdown-wrapper a {
font: 200 14px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 0.875rem;
line-height: 40px !important;
text-transform: none !important;
border-top: 1px solid #ccc;
color: #3f4348;
padding: 0 0 0 14px !important;
display: block
}
.save-to-list-dropdown.open .save-to-list-dropdown-wrapper a:hover {
color: #3db7e4 !important
}
.save-to-list-dropdown .hide {
display: none
}
#gblTrimToPixelRuler {
visibility: hidden;
white-space: nowrap;
position: fixed;
opacity: 0;
left: -9999px;
bottom: 0
}
#CQrte table.test-table-style {
font-family: verdana,arial,sans-serif;
font-size: 11px;
color: #333333;
border-width: 1px;
border-color: #999999;
border-collapse: collapse
}
#CQrte table.test-table-style th {
background-color: #c3dde0;
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #a9c6c9
}
#CQrte table.test-table-style tr {
background-color: #d4e3e5
}
#CQrte table.test-table-style td {
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #a9c6c9
}
#CQrte p {
font: 200 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
padding-left: 8px;
padding-right: 5px
}
#CQrte ol {
font: 200 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
list-style-type: decimal;
list-style-position: inside
}
#CQrte ol li {
padding: 5px 0
}
#CQrte ul {
font: 200 16px 'Avenir','Avenir W02',Arial,Helvetica,sans-serif;
font-size: 1rem;
list-style: disc outside none;
margin-left: 18px
}
#CQrte ul li {
padding: 5px 0
}
#CQrte b {
font-weight: 700
}
#CQrte i {
font-style: italic
}
#CQrte sub,#CQrte sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
#CQrte sup {
top: -0.5em
}
#CQrte sub {
bottom: -0.25em
}
#CQ .x-panel-btns tbody td {
vertical-align: inherit
}
.grid-overlay-wrapper {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 99999999
}
.grid-overlay-wrapper .liquid-wrapper {
height: 100%;
width: 940px;
margin: 0 auto
}
.grid-overlay-wrapper .col {
display: none;
float: left;
position: relative;
height: 100%;
background-color: red;
-moz-opacity: .5;
-khtml-opacity: .5;
-webkit-opacity: .5;
opacity: .5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
filter: alpha(opacity=50)
}
.grid-overlay-wrapper .col.col1,.grid-overlay-wrapper .col.col2,.grid-overlay-wrapper .col.col3,.grid-overlay-wrapper .col.col4,.grid-overlay-wrapper .col.col5,.grid-overlay-wrapper .col.col6,.grid-overlay-wrapper .col.col7,.grid-overlay-wrapper .col.col8,.grid-overlay-wrapper .col.col9,.grid-overlay-wrapper .col.col10,.grid-overlay-wrapper .col.col11,.grid-overlay-wrapper .col.col12 {
display: block;
float: left;
width: 6.38297872%;
margin-right: 2.12765957%
}
.grid-overlay-wrapper .col.col12 {
float: left;
width: 6.38297872%;
margin-right: 0;
float: right
}