/* override x-body styling */
.x-body{
    color: #232020;
    font-size: 18px;
    font-family: TheSans, "Merriweather Sans", "Lucida Sans", "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
    background: inherit;
}

/* filters */

div.leftListColumn
{
    /*padding-left: 10px;*/
}
div.leftListColumn div.filterResults p:not(.searchHeader),
div.leftListColumn div.filterResults ul, 
div.leftListColumn div.filterResults br
{
    display: none;
}
div.leftListColumn div.filterResults p.searchHeader
{
    font-weight: bold;
    cursor: pointer;
    color: #ffffff;
    background-color: #7b6e66;
    padding: 10px;
    
}
div.leftListColumn div.filterResults p:not(.searchHeader),
div.leftListColumn div.filterResults ul, 
div.leftListColumn div.filterResults li, 
div.leftListColumn div.filterResults br
{
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}
div.column.narrow.left div.facetSelectionGroup h3,
div.column.narrow.left div.facetGroup h3{
    margin-bottom: 0px;
}
div.leftListColumn div.filterResults p.filterSubheader
{
    font-weight: bold;
    margin-bottom: 6px;
}
div.leftListColumn div.filterResults ul.filterList
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
div.leftListColumn div.filterResults ul.filterList li
{
    padding-top: 5px;
    padding-bottom: 5px;
}

/* global search (global styles or < 768) */

/* right side content */
div.globalSearch
{
    /*width: 100%;*/
    margin-top: 45px;
}
/* content categories and paging controls */
div.globalSearch div.ContentCategoryTabs ul.Categories
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
div.globalSearch div.ContentCategoryTabs ul.Categories li
{
    width: 33%;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    border-bottom: 2px solid #ffffff;
}
div.globalSearch div.ContentCategoryTabs ul.Categories li.selected
{
    border-bottom-color: #d7451a;
}
div.globalSearch div.ContentCategoryTabs ul.Categories li a:hover
{
    border-bottom-width: 0px;
}
div.globalSearch ul.pageSelection{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: 0px;
    list-style-type: none;
}
/* end global search */

div.pager div.pageLocation,
div.pagination div.resultSummary,
p.resultSummary
{
    background-color: #d9d5d2;
    padding: 10px;
}
div.pager ul.pageSelection li span, 
div.pager ul.pageSelection li a
{
    /*display: block;
    text-align: center;
    border: 1px solid #bdb6b0;
    padding: 10px 15px;*/
    margin-right: 5px;
}
div.pager ul.pageSelection li.selected span,
div.pager ul.pageSelection li a:hover{
    border-color: #d7451a;
}
div.pagination div.pages{
    margin-top: 10px;
}
div.pagination div.pages span {
    /*-webkit-display: flex;*/
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
}
div.pagination div.pages span span span,
div.pagination div.pages span a,
div.productsAZ div.resultSummaryAndPaging ul.letters li a,
div.productsAZ div.resultSummaryAndPaging ul.letters li span,
div.globalSearch div.pager ul.pageSelection li span,
div.pager ul.pageSelection li a,
div.resultSummaryAndPaging ul.letters li a,
div.resultSummaryAndPaging ul.letters li span{
    border: 1px solid #bdb6b0;
    text-align: center;
    padding: 10px 15px;
    margin-bottom: 5px;
    transition: border .2s, background-color .2s;
    min-width: 40px;
    box-sizing: border-box;
}
div.pagination div.pages span a:hover,
div.productsAZ div.resultSummaryAndPaging ul.letters li a:hover,
div.resultSummaryAndPaging ul.letters li a:hover{
    border: 1px solid #d7451a;
    background-color: #d9d5d2;
}
div.pagination div.pages span span span,
div.productsAZ div.resultSummaryAndPaging ul.letters li span,
div.resultSummaryAndPaging ul.letters li span{
    border-color: #d7451a;
}
div.productsAZ ul.productResults li.marketingPage p.image a{
    border-bottom-width: 0px;
}
div.productsAZ div.column.narrow.left ul.selectedMarketSegmentValues,
div.column.narrow.left.productsAZ ul.selectedMarketSegmentValues{
    margin-bottom: 15px;
}
/* search results listing */
div.listColumns
{
    margin-top: 25px;
    font-size: .9rem;
    padding-top: 15px;
    padding-bottom: 15px;
    /*max-width: 600px;*/
}
div.WebResultsContainer div.listColumns, 
div.PartCatalogResultsContainer div.listColumns
{
    max-width: 600px;
    /*background-color: #f4f3f2;*/
}
div.listColumns div.serpOuterContainer div.serpInnerContainer div
{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
div.listColumns div.serpOuterContainer div.serpInnerContainer div span,
div.listColumns div.serpOuterContainer div.serpInnerContainer div a
{
    font-size: 1.1em;
    border-bottom: 1px solid #ffffff;
}
div.listColumns div.serpOuterContainer div.serpInnerContainer div span,
div.listColumns div.serpOuterContainer div.serpInnerContainer div a{
    width: 100%;
}
div.listColumns div.serpOuterContainer div.serpInnerContainer div span
{
    -webkit-order: 1;
    order: 1;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    
}
div.listColumns div.serpOuterContainer div.serpInnerContainer div a:hover
{
    border-bottom-color: #d7451a;
}

/* tech pubs */
.TechPubResultsContainer div.categoryCopy div.listColumns table
{
    border-collapse: collapse;
}
.TechPubResultsContainer div.categoryCopy div.listColumns table tr:nth-child(odd)
{
    background-color: #f4f3f2;
}
.TechPubResultsContainer div.categoryCopy div.listColumns table tr:first-child
{
    background-color: #bdb6b0;
}
.TechPubResultsContainer div.categoryCopy div.listColumns table th,
.TechPubResultsContainer div.categoryCopy div.listColumns table td.pub-date
{
    white-space: nowrap;
}
.TechPubResultsContainer div.categoryCopy div.listColumns table th,
.TechPubResultsContainer div.categoryCopy div.listColumns table td
{
    border: 1px solid #92877f;
    vertical-align: top;
    padding: 4px;
}
.TechPubResultsContainer div.categoryCopy div.listColumns table .pub-download
{
    width: 16px;
    background-repeat: no-repeat;
    background-position: left 5px;
}
/*.TechPubResultsContainer div.categoryCopy div.listColumns table .pub-download.login
{
    background-image: url("../images/pdfGray.jpg");
}*/
.TechPubResultsContainer div.categoryCopy div.listColumns table .pub-partNumber{
    white-space: nowrap;
}
.TechPubResults .pub-download.available
{
	background-image:url("/Rockwell/UI/TechPubDetail/resources/images/pdf.jpg");
}

.TechPubResults .pub-download.login
{
	background-image:url("/Rockwell/UI/TechPubDetail/resources/images/pdfGray.jpg");
}

.TechPubResults .pub-download.noAccess
{
	filter: alpha(opacity=50);
	opacity: .5;
	background-image:url("/Rockwell/UI/TechPubDetail/resources/images/pdfGray.jpg");
}

.TechPubResults .pub-download.scan
{
	background-image:url("/Rockwell/UI/TechPubDetail/resources/images/scanner.jpg");
}
.TechPubResults .pub-download a{
    text-decoration: none;
    width: 16px;
    height: 16px;
    display: block;
}
.TechPubResults .pub-download a:hover{
    border-bottom-width: 0px;
}
/* contact directory */
div.directory.contacts div.listColumns{
    margin-top: 0px;
    padding-bottom: 0px;
}
div.directory.contacts div.listColumns div.listColumn p{
    margin: 10px auto;
}
div.directory.contacts div.listColumns+div.pagination{
    margin-top: 25px;
}
div[data-type="map"]{
    width: 100%;
}
div.directory div.map.contactDirectory{
    width: 100%;
    position: relative;
}
div#directoryContainer.max1280.directory.list div[data-type="list"]{
    width: 100%;
}
div#directoryContainer div.directory.list.gridContainer{
    margin-left: 65px;
    width: calc(100% - 85px);
    overflow: hidden;
    /*display: grid;*/
    box-sizing: border-box;
    display: block;
}
div.directory.locations div.column.left.narrow,
div#directoryContainer.max1280.directory.map div.column.left.narrow,
div#directoryContainer.max1280.directory.list div.column.left.narrow{
    display: block;
    position: relative;
    z-index: 10000;
}
div#directoryContainer.max1280.directory.list div.column.left.narrow div.intraIndexSearch span.inPageSearchExactMatch{
    display: block;
    margin: 10px 0px;
}
div.iconsContainer{
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 40px 30px 30px;
    position: absolute;
    top: 42px;
}
div.directory.locations div.column.left.narrow p.icons,
div.leftListColumn p.icons,
div#directoryContainer.max1280.directory.map div.column.left.narrow p.icons,
div#directoryContainer.max1280.directory.list div.column.left.narrow p.icons{
    border-radius: 4px;
    height: 50px;
    z-index: 10000;
    cursor: pointer;
    left: 2px;
    opacity: .6;
    transition: opacity .5s, transform .5s;
    margin: 0px;
    position: relative;
}
div.directory.locations div.column.left.narrow p.icons img.active,
div.leftListColumn p.icons img.active,
div#directoryContainer.max1280.directory.map div.column.left.narrow p.icons img.active,
div#directoryContainer.max1280.directory.list div.column.left.narrow p.icons img.active{
    cursor: default;
}
div.directory.locations div.column.left.narrow p.icons.magnifier,
div.leftListColumn p.icons.magnifier,
div#directoryContainer.max1280.directory.map div.column.left.narrow p.icons.magnifier,
div#directoryContainer.max1280.directory.list div.column.left.narrow p.icons.magnifier{
    background-color: #0068c6;
}
div.directory.locations div.column.left.narrow p.icons:hover,
div.leftListColumn p.icons:hover,
div#directoryContainer.max1280.directory.map div.column.left.narrow p.icons:hover,
div#directoryContainer.max1280.directory.list div.column.left.narrow p.icons:hover{
    opacity: 1;
}
div.directory.locations div.column.left.narrow p.icons img,
div.leftListColumn p.icons img,
div#directoryContainer.max1280.directory.map div.column.left.narrow p.icons img,
div#directoryContainer.max1280.directory.list div.column.left.narrow p.icons img{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    max-width: 30px;
    height: auto;
}
div.directory.locations div.column.left.narrow p.icons.magnifier img,
div.leftListColumn p.icons.magnifier img,
div#directoryContainer.max1280.directory.map div.column.left.narrow p.icons.magnifier img,
div#directoryContainer.max1280.directory.list div.column.left.narrow p.icons.magnifier img{
    max-width: 40px;
}
div.directory.locations div.column.left.narrow p.icons.enlarged,
div.leftListColumn p.icons.enlarged,
div#directoryContainer.max1280.directory.map div.column.left.narrow p.icons.enlarged,
div#directoryContainer.max1280.directory.list div.column.left.narrow p.icons.enlarged{
    transform: scale(1.2);
    opacity: 1;
}
div.directory.locations div.column.left.narrow p.icons.stacked img,
div.leftListColumn p.icons.stacked img,
div#directoryContainer.max1280.directory.map div.column.left.narrow p.icons.stacked img,
div#directoryContainer.max1280.directory.list div.column.left.narrow p.icons.stacked img{
    position: absolute;
}
div.directory.locations div.column.left.narrow.expanded p.icons.stacked img.visible.static,
div.leftListColumn p.icons.stacked img.visible.static,
div#directoryContainer.max1280.directory.map div.column.left.narrow.expanded p.icons.stacked img.visible.static,
div#directoryContainer.max1280.directory.list div.column.left.narrow.expanded p.icons.stacked img.visible.static{
    cursor: default;
}
div.directory.locations div.column.left.narrow div.searchAndFilters,
div#directoryContainer.max1280.directory.map div.column.left.narrow div.searchAndFilters,
div#directoryContainer.max1280.directory.list div.column.left.narrow div.searchAndFilters{
    display: block;
    background-color: #ffffff;
    padding: 60px 20px;
    opacity: .95;
    max-width: 0px;
    min-width: 0px;
    overflow: hidden;
    -webkit-transition: max-width .25s, min-width .25s, opacity .25s;
    transition: max-width .25s, min-width .25s, opacity .25s;
    position: absolute;
    top: 40px;
    opacity: 0;
}
div.directory.locations div.column.left.narrow.expanded p.icons,
div.leftListColumn p.icons,
div#directoryContainer.max1280.directory.map div.column.left.narrow.expanded p.icons,
div#directoryContainer.max1280.directory.list div.column.left.narrow.expanded p.icons{
    opacity: 1;
}
div.directory.locations div.column.left.narrow.expanded p.icons.magnifier,
div#directoryContainer.max1280.directory.map div.column.left.narrow.expanded p.icons.magnifier,
div#directoryContainer.max1280.directory.list div.column.left.narrow.expanded p.icons.magnifier{
    background-color: #d7451a;
}
div.directory.locations div.column.left.narrow.expanded p.icons.hidden,
div#directoryContainer.max1280.directory.map div.column.left.narrow.expanded p.icons.hidden,
div#directoryContainer.max1280.directory.list div.column.left.narrow.expanded p.icons.hidden{
    display: block;
}
div.directory.locations div.column.left.narrow.expanded p.icons.stacked:hover img.visible:not(.static),
div.leftListColumn p.icons.stacked:hover img.visible:not(.static),
div#directoryContainer.max1280.directory.map div.column.left.narrow p.icons.stacked:hover img.visible:not(.static),
div#directoryContainer.max1280.directory.list div.column.left.narrow p.icons.stacked:hover img.visible:not(.static){
    display: none;
}
div.directory.locations div.column.left.narrow.expanded p.icons.stacked:hover img.hidden,
div.leftListColumn p.icons.stacked:hover img.hidden,
div#directoryContainer.max1280.directory.map div.column.left.narrow.expanded p.icons.stacked:hover img.hidden,
div#directoryContainer.max1280.directory.list div.column.left.narrow.expanded p.icons.stacked:hover img.hidden{
    display: block;
}
div.directory.locations div.column.left.narrow.expanded div.searchAndFilters,
div#directoryContainer.max1280.directory.map div.column.left.narrow.expanded div.searchAndFilters,
div#directoryContainer.max1280.directory.list div.column.left.narrow.expanded div.searchAndFilters{
    max-width: 2000px;
    opacity: 1;
    border: 1px solid #edebea;
    border-left: 0px;
    background-color: #fbfbfa;
}
div.directory.locations div.column.left.narrow p.closeButton,
div#directoryContainer.max1280.directory.list div.column.left.narrow p.closeButton{
    display: none;
    top: 10px;
}
div.directory.locations div.column.left.narrow.expanded p.closeButton,
div#directoryContainer.max1280.directory.map div.column.left.narrow.expanded p.closeButton,
div#directoryContainer.max1280.directory.list div.column.left.narrow.expanded p.closeButton{
    display: block;
}
/* not sure why the following was in here, but it caused right sidebars 
    to be hidden where I didn't want them to be hidden (e.g., Products A-Z)
*/
/*div#directoryContainer.directory div.column.narrow:not(.left){
    display: none;
}*/
/* progress control */
div.directory div.progressContainer{
    width: calc(100% - 40px);
    min-width: 350px;
    max-width: 500px;
    opacity: 1;
    -webkit-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in;
    position: absolute;
    background-color: #ffffff;
    border: 1px solid #49403a;
    border-radius: 2px;
    z-index: 5000;
    padding: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    box-sizing: border-box;
    min-height: 20px;
}
div.directory div.progressContainer:hover{
    z-index: 20000;
}
div.directory div.progressContainer div.progressMessagesContainer{
    max-height: 500px;
    overflow: visible;
    transition: max-height .5s ease-out;
}
div.directory div.progressContainer p.progressMessage,
div.directory div.progressContainer div.progressMessagesContainer p{
    font-size: .8em;
}
div.directory div.progressContainer div.progressBarWrapper{
    -webkit-transition: transform 1.5s;
    transition: transform .5s
}
div.progressBarWrapper{
    width: calc(100% - 20px);
    position: relative;
    background-color: #e3dedb;
    height: 4px;
    margin: auto;
}
div.directory div.progressContainer div.progressBar{
    background-color: #0068c6;
    height: 100%;
    width: 0px;
}
div.directory div.progressContainer.minimized{
    opacity: .25;
}
div.directory div.progressContainer.minimized:hover{
    opacity: 1;
}
div.directory div.progressContainer.minimized div.progressMessagesContainer{
    max-height: 0px;
    overflow: hidden;
}
div.directory div.progressContainer p.closeButton{
    transition: transform .25s;
    top: -9px;
    right: -9px;
    transform: rotate(-90deg);
}
div.directory div.progressContainer p.closeButton[data-action=Close]{
    transform: none;
}
div.directory div.progressContainer.minimized p.closeButton{
    transform: rotate(90deg);
}
div.directory div.progressContainer.complete{
    opacity: 0;
    z-index: 3000;
}
div.directory div.progressContainer.complete div.progressBarWrapper{
    -webkit-transform: scaleX(1.1) scaleY(3);
    transform: scaleX(1.1) scaleY(3);
}
div.directory div.progressContainer.complete div.progressBar{
    background-color: green;
}

/* news, events "our stories" index */
div.directory.news div.listTabs{
    /*-webkit-display: flex;*/
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%;
}
div.directory.news div.listTabs div.listTab{
    width: 25%;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}
div.directory.news div.listTabs div.listTab.on{
    background-color: #d9d5d2;
}
div.directory.news div.listTabs div.listTab.on a:hover{
    border-bottom-width: 0px;
}
div.directory.news article.listItem{
    margin-bottom: 35px;
}
div.directory.news div.listItem p.listImage,
div.directory.news article.listItem p.listImage{
    width: 100%;
    overflow: hidden;
    font-size: 0px;
}
div.directory.news div.listItem p.listImage a,
div.directory.news article.listItem p.listImage a{
    text-decoration: none;
    border-bottom-width: 0px;
}
div.directory.news div.listItem p.listImage img,
div.directory.news article.listItem p.listImage img{
    width: 100%;
    height: auto;
    transition: transform .2s linear;
}
div.directory.news div.listItem p.listImage img:hover,
div.directory.news article.listItem p.listImage img:hover{
    transform: scale(1.05);
}
div.directory.news div.listItem p.listDate,
div.directory.news article.listItem p.listDate{
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 0.9em;
    color: #7b6e66;
}
div.directory.news div.listItem p.listHeader,
div.directory.news article.listItem h2.listHeader{
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 1em;
}
div.directory.news div.listItem p.listHeader span.listDate,
div.directory.news article.listItem h2.listHeader span.listDate{
    color: #7b6e66;
    font-size: smaller;
}
div.directory.news div.listItem p.listSummary,
div.directory.news article.listItem p.listSummary{
    margin-top: 0px;
}
/* flex column */
div.directory div.flexColumn,
div.directory div.column.narrow{
    margin-top: 25px;
}
div.directory.locations div.column.left.narrow,
div#directoryContainer.max1280.directory.map div.column.left.narrow,
div#directoryContainer.max1280.directory.list div.column.left.narrow{
    margin-top: 0px;
}
div.directory div.column.left.narrow.news{
    margin-top: 0px;
    position: sticky;
    top: 0px;
    background-color: #ffffff;
    z-index: 1001;
}
div.directory div.column.left.narrow.news h2{
    margin-top: 0px;
}
div.flexColumn div.header{
    font-size: 1.7em;
}
div.flexColumn div.copy a, div.categoryImage a {
    line-height: normal;
    display: inline-block;
    margin-bottom: 10px;
}
/*div.flexColumn div.copy a+br{
    display: block;
}*/

/* products A-Z */
div.productsAZ div.facetGroup{
    margin-top: 15px;
}
div.productsAZ div.facetGroup:first-child{
    margin-top: 0px;
    border-bottom: 1px solid #e3dedb;
}
div.directory.productResults column.wide,
div.directory.productResults column.narrow{
    box-sizing: border-box;
}
div.productsAZ div.column.narrow.left div.expandableTitles > :last-child,
div.column.narrow.left.productsAZ div.expandableTitles > :last-child{
    display: none;
}
div.productsAZ div.column.wide div.resultSummaryAndPaging div.lettersContainer,
div.column.wide.productsAZ div.resultSummaryAndPaging div.lettersContainer,
div.resultSummaryAndPaging div.lettersContainer
{
    width: 100%;
    overflow-x: scroll;
}
div.productsAZ div.column.wide div.resultSummaryAndPaging ul.letters,
div.column.wide.productsAZ div.resultSummaryAndPaging ul.letters,
div.resultSummaryAndPaging ul.letters{
    /*-webkit-display: flex;*/
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-top: 5px;
}
div.productsAZ div.column.wide div.resultSummaryAndPaging ul.letters li,
div.column.wide.productsAZ div.resultSummaryAndPaging ul.letters li,
div.resultSummaryAndPaging ul.letters li{
    margin-right: 5px;
}
div.productsAZ ul.letters{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
div.productsAZ div.column.wide div.resultSummaryAndPaging ul.letters li,
div.column.wide.productsAZ div.resultSummaryAndPaging ul.letters li,
div.resultSummaryAndPaging ul.letters li{
    margin-right: 5px;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
}
div.productsAZ div.column.wide div.resultSummaryAndPaging ul.letters li a,
div.productsAZ div.column.wide div.resultSummaryAndPaging ul.letters li span,
div.column.wide.productsAZ div.resultSummaryAndPaging ul.letters li a,
div.column.wide.productsAZ div.resultSummaryAndPaging ul.letters li span,
div.resultSummaryAndPaging ul.letters li a,
div.resultSummaryAndPaging ul.letters li span{
    /*display: block;*/
    display: inline-block;
}
div.productsAZ ul.productResults{
    margin-top: 50px;
    margin-bottom: 50px;
}
div.productsAZ ul.productResults li{
    margin-bottom: 1em;
}
div.productsAZ div.column.narrow.left ul li.hidden,
div.productsAZ div.lettersContainer ul li.hidden,
div.productsAZ ul.productResults li.hidden,
div.productsAZ div.column.wide div.resultSummaryAndPaging ul.letters li span.hidden,
div.productsAZ div.column.wide div.resultSummaryAndPaging ul.letters li a.hidden,
div.productsAZ div.column.narrow.left div.facetSelectionGroup.hidden,
div.column.wide.productsAZ div.resultSummaryAndPaging ul.letters li span.hidden,
div.column.wide.productsAZ div.resultSummaryAndPaging ul.letters li a.hidden,
div.column.narrow.left.productsAZ ul li.hidden,
div.column.narrow.left.productsAZ div.facetSelectionGroup.hidden,
div.resultSummaryAndPaging ul.letters li span.hidden,
div.resultSummaryAndPaging ul.letters li a.hidden
{
    display: none;
}
div.productsAZ ul.productResults li.marketingPage{
    margin-top: 45px;
}
div.productsAZ ul.productResults li.marketingPage p.image img{
    width: 100%;
}
div.productsAZ ul.productResults li.marketingPage p
{
    margin-top: 0px;
}
div.productsAZ ul.productResults li.marketingPage p:not(:last-child){
    margin-bottom: 0px;
}
div.productsAZ ul.productResults li.marketingPage p.title{
    font-weight: bold;
}
p.callToAction.loadMore{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    width: 100%;
}
div.directory.news div.noResultsFound{
    width: 100%;
}
div.directory.news.index div.intraIndexSearch{
    background-color: #ffffff;
    position: sticky;
    top: 37px;
    z-index: 1000;
    padding-top: 1px;
    padding-bottom: 10px;
}
div.directory.contacts div.listColumns{
    padding-top: 0px;
}

@media screen and (max-width: 767px)
{

/* paging controls */
/*div.pager ul.pageSelection li
{
    display: none;
}
div.pager ul.pageSelection li:first-child,
div.pager ul.pageSelection li:last-child
{
    display: inline-block;
}
div.pager ul.pageSelection li:first-child
{
    margin-right: 25px;
}*/
/* search results listing */
div.listColumns div.serpOuterContainer,
div.directory.news div.listItem,
div.directory.news article.listItem
{
    /*margin-bottom: 50px;*/
    width: calc(100% - 20px);
    margin: 10px auto;
    background-color: #ffffff;
    padding: 10px;
    box-sizing: border-box;
    box-shadow: 0px 4px 2px 0px #7b6e66;
    border: 1px solid #d9d5d2;
}

/* tech pubs */
div.TechPubResultsContainer div.categoryCopy div.listColumns
{
    width: calc(100% - 20px);
    overflow: scroll;
    padding-left: 10px;
    margin: 0px auto;
}
.TechPubResultsContainer div.categoryCopy div.listColumns table
{
    width: 1160px;
}
div.TechPubResultsContainer div.searchResultHeader
{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}
div.TechPubResultsContainer div.searchResultFooter
{
    padding: 10px;
}



} /* end @media screen and (max-width: 767px) */


@media screen and (min-width: 768px)
{

/* global search 768 */
div.globalSearch div.WebResultsContainer,
div.globalSearch div.PartCatalogResultsContainer,
div.globalSearch div.TechPubResultsContainer
{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
} 
div.listColumns div.serpOuterContainer div.serpInnerContainer div{
    display: initial;
}
div.listColumns div.serpOuterContainer div.serpInnerContainer div span,
div.listColumns div.serpOuterContainer div.serpInnerContainer div a{
    width: auto;
}
/* END global search 768 */

/* global directories */
div.directory{
    /*-webkit-display: flex;*/
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
div.directory.news.index{
    align-items: unset;
}
div.directory.news.index div.intraIndexSearch{
    top: 0px;
}
/*div.column.narrow.left.directory.news{
    align-items: normal;
}*/
div.directory h1{
    width: 100%;
    margin-top: 25px;
}
div.directory div.leftListColumn{
    width: 24%;
}
div.directory.news div.column.left.narrow,
div.column.left.narrow.directory.news,
div.directory div.column.left.narrow.news{
    width: 23%;
    padding-right: 15px;
    /*position: -webkit-sticky;
    position: sticky;
    top: 20px;
    height: 100vh;
    overflow: auto;*/
    position: static;
}
div.column.left.narrow.directory.news div.facetSelectionGroup,
div.directory div.column.left.narrow.news div.facetSelectionGroup{
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    
    /*height: 96vh;
    overflow: auto;*/
    height: 98vh;
    overflow: auto;
}
div.directory div.categoryCopy,
div.directory.news div.column.wide,
div.column.wide.directory.news{
    /*width: 74%;*/
    width: 55%;
    margin-right: 25px;
    box-sizing: border-box;
}
div.directory.news.index div.column.wide.news{
    width: 74%;
    margin-right: 0px;
    padding-left: 15px;
}
div.directory div.flexColumn,
div.directory div.column.narrow {
    width: 100%;
}
div.directory div.pagination{
    margin-bottom: 25px;
}
div.directory.news div.pagination{
    width: 100%;
}
/* filters */

div.leftListColumn
{
    font-size: .9rem;
    padding-left: 0px;
    width: 200px;
    border: 1px solid #92877f;
}
div.leftListColumn, div.categoryCopy
{
    /*display: table-cell;*/
}
div.leftListColumn div.filterResults p:not(.searchHeader),
div.leftListColumn div.filterResults ul, 
div.leftListColumn div.filterResults li, 
div.leftListColumn div.filterResults br
{
    display: inherit;
    /*padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;*/
}
div.leftListColumn div.filterResults ul.filterList li
{
    padding-top: initial;
    padding-bottom: initial;
}
div.leftListColumn div.filterResults p.searchHeader
{
    cursor: inherit;
    margin: 0px 0px 15px 0px;
}
/* paging controls */
div.globalSearch div.ContentCategoryTabs ul.Categories li
{
    /*width: 150px;*/
    width: auto;
    padding: 0px 20px;
}
div.pager ul.pageSelection
{
    width: auto;
}
div.pager ul.pageSelection li
{
    /*display: inline-block;
    margin-right: 15px;*/
}
/* search results listing */
div.categoryCopy
{
    padding-left: 15px;
    box-sizing: border-box;
}
div.WebResultsContainer div.listColumns, div.PartCatalogResultsContainer div.listColumns
{
    background-color: transparent;
}
div.listColumns div.serpOuterContainer div.serpInnerContainer div span
{
    -webkit-order: 0;
    order: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 5px;
}
div.listColumns div.serpInnerContainer > p
{
    margin-top: 0px;
}
div.listColumns div.serpOuterContainer div.serpInnerContainer div
{
    font-weight: bold;
}

/* contact directory */
div.directory.contacts div.listColumns{
    /*-webkit-display: flex;*/
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
}
div.directory.contacts div.listColumns h1{
    width: 100%;
}
div.directory.contacts div.listColumns div.listColumn{
    width: 48%;
}
div.directory.contacts div.listColumns div.listColumn:nth-child(odd){
    margin-right: 15px;
}

/* products A-Z */
div.productsAZ > div.flexContainer{
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
div.productsAZ div.column.narrow.left,
div.column.narrow.left.productsAZ{
    width: 25%;
    margin-right: 15px;
    margin-top: 0px;
}
div.productsAZ div.column.narrow.left h2:first-child,
div.productsAZ div.column.wide p.resultSummary,
div.column.wide.productsAZ p.resultSummary,
div.column.narrow.left.productsAZ h2:first-child
{
    margin-top: 0px;
}
div.productsAZ div.column.wide,
div.column.wide.productsAZ{
    width: 72%;
}

div.productsAZ div.column.wide ul.productResults,
div.column.wide.productsAZ ul.productResults{
    display: block;
}

div.productsAZ div.column.narrow.right{
    width: 100%;
}
div.productsAZ ul.productResults li.marketingPage p.image img{
    width: 60%;
}
div.productsAZ div.column.narrow div.expandableTitles > :first-child,
div.column.narrow.productsAZ div.expandableTitles > :first-child{
    display: none;
}
div.productsAZ div.column.narrow.left div.expandableTitles > :last-child,
div.column.narrow.left.productsAZ div.expandableTitles > :last-child{
    display: block;
}
div.productsAZ div.column.narrow h2,
div.column.narrow.productsAZ h2{
    margin-top: 0px;
    margin-bottom: 8px;
}
div.productsAZ div.column.narrow h3,
div.column.narrow.productsAZ h3{
    margin-bottom: 6px;
}
div.productsAZ div.column.narrow div.facetSelectionGroup,
div.column.narrow.productsAZ div.facetSelectionGroup{
    margin-bottom: 20px;
}
div.directory.contacts div.listColumns{
    padding-top: 15px;
}
div.directory.contacts div.listColumns div.triColumn{
    width: 33%;
}
div.directory.locations div.column.left.narrow.expanded div.searchAndFilters div.facetGroups,
div#directoryContainer.max1280.directory.map div.column.left.narrow.expanded div.searchAndFilters div.facetGroups,
div#directoryContainer.max1280.directory.list div.column.left.narrow.expanded div.searchAndFilters div.facetGroups{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
div.directory.locations div.column.left.narrow.expanded div.searchAndFilters div.facetGroups div.facetGroup,
div#directoryContainer.max1280.directory.map div.column.left.narrow.expanded div.searchAndFilters div.facetGroups div.facetGroup,
div#directoryContainer.max1280.directory.list div.column.left.narrow.expanded div.searchAndFilters div.facetGroups div.facetGroup{
    width: 50%;
    box-sizing: border-box;
}
div#directoryContainer div.directory.list.gridContainer{
    grid-template-columns: repeat(2, 50%);
    grid-gap: 15px;
}
div#directoryContainer.max1280.directory.map div[data-type="list"] div.directory.list.gridContainer div.resultSummaryAndPaging,
div#directoryContainer.max1280.directory.list div[data-type="list"] div.directory.list.gridContainer div.resultSummaryAndPaging{
    grid-column: 1 / span 2;
    /*padding-right: 25px;*/
    width: auto;
    overflow: hidden;
}


} /* end @media screen and (min-width: 768px) */

@media screen and (min-width: 1024px)
{

/*header{
    height: 130px;
}*/
h1.pageTitle{
    margin-top: 45px;
}
div.directory div.leftListColumn,
div.directory.news div.column.left.narrow,
div.column.left.narrow.directory.news,
div.directory div.column.left.narrow.news{
    width: 20%;
}
div.directory.news.index div.column.left.narrow.news div.facetSelectionGroup{
    top: 21px;
}
div.directory.news.index div.intraIndexSearch{
    top: 21px;
}
div.directory:not(.globalSearch) div.categoryCopy,
div.directory.news div.column.wide,
div.directory.news.index div.column.wide.news{
    width: 56%;
    margin-right: 15px;
}
div.directory:not(.globalSearch) div.flexColumn,
div.directory:not(.globalSearch) div.column.narrow{
    width: 20%;
    font-size: .9em;
    margin-top: initial;
}
div.directory.locations div.column.narrow {
    width: auto;
    min-width: 570px;
}
div.globalSearch div.categoryCopy{
    width: 78%;
}
div.directory.globalSearch div.column.narrow{
    display: none;
}
div.WebResultsContainer div.listColumns, 
div.PartCatalogResultsContainer div.listColumns{
    /*max-width: none;*/
}
div.WebResultsContainer,
div.PartCatalogResultsContainer{
    width: 100%;
}

/* products A-Z (1024) */
div.productsAZ div.column.wide,
div.column.wide.productsAZ{
    width: 52%;
    margin-right: 15px;
}
div.productsAZ div.column.narrow.left,
div.productsAZ div.column.narrow.right,
div.column.narrow.left.productsAZ{
    width: 22%;
    box-sizing: border-box;
    padding-right: 25px;
}
div.productsAZ div.column.narrow.right{
    font-size: .9em;
}
/*div.directory.news div.listItem,*/
div.directory.news article.listItem{
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
}
div.directory.news div.listItem > div,
div.directory.news article.listItem > div{
    box-sizing: border-box;
}
div.directory.news div.listItem div.newsImage,
div.directory.news article.listItem div.newsImage{
    margin-right: 15px;
    width: 40%;
}
div.directory.news div.listItem div.newsDateTitleTeaser,
div.directory.news article.listItem div.newsDateTitleTeaser{
    width: 60%;
    padding-right: 15px;
}
div.directory.news div.listItem div.newsImage p.listImage,
div.directory.news article.listItem div.newsImage p.listImage{
    margin-top: 0px;
}
div.directory div.categoryCopy div.listItem,
div.directory div.categoryCopy article.listItem{
    margin-bottom: 35px;
}

/* locations and contacts map */
div.directory.locations div.intraIndexSearch input[type=text]{
    /*width: calc(100% - 20px);*/
}
div.directory.locations div.column.left.narrow.expanded div.searchAndFilters,
div#directoryContainer.max1280.directory.map div.column.left.narrow.expanded div.searchAndFilters,
div#directoryContainer.max1280.directory.list div.column.left.narrow.expanded div.searchAndFilters{
    min-width: 950px;
}
div.directory.locations div.column.left.narrow.expanded div.searchAndFilters div.facetGroups,
div#directoryContainer.max1280.directory.map div.column.left.narrow.expanded div.searchAndFilters div.facetGroups,
div#directoryContainer.max1280.directory.list div.column.left.narrow.expanded div.searchAndFilters div.facetGroups{
    -webkit-flex-wrap: nowrap;
    flex-wrap: wrap;
}
div.directory.locations div.column.left.narrow.expanded div.searchAndFilters div.facetGroups div.facetGroup,
div#directoryContainer.max1280.directory.map div.column.left.narrow.expanded div.searchAndFilters div.facetGroups div.facetGroup,
div#directoryContainer.max1280.directory.list div.column.left.narrow.expanded div.searchAndFilters div.facetGroups div.facetGroup{
    width: auto;
    flex: 1 0 auto;
}
div#directoryContainer.max1280.directory.map div[data-type="list"],
div#directoryContainer.max1280.directory.list div[data-type="list"]{
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: 300px calc(100% - 280px);
}
div#directoryContainer.max1280.directory.map div[data-type="list"] h1.pageTitle,
div#directoryContainer.max1280.directory.list div[data-type="list"] h1.pageTitle{
    grid-row: 1;
    grid-column: 1 / span 2;
}
div#directoryContainer.max1280.directory.map div[data-type="list"] div.column.left.narrow,
div#directoryContainer.max1280.directory.list div[data-type="list"] div.column.left.narrow{
    width: 300px;
    z-index: 0;
    position: static;
}
div#directoryContainer.max1280.directory.map div[data-type="list"] div.column.left.narrow div.searchAndFilters,
div#directoryContainer.max1280.directory.list div[data-type="list"] div.column.left.narrow div.searchAndFilters{
    position: -webkit-sticky;
    position: sticky;
    max-width: none;
    opacity: 1;
    padding-top: 0px;
    padding-left: 0px;
    top: 21px;
    overflow: auto;
    height: 61vh;
}
div#directoryContainer.max1280.directory.map div[data-type="list"] div.column.left.narrow div.iconsContainer,
div#directoryContainer.max1280.directory.list div[data-type="list"] div.column.left.narrow div.iconsContainer{
    grid-template-columns: 30px 30px;
    position: static;
}
div#directoryContainer.max1280.directory.map div[data-type="list"] div.column.left.narrow div.iconsContainer{
    padding-left: 20px;
}
div#directoryContainer.max1280.directory.map div[data-type="list"] div.column.left.narrow div.iconsContainer p.magnifier,
div#directoryContainer.max1280.directory.list div[data-type="list"] div.column.left.narrow div.iconsContainer p.magnifier{
    display: none;
}
div#directoryContainer.max1280.directory.map div[data-type="list"] div.column.left.narrow div.iconsContainer p.icons.hidden.stacked,
div#directoryContainer.max1280.directory.list div[data-type="list"] div.column.left.narrow div.iconsContainer p.icons.hidden.stacked{
    display: inline;
    opacity: 1;
}
div#directoryContainer.max1280.directory.map div[data-type="list"] div.column.left.narrow div.iconsContainer p#mapIcon:hover a picture:first-child img.hidden,
div#directoryContainer.max1280.directory.map div[data-type="list"] div.column.left.narrow div.iconsContainer p#mapIcon a:hover picture:first-child img.hidden,
div#directoryContainer.max1280.directory.list div[data-type="list"] div.column.left.narrow div.iconsContainer p#mapIcon:hover a picture:first-child img.hidden,
div#directoryContainer.max1280.directory.list div[data-type="list"] div.column.left.narrow div.iconsContainer p#mapIcon a:hover picture:first-child img.hidden {
    display: inline;
}
div#directoryContainer.max1280.directory.list div[data-type="list"] div.column.left.narrow div.intraIndexSearch p input[type="text"]{
    display: block;
    margin-bottom: 5px;
    background-color: #ffffff;
}
div#directoryContainer.max1280.directory.map div[data-type="list"] div.directory.list.gridContainer,
div#directoryContainer.max1280.directory.list div[data-type="list"] div.directory.list.gridContainer{
    font-size: .9em;
    margin-left: 0px;
    width: calc(100% - 15px);
    /*padding-left: 15px;*/
    padding: 0px 15px;
    grid-template-rows: auto auto;
    box-sizing: border-box;
    display: grid;
}

} /* end @media screen and (min-width: 1024px) */

@media screen and (min-width:1280px){






}