.StripeWhite,.StripeGrey,.StripeRed,.StripeDarkGrey,.Float25,.Float33,.Float50,.Float66,.Float75, .CardBackground ,.CardTransparent,.Accordion,.LargeBanner,.HeroBanner,.productGroup,.customForm,.Zebra, .noBullets,.accordionBullets, .noHeight, .FloatLeft,.FloatRight,.button,.Note,.Caution{} .titanDisplay{background:rgba(110,110,110,1);} .titanBody,.mainBody,#mainBody,.Freeform,.FormEditor,.FAQ, .titanBody input,.titanBody select,.titanBody textarea, .mainBody input,.mainBody select,.mainBody textarea, .FAQ input,.FAQ select,.FAQ textarea, .FormEditor input,.FormEditor select,.FormEditor textarea, .Freeform input,.Freeform select,.Freeform textarea{font-family:Lato,Arial,Helvetica,sans-serif;} .titanBody, .Accordion .arrow::before{font-weight:400;} #topNavContainer > ul > li > a, #searchTerms,#searchTermsMobile{font-weight:700;} .titanDisplay{font-size:62.5%;} .titanBody,.titanBody textarea,.titanBody select,.titanBody input {font-size:1.6rem;line-height:1.5;} #navButton span, .FAQ .Accordion .min,.FAQ .Accordion .max{font-size:1.2rem;line-height:1rem;} .searchBarContainer input[type=text], .ToTop, #contentFooter{font-size:1.3rem;} #bottomNavContainer{font-size:1.5rem;line-height:1;} #navButton i{font-size:2.5rem;line-height:1;} .social i{font-size:3rem;line-height:4rem;} #scrollTop i{font-size:4rem;line-height:5rem;} h1,h2,h3,h4,h5,h6 {line-height:1.3;font-weight:700;font-family:'Oswald',Lato,Arial,Helvetica,sans-serif;} h1{font-size:3.2rem;margin-bottom:1.3rem;} .Float75 > h1:first-child {margin-bottom:0;} h2{font-size:3rem;margin-bottom:1.3rem;} h3{font-size:2.8rem;margin-bottom:1.2rem;} h4{font-size:1.8rem;margin-bottom:1rem;} h5{font-size:1.7rem;margin-bottom:.8rem;} h6{font-size:1.6rem;margin-bottom:.6rem;} #scrollTop, #navButton{text-align:center;} ul.paginationFooter{text-align:right;} body{ -webkit-text-size-adjust: none;} .CenterZone input[type="text"], .CenterZone input[type="email"], .CenterZone input[type="password"], .CenterZone select, .CenterZone textarea, .Commenting input[type="text"], .Commenting input[type="email"], .Commenting input[type="password"], .Commenting select, .Commenting textarea, .DarkGreyBlock .CardBackground .teaser,.RedBlock .CardBackground .teaser{color:rgb(102,102,102);} .titanBody a:hover,.titanBody a:focus,.titanBody a:active, .secondaryButton:hover,.secondaryButton:focus,.secondaryButton:active, #leftNav a.current, .DarkGreyBlock .CardBackground .item h4 a:hover,.DarkGreyBlock .CardBackground .item h4 a:focus,.DarkGreyBlock .CardBackground .item h4 a:active, .RedBlock .CardBackground .item h4 a:hover,.RedBlock .CardBackground .item h4 a:focus,.RedBlock .CardBackground .item h4 a:active, .CardTransparent .item .linkText a,.CardBackground .item .linkText a{color:rgba(0,0,0,1);} .titanBody, .titanBody .utilityNavContainer a, .Accordion dt:hover,.Accordion dt:focus,.Accordion dt:hover .arrow,.Accordion dt:focus .arrow,.Accordion .minmax:hover,.Accordion .minmax:focus{color:rgba(51,51,51,1);} .DataListing .linkText a, #navButton, #scrollTop i, .social i, #bottomContainer *,#bottomNavContainer *, #contentFooter, .FAQ .Accordion .accordionHeading:hover,.FAQ .Accordion .accordionHeading.open,.FAQ .tabbedContent .tabs li:hover,.FAQ .tabbedContent .tabs li.selected, .RedBlock *,.RedBlock h4 a,.RedBlock p a,.DarkGreyBlock *,.DarkGreyBlock h4 a,.DarkGreyBlock p a, .titanBody .DarkGreyBlock a:hover,.titanBody .DarkGreyBlock a:focus,.titanBody .DarkGreyBlock a:active, .CardTransparent .item .linkText a:hover,.CardTransparent .item .linkText a:focus,.CardTransparent .item .linkText a:active, .CardBackground .item .linkText a:hover,.CardBackground .item .linkText a:focus,.CardBackground .item .linkText a:active{color:rgba(255,255,255,1);} .titanBody a, #navButton:hover *, .titanBody #bottomContainer a, .secondaryButton, .utilityNavContainer a:hover,.utilityNavContainer a:focus,.utilityNavContainer a:active, .Accordion .minmax,.Accordion dt,.Accordion dt .arrow, .FAQ .Accordion .min:hover,.FAQ .Accordion .max:hover, .DarkGreyBlock .CardBackground .item h4 a,.DarkGreyBlock .CardBackground .item h4 a,.DarkGreyBlock .CardBackground .item h4 a, .RedBlock .CardBackground .item h4 a,.RedBlock .CardBackground .item h4 a,.RedBlock .CardBackground .item h4 a{color:rgba(173,18,25,1);} .linkComments a{color:rgba(173,18,25,.7);} .titanBody #bottomContainer a{color:rgba(237,28,36,1);} .titanBody a, .titanBody #pageTopArea a:hover,.titanBody #pageTopArea a:focus,.titanBody #pageTopArea a:active{text-decoration:none;} .titanBody a:hover,.titanBody a:focus,.titanBody a:active, .secondaryButton:hover,.secondaryButton:focus,.secondaryButton:active, .titanBody #megaMenu a:hover,.titanBody #megaMenu a:focus,.titanBody #megaMenu a:active{text-decoration:underline} .searchBox .searchGo,.searchBox .searchTerms,.searchBarContainer input#searchGo{border:0;outline:0} .titanBody input[type="text"],.titanBody textarea,.titanBody select{border-radius:0} .DataListing .linkText a, .CenterZone input[type="submit"],.CenterZone input[type="button"], .Commenting input[type="button"], .CardTransparent .item .linkText a,.CardBackground .item .linkText a, .deleteAllButton, .titanBody .button a, .SegmentedSearch .seeAllResults a { border: 1px solid rgb(255, 255, 255); box-shadow: 0 0 0 3px rgb(190,190,190) inset; background:rgba(173,18,25,1); background: -webkit-linear-gradient(top, rgba(237,28,36,1), rgb(173,18,25)); background: -moz-linear-gradient(top, rgba(237,28,36,1), rgb(173,18,25)); background: -ms-linear-gradient(top, rgba(237,28,36,1), rgb(173,18,25)); background: -o-linear-gradient(top, rgba(237,28,36,1), rgb(173,18,25)); background: linear-gradient(to bottom, rgba(237,28,36,1), rgb(173,18,25)); border-radius: 1px; color: rgb(255,255,255); display: inline-block; font-family:'Oswald',Lato,Arial,Helvetica,sans-serif; min-width: 190px; padding: 10px 25px; text-align: center; transition: all 0.1s ease; text-decoration:none; text-transform:uppercase; } .CardTransparent .item .linkText,.CardBackground .item .linkText, .titanBody .button {border:1px solid rgb(255,255,255);display:inline-block;} .DataListing .linkText a {display:inline-block;} .DataListing .linkText a:hover,.DataListing .linkText a:focus,.DataListing .linkText a:active, .CenterZone input[type="submit"]:hover,.CenterZone input[type="submit"]:focus,.CenterZone input[type="submit"]:active, .CenterZone input[type="button"]:hover,.CenterZone input[type="button"]:focus,.CenterZone input[type="button"]:active, .Commenting input[type="button"]:hover,.Commenting input[type="button"]:focus,.Commenting input[type="button"]:active, .CardTransparent .item:hover .linkText a:hover,.CardTransparent .item:focus .linkText a:hover,.CardTransparent .item:active .linkText a:hover, .CardBackground .item:hover .linkText a:hover,.CardBackground .item:focus .linkText a:hover,.CardBackground .item:active .linkText a:hover, .deleteAllButton:hover,.deleteAllButton:focus,.deleteAllButton:active, .titanBody .button a:hover,.titanBody .button a:focus,.titanBody .button a:active, .SegmentedSearch .seeAllResults a:hover, .SegmentedSearch .seeAllResults a:active, .SegmentedSearch .seeAllResults a:active { background:rgba(237,28,36,1); background: -webkit-linear-gradient(top, rgba(173,18,25,1), rgb(173,18,25)); background: -moz-linear-gradient(top, rgba(173,18,25,1), rgb(173,18,25)); background: -ms-linear-gradient(top, rgba(173,18,25,1), rgb(173,18,25)); background: -o-linear-gradient(top, rgba(173,18,25,1), rgb(173,18,25)); background: linear-gradient(to bottom, rgba(173,18,25,1), rgb(173,18,25)); border: 1px solid rgb(255, 255, 255); text-decoration:none!important; } .titanBody .RedBlock .button a { border: 1px solid rgba(255,255,255,1); } .titanBody .RedBlock .button a:hover,.titanBody .RedBlock .button a:focus,.titanBody .RedBlock .button a:active { border: 1px solid rgba(255,255,255,1); background: rgba(255,255,255,1); color: rgb(173,18,25); } .secondaryButton {cursor:pointer;} .deleteAllButton + .secondaryButton {margin-left:2rem;} .WhiteBlock{background:rgba(255,255,255,1);} .titanBody{background:rgba(240,240,240,1) url(/clientcss/images/greyBG.png);overflow-x: hidden;} .DarkGreyBlock{background:rgb(34,34,34)} .RedBlock{background:rgba(173,18,25,1);} .DarkGreyBlock { position: relative; z-index: 1; } @media all and (max-width:1199px){ .DarkGreyBlock { padding-top:0; } .DarkGreyAngle { background: inherit; content: ""; display: block; height: 50%; left: 0; position: absolute; right: 0; z-index: -1; top: 0; -ms-transform: skewY(-3deg); -webkit-transform: skewY(-3deg); transform: skewY(-3deg); -ms-transform-origin: 0 0 0; -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0; } } @media all and (min-width:1200px){ .DarkGreyAngle { border-bottom: 400px solid rgb(21,21,21); border-left: 400px solid rgba(0,0,0,0); bottom: 0; position: absolute; right:0; width: 60%; z-index: -1; } .DarkGreyBlock .Float50 p.floatImgContain {float:left;} .DarkGreyBlock .Float50 img.FloatLeft {max-width:250px;} } .titanBody .utilityNavContainer a {font-size:1.4rem;color:rgb(255,255,255);font-weight:700;line-height: 1.5;} .searchBarContainer input[type=text] {color:rgba(68,68,68,1);} .searchBarContainer .searchBox::before{color:rgba(255,255,255,1);} .titanBody .searchBarContainer ::-webkit-input-placeholder {color:rgba(102,102,102,1);} .titanBody .searchBarContainer ::-moz-placeholder {color:rgba(102,102,102,1);opacity:1;} .titanBody .searchBarContainer :-ms-input-placeholder{color:rgba(102,102,102,1);} .titanBody .searchBarContainer :-moz-placeholder{color:rgba(102,102,102,1);} .titanBody .searchBarContainer input[placeholder]{color:rgba(102,102,102,1);opacity:1;} .searchBarContainer{border-radius: 4px;background:linear-gradient(to left, rgb(237,28,36) 0%,rgb(237,28,36) 40px,rgb(255,255,255) 40px,rgb(255,255,255) 100%);} .searchBarContainer input{background:transparent;border:0;} .searchBarContainer .searchBox::before{font-family:'FontAwesome';content:"\f002";text-shadow: 1px 1px 1px rgba(0,0,0,0.4);} @media all and (min-width:1200px){ #topNavContainer a {color:rgba(255,255,255,1);font-size:1.5rem;} #topNavContainer .menu > li > a {color:rgb(255,255,255);font-family:'Oswald',Lato,Arial,Helvetica,sans-serif;font-size:2rem;line-height:1.3;text-transform:uppercase;} #topNavContainer .menu > li{background:transparent;} #topNavContainer .menu > li:hover,#topNavContainer .menu > li:focus,#topNavContainer .menu > li:active{background:rgba(173,18,25,.9);} #topNavContainer .menu > li a span.arrow::before{color:rgb(173,18,25);font-family:'FontAwesome';content:"\f078";font-size:1.3rem;font-weight:400;position: absolute;} #topNavContainer .menu > li:hover a span.arrow::before,#topNavContainer .menu > li:focus a span.arrow::before,#topNavContainer .menu > li:active a span.arrow::before{color:rgb(255,255,255);} #megaMenu,#topNavContainer .menu > li > ul{background:rgba(173,18,25,0.9) none repeat scroll 0 0;border-bottom:2px solid rgb(240,240,240);} #topNavContainer .menu > li > ul li a {font-weight:700;font-size:2rem;text-shadow:1px 1px 1px rgba(0,0,0,.95);} #topNavContainer .menu > li > ul li li a {font-weight:400;font-size:1.8rem;} #topNavContainer .menu > li > ul li a:hover,#topNavContainer .menu > li ul li a:focus,#topNavContainer .menu > li ul li a:active {text-decoration:underline;} #megaMenu ul a { color: rgb(255, 255, 255); font-size: 1.5rem; display: block; line-height: 1.3; padding: 5px 11px; font-size: 2rem; font-weight: 700; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.95); } #megaMenu ul ul a{ font-size: 1.8rem; font-weight: 400; } #megaMenu ul.twoColNav { padding-left:2rem; } } h1 {text-transform:uppercase;} #leftNav {border:1px solid rgba(180,180,180,1);} #leftNav .arrow{display:none;} #leftNav ul a::before{font-family:'FontAwesome';content:"\f101";} #bottomContainer{background:rgb(0,0,0) none repeat scroll 0 0;position:relative;} #bottomContainer::before{background:rgb(34,34,34) url(/clientcss/images/footerAngles.svg) no-repeat scroll left top / auto 100%;content:'';top:0;width:100%;height:100%;left:0;position:absolute;} #bottomContainer h4{font-family:Lato,Arial,Helvetica,sans-serif;} #contentFooter{background:rgb(237,28,36);} #contentFooter .siteBounds {position:relative;} #contentFooter::before { background:rgb(173,18,25); bottom: 0; content:''; height: 35%; position: absolute; width: 100%; } @media all and (min-width:500px){ #contentFooter .siteBounds {position:relative;} #contentFooter::before { height: 50%; } } @media all and (min-width:768px){ #bottomContainer::before{background:rgb(34,34,34) url(/clientcss/images/footerAngles.svg) no-repeat scroll top right / auto 100%;width:70%;} } @media all and (min-width:1200px){ #contentFooter .siteBounds {position:relative;} #contentFooter::before { background:none; border-bottom: 70px solid rgb(173,18,25); border-right: 70px solid rgba(0, 0, 0, 0); height: 0; width: 42%; } } #scrollTop{border:2px solid rgba(255,255,255,1);background:rgba(85,85,85,1);border-radius:50%;} #scrollTop:hover{background:rgb(173,18,25);} .FAQ .Accordion .accordionHeading,.FAQ .tabbedContent .tabs li{background:rgba(1,1,1,.1);} .FAQ .Accordion .accordionHeading{border-radius:5px;} .FAQ .Accordion .accordionHeading:hover,.FAQ .Accordion .accordionHeading.open,.FAQ .tabbedContent .tabs li:hover,.FAQ .tabbedContent .tabs li.selected{color:rgba(173,18,25,1);} .FAQ .Accordion .accordionHeading i{font-size:2.5rem;} .DataFilter2 td,.DatePicker td, .DatePicker table{background:rgba(230,230,230,1);} .DataFilter2 td,.DatePicker td{border:1px solid rgba(255,255,255,1);} .DataFilter2 td.otherMonth,.DatePicker td.otherMonth{background:rgba(200,200,200,1);} .DataFilter2 td.selectedDate,.DataFilter2 td.selectedDate.hasEvent,.DatePicker td.selectedDate,.DatePicker td.selectedDate.hasEvent{background:rgba(90,90,90,0.3);border:1px solid rgba(255,255,255,1);} .DataFilter2 td.hasEvent,.DatePicker td.hasEvent{background:rgba(90,90,90,1);} .DataFilter2 h4, .AggregationFilter2 h4 {font-weight:700;font-family:Lato,Arial,Helvetica,sans-serif;font-size: 1.7rem;line-height:1.4;margin-bottom:0;} .AggregationFilter2 .head span, .AggregationFilter2 .head span::before, .DataFilter2 .head span, .DataFilter2 .head span::before {margin-top: 5px;} .CardBackground.StripeWhite .item,.CardBackground.StripeGrey .item{border:1px solid #ddd;} .CardBackground.StripeRed .item,.CardBackground.StripeDarkGrey .item{background:rgb(255,255,255);} .filterOpen .DataFilter2,.filterOpen .AggregationFilter2,.filterOpen .SegmentedSearchFilter2{background:rgba(230,230,230,1);box-shadow:-1px 0 8px rgba(51,51,51,.5);} .filterClose,.filterOpen .AggregationFilter2 .filterClose,.filterOpen .SegmentedSearchFilter2 .filterClose { font-family:"FontAwesome",sans-serif; font-size:3rem; content:"\f00d"; cursor:pointer; position:absolute; right:2rem; top:1rem; color: rgb(173,18,25); } .parentDetail .oneDetail .item > div.resources { background: rgb(255, 255, 255) none repeat scroll 0 0; border: 2px solid rgb(204,204,204); } .noBullets, .parentDetail .oneDetail .item > div.resources ul {list-style:none;padding-left:0;} .parentDetail .oneDetail .item > div.resources li a { border-bottom: 2px dotted rgb(204,204,204); } .parentDetail .oneDetail .item > div.resources ul.partsList li a { background:url("/ClientCSS/images/checkList.png") no-repeat; padding-left:27px; } .DataDetail a[href$=".pdf"] { background:url("/ClientCSS/images/pdf.png") no-repeat; padding-left:27px; } .DataDetail a[href$=".docx"]{ background:url("/ClientCSS/images/docx.png") no-repeat 0 0; padding:0 0 5px 27px; } .DataListing > h3:first-child, .right h1 {text-transform:uppercase;font-size:3rem;} .DataListing .item {border-top:10px solid rgb(120, 120, 120);background:rgb(255,255,255);position:relative;} div.DataList div.item {overflow:visible;} .DataListing .item::before { background: rgb(53, 53, 53) none repeat scroll 0 0; content: ""; height: 9px; left: -10px; position: absolute; top: -9px; -webkit-transform:skew(35deg); -moz-transform:skew(35deg); -ms-transform:skew(35deg); -o-transform:skew(35deg); transform: skew(35deg); width: 50%; z-index: 200; } .DataListing .item .item {border-top:none;} .DataListing .item h3 {background:rgb(224, 224, 224);color: rgb(173,18,25);} .CenterZone .MoreDetailsButton { background: rgb(204,204,204); display: inline-block; float: right; overflow: hidden; padding-left: 30px; width: auto; position:relative; } .CenterZone .MoreDetailsButton::before { background: rgb(255, 255, 255) none repeat scroll 0 0; content: ""; height: 60px; left: -15px; position: absolute; top: -15px; -webkit-transform:rotate(35deg); -moz-transform:rotate(35deg); -ms-transform:rotate(35deg); -o-transform:rotate(35deg); transform: rotate(35deg); width: 30px; } .CenterZone .MoreDetailsButton::after { font-size:1.8rem; content:"\f067"; color:rgb(237,28,36); font-family:"FontAwesome",sans-serif; position:absolute; top:6px; right:115px; z-index:0; } .CenterZone .MoreDetailsButton.open::after { content:"\f068"; } .CenterZone .MoreDetailsButton input[type="button"] { background: transparent; border: medium none; box-shadow: none; color: rgb(51,51,51); font-family: Lato,Arial,Helvetica,sans-serif; font-weight: 400; float:right; min-width:140px; padding: 5px 15px; position:relative; text-transform: none; text-align:right; z-index:1; } div.DataList.expandCards > h2:first-child > div.title {margin:auto;} div.DataList.expandCards > h2:first-child, div.DataList.expandCards > h3:first-child {text-transform:uppercase;text-align:center;position:relative;margin:4rem 0;} div.DataList.expandCards > h2:first-child::after, div.DataList.expandCards > h2:first-child::before, div.DataList.expandCards > h3:first-child::after, div.DataList.expandCards > h3:first-child::before { background:#444; width:5%; height:5px; content:''; position:absolute; left:0; top:18px; -webkit-transform:skew(35deg); -moz-transform:skew(35deg); -ms-transform:skew(35deg); -o-transform:skew(35deg); transform: skew(35deg); } div.DataList.expandCards > h2:first-child::after, div.DataList.expandCards > h3:first-child::after {right:0;left:auto;} @media all and (min-width:480px){ div.DataList.expandCards > h2:first-child::after, div.DataList.expandCards > h2:first-child::before, div.DataList.expandCards > h3:first-child::after, div.DataList.expandCards > h3:first-child::before {width:10%;} div.DataList.expandCards > h2:first-child > div.title {max-width:80%;} } @media all and (min-width:600px){ div.DataList.expandCards > h2:first-child::after, div.DataList.expandCards > h2:first-child::before, div.DataList.expandCards > h3:first-child::after, div.DataList.expandCards > h3:first-child::before {width:10%;} div.DataList.expandCards > h2:first-child > div.title {max-width:80%;} } @media all and (min-width:768px){ div.DataList.expandCards > h2:first-child::after, div.DataList.expandCards > h2:first-child::before, div.DataList.expandCards > h3:first-child::after, div.DataList.expandCards > h3:first-child::before {width:10%;} div.DataList.expandCards > h2:first-child > div.title {max-width:80%;} } @media all and (min-width:980px){ div.DataList.expandCards > h2:first-child::after, div.DataList.expandCards > h2:first-child::before, div.DataList.expandCards > h3:first-child::after, div.DataList.expandCards > h3:first-child::before {width:18%;} div.DataList.expandCards > h2:first-child > div.title {max-width:64%;} .DataFilter2,.AggregationFilter2,.SegmentedSearchFilter2{border-bottom:3px solid rgb(204,204,204);} .titanBody .AggregationFilter2 fieldset, .titanBody .SegmentedSearchFilter2 fieldset, .titanBody .DataFilter2 fieldset{background:rgba(255,255,255,1);border:2px solid rgb(204,204,204);border-width:0 3px;} .DataFilter2 h3,.AggregationFilter2 h3,.SegmentedSearchFilter2 h3{background:url('images/Filter_Angle.png') top right no-repeat;} } @media all and (min-width:1200px){ div.DataList.expandCards > h2:first-child::after, div.DataList.expandCards > h2:first-child::before, div.DataList.expandCards > h3:first-child::after, div.DataList.expandCards > h3:first-child::before {width:22%;} div.DataList.expandCards > h2:first-child > div.title {max-width:56%;} } .listingTools{border-bottom:1px solid rgba(0,0,0,.2);} .listingTools li.selected a{background:rgba(0,0,0,.2);border-radius:5px;} .SiteMap ul li::before{font-family:'FontAwesome';content:"\f105";margin-right:5px;color:rgba(173,18,25,1);} .Commenting .siteBounds > div{border-top:2px solid rgba(173,18,25,1);} .Commenting .siteBounds > div + div{border-top:2px solid rgba(0,0,0,.5);} .Commenting .summary,.Commenting .featured{border-bottom:0;} .Commenting .OneCol > div {border-top: 1px solid rgba(0,0,0,.2);border-bottom:0!important;} .Commenting .OneCol > div:first-child{border-top:0;} .EventUpload .startDate .icon::before, .EventUpload .endDate .icon::before{font-family:'FontAwesome';content:"\f073";color:rgba(173,18,25,.7);} .EventUpload .startDate .icon:hover::before, .EventUpload .endDate .icon:hover::before{color:rgba(173,18,25,1);} .smartSearchResults,.SmartRL{background:#f7f7f7;border:1px solid rgb(204,204,204);} .SmartRL,.PagesRL,.FilesRL,.PeopleRL,.NewsRL,.EventRL,.ProductRL, .SegmentedSearch .Products{border-bottom:1px solid rgb(204,204,204);} .seeAllResults a::after{font-family:'FontAwesome';content:"\f105";} .SearchResults .view .minIcon::before{font-family:'FontAwesome';content:"\f039";} .SearchResults .view .maxIcon::before{font-family:'FontAwesome';content:"\f0c9";} .customForm .help {display:block;font-size:1rem;font-style:italic;color:rgb(100,100,100);margin-bottom:.5rem;} .customForm.FormEditor {background:rgb(228, 228, 228);padding:2rem;} .customForm h3:first-of-type {margin-top:1rem;float:left;width:100%;} .customForm h3:not(:first-of-type) {margin-top:3rem;float:left;width:100%;} .titanDisplay .customForm input[type="text"], .titanDisplay .customForm input[type="password"], .titanDisplay .customForm input[type="email"], .titanDisplay .customForm input[type="file"], .titanDisplay .customForm select, .titanDisplay .customForm textarea{width:100%;margin-top:5px;} .titanDisplay .customForm input[type="file"] {display:block;background:rgb(255, 255, 255);color:rgb(173,18,25);padding:10px;margin-top:3px;width:auto;} .titanDisplay .customForm select {padding:9px 8px;} .FourBlock {clear:both;overflow:hidden;width:100%;} .customForm p {clear:none;font-weight:700;font-size:1.8rem;line-height:1.2;} .FourBlock + p,.FourBlock + h3 {clear:left;} .titanDisplay .FourBlock .inputSelect input[type="text"] {width:calc( 100% - 65px);float:left} .titanDisplay .FourBlock .inputSelect select {width:65px;float:left;} @media all and (min-width:768px){ .customForm p {padding-right:2rem;} .FourBlock.TwoBlock p, .FourBlock.ThreeBlock p, .FourBlock p, .FourBlock.FiveBlock p {float:left;width:50%;} } @media all and (min-width:1024px){ .FourBlock.TwoBlock p {width:50%;} .FourBlock.ThreeBlock p {width:33%;} .FourBlock p {width:25%;} .FourBlock.FiveBlock p {width:20%;} } div.commentFormPop, div.commentsPop{} div.commentFormPop #contentArea, div.commentsPop #contentArea{background:0;} #mobileNavWrapper{background:rgb(38,38,38) url(/clientcss/images/footerAngles.svg) no-repeat scroll left top / auto 100%;box-shadow: 0 0 5px #333;} #mobileNavWrapper span.close{font-size:3rem;color:rgba(255,255,255,1);} #mobileNavWrapper span.close:hover{color:rgba(255,255,255,.5);} #mobileNavWrapper .searchBarContainer {background: rgba(255,255,255, .3) none repeat scroll 0 0;} .titanBody #mobileNavWrapper .searchBarContainer ::-webkit-input-placeholder {color:rgba(255,255,255,1);} .titanBody #mobileNavWrapper .searchBarContainer ::-moz-placeholder {color:rgba(255,255,255,1);opacity:1;} .titanBody #mobileNavWrapper .searchBarContainer :-ms-input-placeholder{color:rgba(255,255,255,1);} .titanBody #mobileNavWrapper .searchBarContainer :-moz-placeholder{color:rgba(255,255,255,1);} .titanBody #mobileNavWrapper .searchBarContainer input[placeholder]{color:rgba(255,255,255,1);opacity:1;} #mobileNav > ul > li, #utilityNavMobile li{border-bottom:1px solid rgba(255,255,255,.5);} #mobileNavWrapper a {color:rgb(255,252,255);} .titanBody #mobileNavWrapper a.current, .titanBody #mobileNavWrapper a:hover, .titanBody #mobileNavWrapper a:focus, .titanBody #mobileNavWrapper a:active {color:rgba(200,200,200,1);text-decoration:none;} #mobileNav > ul.menu > li.current div.expander {color:rgb(173,18,25);} #mobileNav div.expander { border-right:1px solid rgba(255, 255, 255, 0.5); color: rgb(255,255,255); cursor: pointer; font-size: 3rem; } #mobileNav ul ul div.expander { font-size: 2rem; } #mobileNav > ul.menu > li.current .expander:hover, #mobileNav > ul.menu > li.current .expander:focus, #mobileNav > ul.menu > li.current .expander:active, #mobileNav div.expander:hover, #mobileNav div.expander:focus, #mobileNav div.expander:active {color:rgb(173,18,25)} #mobileNav > ul.menu > li > a.hasChild + ul li {background:rgba(255,255,255,.1);} #toolContainer {position:absolute;bottom:0;width:100%;z-index:999;} #toolContainer ul {list-style:none;margin:0;padding:0;} #toolContainer #breadCrumbContainer{float:left;margin:-26px 0 0;font-size:1.5rem;line-height:1.3;max-width:590px;} #toolContainer #breadCrumbContainer ul, #toolContainer #breadCrumbContainer ul li, #toolContainer #breadCrumbContainer ul li a{display:block;float:left;margin:0;padding:0;color:rgb(255,255,255);} #toolContainer #breadCrumbContainer ul li {text-shadow:1px 1px 1px rgba(0,0,0,.9);} #toolContainer #breadCrumbContainer ul li span{display:block;float:left;margin-left:5px;margin-right:5px;} #toolContainer #pageTools {float:right;margin:10px 60px 0 0;} #toolContainer .Freeform ul.tools{padding:0;margin:0 0 10px;float:right;width:100%;} #toolContainer .Freeform ul.tools li{display:block;float:left;margin-right:10px;} #toolContainer .Freeform ul.tools li a, #toolContainer .Social ul li a { background: rgba(173,18,25,.85) none repeat scroll 0 0; border: 2px solid rgba(255,255,255,.9); border-radius: 50%; box-sizing: border-box; box-shadow:1px 1px 1px rgba(0,0,0,.3); color: rgb(255,255,255); display: block; float: left; font-size: 3rem; line-height:2rem; height: 60px; margin-bottom:5px; padding: 13px 15px; text-align: center; width: 60px; } #toolContainer .Freeform ul.tools li a.blog, #toolContainer .Social ul li a.blog {padding: 0;} #toolContainer .Freeform ul.tools li a:hover,#toolContainer .Freeform ul.tools li a:focus,#toolContainer .Freeform ul.tools li a:active, #toolContainer .Social ul li a:hover,#toolContainer .Social ul li a:focus,#toolContainer .Social ul li a:active {background: rgba(120,120,120,.85) none repeat scroll 0 0;} #toolContainer .Freeform ul.tools li.email a {padding:12px 13px;} #toolContainer .Freeform ul.tools li a i{display:block;float:left;width:100%;height:25px;margin-top:5px;} #toolContainer #pageTools {margin:10px 0 0 0;min-width:200px;} #toolContainer .Freeform ul.tools li.blog {margin-right:0;} #toolContainer #pageTools .Social,#toolContainer #pageTools .Social + div.TitanBlock {margin-right: 60px;} @media all and (max-width:1023px){ #toolContainer #breadCrumbContainer{display:none;} } #toolContainer .Social{display:block;float:right;position:relative;} #toolContainer .Social ul{position:absolute;} #toolContainer .Social ul li + li{display:none;} #toolContainer .Social ul:hover li + li{display:block;} #toolContainer .Social ul li a {display: block;text-align: center;box-sizing: border-box;float: left;line-height:2.8rem;} #toolContainer .Social ul li a:hover{text-decoration:none;} #toolContainer .Social ul li + li a {display:block;} .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; } .Freeform table,.DataDetail table,.DataList table { border-collapse: collapse; overflow:hidden; border:1px solid rgb(204, 204, 204); border-width:1px 0 0; } .Freeform table tr,.DataDetail table tr,.DataList table tr { background:rgb(255,255,255); border-bottom: 1px solid rgb(204, 204, 204); } .Freeform:not(.noVerticalLines) table tr { border-bottom: none; } .Freeform table td, .Freeform table th, .DataDetail table td, .DataDetail table th, .DataList table td, .DataList table th { padding: 6px; border: none; } .Freeform:not(.noVerticalLines) table td, .Freeform:not(.noVerticalLines) table th { border: 1px solid rgb(204, 204, 204); } .Freeform table th,.DataDetail table th,.DataList table th { background: rgb(245, 246, 241); font-weight: 700; text-align:left; } .Freeform table td,.DataDetail table td,.DataList table td { font-size:1.3rem; line-height:1.3; } #ToggleUnitsButton {float:right;margin:0 0 1rem 2rem;clear:both;} .partsTable .LastUpdated {text-align: right;float: right;} .partsTable .finePrint {font-size:1.4rem;color:#666;float:left;} .partsTable .in-stock {color:rgb(237,28,36);font-weight:700;} .partsTable .utility {overflow:hidden;} .tableBounds {position:relative;margin-bottom:20px;} .overlayContainer{visibility:hidden;position:absolute;top:0;left:0;overflow:hidden;} .partsTable table#partsTableOverlay tr{background:none;} .partsTable table th:nth-child(1),.partsTable table td:nth-child(1) {border-right:1px solid rgba(100,100,100,.6);} @media all and (max-width:767px){ .overlayContainer,.partsTable table th:nth-child(1),.partsTable table td:nth-child(1) {width:115px;} .partsTable .scrollText {display:block!important;} } .partsTable table#partsTableOverlay tbody td:nth-child(n+2) {visibility:hidden;background:transparent;} .partsTable table th {cursor:pointer;} .partsTable:not(.partsTableForDataTables) table th::after,.partsTable:not(.partsTableForDataTables) table th.headerSortDown::after {font-family:'FontAwesome';content:"\f107";margin-left:1rem;} .partsTable:not(.partsTableForDataTables) table th.headerSortUp::after{content:"\f106";} .partsTable table { border-collapse: collapse; } .partsTable table tr:nth-of-type(even) { background: rgb(240,240,240); } .partsTable table tr:nth-of-type(odd) { background: rgb(210,210,210); } .partsTable table th { background: rgb(34,34,34); color: rgb(255,255,255); font-weight: 700; } .partsTable table td, .partsTable table th { padding: 6px; text-align: left; } .partsTable table td:first-child { background:rgb(250,250,250); } .FeedReader .loading { display:block; } .partsTable label {font-size:1.2rem;display: inline-block;line-height: 1.2;min-height: 2.4rem;} #partsTableForDataTables_length select {width:65px;margin-bottom:10px;} .dataTable tfoot select {min-width:80px;} .titanDisplay .dataTable tfoot input[type="text"] {min-width:100px;padding:4px 8px;} #partsTableForDataTables {margin:0;} #partsTableForDataTables .dataTables_empty {text-align: left;padding-left: 150px;} @media all and (min-width: 992px){ #partsTableForDataTables .dataTables_empty {padding-left:200px;} } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .animated.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .left #productImageContainer{position:relative;border-bottom:1px solid rgb(204,204,204);margin-bottom:2rem;color:#999;height:auto;} .flexslider:not(.left) .productImage { box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3);margin:2px;width: 288px;} @media all and (min-width:600px){ .left {float:left;margin-right:5%;} .left img {margin-bottom:1rem;} .left.flexslider {width:27%;margin-right:5%;} .left.flexslider + .right {float: left; width: 65%;} .left.feature {width:27%;margin-right:5%;} .left.feature + .right {float: left; width: 65%;} } .tagBarSelections{display:block;overflow:hidden;margin:1rem 0 2rem;} .tagBar .tagBarSelectedTag{cursor:pointer;display:inline-block;margin-right:1rem;} .tagBarSelectedTagValue, .tagBar .tagBarSelectedTag::before, .selectionsTitle { background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0; border-radius: 0 3px 3px 0; font-weight: 700; font-size:1.4rem; line-height:1.5; padding: 5px 8px 7px; display:inline-block; margin-bottom:1rem; } .tagBar .tagBarSelectedTag::before { border-radius: 3px 0 0 3px; color: rgb(237,28,36); content: "\f00d"; font-family: FontAwesome; margin-right: 2px; position:relative; top:-1px; } .tagBar .tagBarSelectedTag:hover::before{background:rgba(0,0,0,.7);color:rgb(255,255,255);} .selectionsTitle {background:none;font-size:1.6rem;margin-right:1rem;padding-left:0;padding:right:0;} .flexslider { margin: 0; background: transparent; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .RWD_flex-direction-nav a::before { line-height: 1; } .RWD_flex-control-paging li a.RWD_flex-active { background: rgb(173,18,25) none repeat scroll 0 0; } .RWD_flex-control-paging li a { background: rgb(204, 204, 204) none repeat scroll 0 0; border-radius: 50%; box-shadow: none; height: 15px; width: 15px; } a.fancybox-media {position:relative;} .fancybox-wrap .fancybox-nav { height: 90%; } .parentDetail .RWD_flex-direction-nav .RWD_flex-next, .parentDetail .flexslider:hover .RWD_flex-direction-nav .RWD_flex-next, .cardContent .RWD_flex-direction-nav .RWD_flex-next, .cardContent .flexslider:hover .RWD_flex-direction-nav .RWD_flex-next { right: -15px; top:auto; bottom:17px; } .parentDetail .RWD_flex-direction-nav .RWD_flex-prev, .parentDetail .flexslider:hover .RWD_flex-direction-nav .RWD_flex-prev, .cardContent .RWD_flex-direction-nav .RWD_flex-prev, .cardContent .flexslider:hover .RWD_flex-direction-nav .RWD_flex-prev { left: -15px; top:auto; bottom:17px; } .parentDetail .flexslider .slides > li a, .cardContent .flexslider .slides > li a { box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3); display: block; margin-bottom: 2px; margin-top: 2px; } .parentDetail .flexslider .slides > li:first-child a, .cardContent .flexslider .slides > li:first-child a { margin-left: 2px; } .parentDetail .flexslider .slides > li:last-child a, .cardContent .flexslider .slides > li:last-child a { margin-right: 2px; } .parentDetail .flexslider .slides > li.selected a, .cardContent .flexslider .slides > li.selected a{ border:2px solid rgb(173,18,25); } .titanBody #RWD_Feature_slider .RWD_flex-direction-nav { display:none; } .titanBody #RWD_Feature_slider .RWD_flex-direction-nav a { background:rgb(255,255,255); border-radius:50%; border:2px solid rgb(180,180,180); width:5rem; height:5rem; padding:1rem; } @media all and (min-width:1200px){ .titanBody #RWD_Feature_slider .RWD_flex-direction-nav { display:block; } } #RWD_Feature_slider .RWD_flex-direction-nav a::before { color: rgb(173,18,25); font-size: 3.25rem; } #RWD_Feature_slider .RWD_flex-direction-nav a:hover::before { color:rgb(51,51,51); } #RWD_Feature_slider.flexslider:hover .RWD_flex-direction-nav .RWD_flex-prev { left: -50px; opacity:1; } #RWD_Feature_slider.flexslider:hover .RWD_flex-direction-nav .RWD_flex-next { right: -50px; opacity:1; } #RWD_Feature_slider.flexslider .RWD_flex-direction-nav .RWD_flex-prev:hover, #RWD_Feature_slider.flexslider .RWD_flex-direction-nav .RWD_flex-next:hover { opacity: 0.7; } ul.savedPages { list-style: outside none none; margin: 2rem 0; padding: 0; overflow:hidden; } .savedPage { background: rgb(255,255,255) none repeat scroll 0 0; border: 1px solid rgb(229, 229, 229); position:relative; margin:2rem 1rem 2rem 0; width:340px; margin-right: 3%; float:left; } .deleteButton { background: rgb(229, 229, 229) none repeat scroll 0 0; border: 2px solid rgb(51,51,51); border-radius: 50%; color: rgb(145, 21, 27); cursor:pointer; font-size: 2.5rem; font-weight: 700; height: 3rem; line-height: 1; position: absolute; right: -1rem; top: -1rem; width: 3rem; z-index: 999; } .deleteButton::after { content:"\f00d"; font-family: "FontAwesome"; left: 3px; position: absolute; top: 1px; } .savedPage h5 { background: rgb(51,51,51) none repeat scroll 0 0; color: rgb(255, 255, 255); font-size:1.8rem; padding: 5px 5px 4px; } .savedPage h5 img {margin-right:1.5rem;vertical-align: middle;} .titanBody .savedPageTitle { color: rgb(255, 255, 255); display: inline-block; padding: 3rem 0; vertical-align: middle; } .savedPage h6 { font-family:Lato,Arial,Helvetica,sans-serif; font-size:1.7rem; } .savedPage ul { list-style:none; padding-left:2rem; } .savedPage > ul { margin:3rem 0; padding-left:3rem; } .savedPage ul ul li { padding-left:2rem; position:relative; margin-bottom:.5rem; } .savedPage ul ul li:not(.selection) { color: rgb(136, 136, 136); } .savedPage ul ul li.selection::before { border: 1px solid rgb(229, 229, 229); border-radius: 50%; box-sizing: border-box; color: rgb(84, 163, 84); content: "\f00c"; font-family: "FontAwesome"; height: 2.5rem; left: -10px; padding: 0 0 0 4px; position: absolute; top: 0; width: 2.5rem; } #contactCard{ display:none; background: rgb(255, 255, 255) none repeat scroll 0 0; border: 3px solid rgb(204, 204, 204); border-width:0 3px; border-top:5px solid rgb(173,18,25); padding:2rem 2rem 12px; } #contactCard .button a {font-size:1.3rem;} .titanBody .DataFilter2 fieldset:last-of-type {padding-bottom:2.5rem;} body.filterOpen {overflow:hidden;} body.filterOpen .DataFilter2,body.filterOpen .AggregationFilter2,body.filterOpen .SegmentedSearchFilter2 {overflow-y:scroll;} body.filterOpen .DataFilter2 #contactCard {margin-bottom:3rem;box-shadow:0 3px 3px rgba(0, 0, 0, 0.3);} div.DataList div.item span.helper, span.helper {display:inline-block;height:100%;vertical-align:middle;} .Distributors .DataFilter2 {margin:0;padding-top:10px;} .Distributors .DataFilter2 fieldset:not(:first-of-type){display:none;} .Distributors .DataListing div.ColTwo:last-child {border-bottom:none;} .Distributors .item {overflow:hidden!important;margin-top:20px;} .Distributors .item.representative {border-color:#AD1219;} .Distributors .item h4 {margin-bottom:0;} .Distributors .item .repContainer .imgContainer {height:100px;text-align:center;} .Distributors .item .repContainer .imgContainer img {vertical-align:middle;} .Distributors .item .repContainer .imgContainer.TempcoRep {display:table-row;} .Distributors .item .repContainer .imgContainer.TempcoRep img {display:table-cell;vertical-align:middle;} .Distributors .item .repContainer .imgContainer.TempcoRep .repDetail {display:table-cell;text-align:left;vertical-align:middle;padding-left:10px;max-width:250px;} .Distributors .item .repContainer img {max-height:100px;} .Distributors .item .repContainer h4 {color:#AD1219;background-color:#ccc;padding:5px 10px;} .Distributors .item .category, .Distributors .item .address, .Distributors .item .contactInfo {padding: 10px;} .Distributors .item span.fa { display:inline; } .Distributors .contactInfo span:not(.label) {display: block;} @media all and (max-width:600px) { .Distributors .DataListing div.ColTwo {border-bottom: none!important;} .Distributors .DataListing .item {float:none!important;width:100%!important;margin:1.2rem 0;padding:0;} } @media all and (min-width:1200px){ .Distributors .DataListing .item {margin-right:0;} } img[alt='Part Number Icon'] {max-width:32px;} .SegmentedSearch .SearchResults .view {display:none;} .SegmentedSearch .SearchResults [id*='blockette'] .PagesRL .item.image .teaserImage {padding-right: 3%;float: left;max-width: 15%;width: auto;} .SegmentedSearch .SearchResults [id*='blockette'] .PagesRL .item.image .teaserImage img {max-width:25px;} .SegmentedSearch .SearchResults [id*='blockette'] .PagesRL .item.image .otherStuff {float:left;max-width:85%;} .SegmentedSearch .SearchResults .Products{clear:both;margin-bottom:25px;overflow:hidden;padding-bottom:5px;} .SegmentedSearch .SearchResults .Products .item{background:#fff;border-bottom:1px solid #ddd;border-right:1px solid #ddd;border-left:1px solid #ddd;border-top:6px solid rgb(120, 120, 120);position:relative;overflow:visible;} .SegmentedSearch .SearchResults .Products .item::before{content: "";height: 0;position: absolute;top: -6px;border-bottom: 6px solid rgb(53, 53, 53);border-right: 6px solid transparent;width: 55%;z-index: 200;} .SegmentedSearch .SearchResults .Products .item h4.resultHeader {padding:5px 10px;margin-bottom:0;vertical-align:middle;background:rgba(224, 224, 224, 1);} .SegmentedSearch .SearchResults .Products .item h4.resultHeader a {display:inline-block;} .SegmentedSearch .SearchResults .Products .item .teaserImage {float:none;padding-right:0;max-width:200px;width:60%;} .SegmentedSearch .SearchResults .Products .otherStuff.productResultTeaser {padding:5px 10px 0;width:auto;max-height:245px;text-overflow:ellipsis;overflow-y:hidden;} .SegmentedSearch .SearchResults .Products .otherStuff.productResultTeaser h4 {font-size:inherit;font-family:inherit;} .SegmentedSearch .SearchResults .Products .item .linkText {padding:0 10px 5px;} .SegmentedSearch .SearchResults .PagesRL .item {padding:10px 10px 8px;} .SegmentedSearch .SearchResults .PagesRL .item.altRow {background: rgb(247, 247, 247) none repeat scroll 0 0;border-bottom: 1px dotted rgb(204, 204, 204);border-top: 1px dotted rgb(204, 204, 204);} .SegmentedSearch .SegmentedSearchFilter2 .keyword .input:after{content:'Hint: use quotes around your search terms to do an exact match. (Example: "band heaters")';font-size:85%;white-space:pre-wrap;} .try h4 {display:inline-block;margin-right:1rem;} .SegmentedSearch .SearchResults h3 {font-size: 2.3rem;} .SegmentedSearch .mainFilter .selected {font-weight:900;} @media all and (min-width:600px){ .SegmentedSearch .SearchResults [id*='blockette'] .PagesRL .item.image .teaserImage img{max-width:40px;} } @media all and (min-width:768px){ .SegmentedSearch .SearchResults .Products .item{margin-right:3%;float:left;width:31.3%;} .SegmentedSearch .SearchResults .Products .item:nth-child(3n){margin-right:0;} } @media all and (min-width:768px){ .titanBody .TitanBlock:not(.SegmentedSearch) div.loading { background: rgba(0,0,0,.5) url(/clientcss/images/footerAngles.svg) no-repeat scroll bottom right; padding:2rem; max-height:378px; border-radius:3px; box-shadow:3px 4px 2px rgba(51, 51, 51, .6); color:rgb(255,255,255); } } @media all and (min-width:1200px){ .titanBody .TitanBlock:not(.SegmentedSearch) div.loading { padding:7rem; position: fixed; font-size: 3rem; z-index: 9999; top:40%; left:50%; -webkit-transform:translateY(-40%) translateX(-50%); -moz-transform:translateY(-40%) translateX(-50%); -ms-transform:translateY(-40%) translateX(-50%); -o-transform:translateY(-40%) translateX(-50%); transform:translateY(-40%) translateX(-50%); text-align:center; } } @media all and (min-width:1600px){ .titanBody .TitanBlock:not(.SegmentedSearch) div.loading { padding:7rem 20rem; } } @media print { @page {margin: 2cm;} * { text-shadow: none !important; color: #000 !important; background: transparent !important; box-shadow: none !important; height:auto!important; font-size:12px!important; } div.DataList div.ColOne div.item, img, ul {page-break-inside: avoid;} h2, h3 { page-break-after: avoid; } #pageTopArea {position: relative;} #slide-panel-trigger,#shadow-layer,#slide-panel,.RWD_flex-direction-nav,.DataFilter2,.MoreDetailsButton,.DataDetail .resources,.DataDetail #productImageContainer p, div.DataList.expandCards > h3:first-child::after, div.DataList.expandCards > h3:first-child::before, #contentFooter::before,#bottomContainer::before,.customFooter > div:first-child::before, .customFooter > div:first-child::after, #logoAngle,#navigation,#toolContainer,.polygon,#topZone,#utilityWrapper,.linkText,.button,#bottomNavContainer,#bottomContainer::before,#contentFooter::before,#scrollTop,.titanBody embed, .titanBody object, .titanBody video, .titanBody audio,.pageTools{display:none !important;} #mainBody .siteBounds{padding:0px} div.DataList .DataListing div.ColOne div.item {border-bottom:none;} .accordionBullets {display:block;} #contentFooter {font-size: 12px;} .Float25,.Float33,.Float50,.Float66,.Float75{margin-left:1.5%;clear:none!important;float:left;} #centerZone > .wrapme:first-child {padding-top: 20px;} #contentFooter {padding:20px 0;} .customFooter > div {margin: 10px 0 20px;} .Float50 p.floatImgContain {max-width:50%;} .Float50 p.floatImgContain img {max-width:100%!important;} } p[class*="style-guide"] {display:block;width:100%;height:100px;padding:1rem;} @media (min-width:768px) { p[class*="style-guide"] {width:calc(50% - 2rem);float:left;margin-right:2rem;min-width:45%;} } @media (min-width:1200px) { p[class*="style-guide"] {width:calc(25% - 2rem);min-width:22%} } p[class*="style-guide-text"] {display:block;width:auto;height:auto;float:none;margin-right:0;} .style-guide-primary {background:rgb(237,28,36);color:rgb(255,255,255);} .style-guide-secondary {background:rgba(173,18,25,1);color:rgb(255,255,255);} .style-guide-text-dark {color:rgba(51,51,51,1)} .style-guide-light {background:rgb(204, 204, 204);color:rgb(51,51,51);} .style-guide-medium {background:rgb(34,34,34);color:rgb(255,255,255)} .style-guide-dark {background:rgb(0,0,0);color:rgb(255,255,255);} .BlogList .TwoCol a.teaserImage{width:100%;border-top:7px solid #666;border-bottom:14px solid #ccc;margin:0 0 0 0!Important;padding:0!important;line-height: 12px;} .BlogList .TwoCol .otherStuff{width:100%;} .BlogList .TwoCol {margin-bottom:20px;} [class*="Block"].hasSlider {padding:50px 0 !important;} [class*="Block"].hasSlider .flexslider {max-width:1175px;margin:0 auto;background:unset !important;} [class*="Block"].hasSlider .flexslider .siteBounds {max-width:unset !important;} [class*="Block"].hasSlider .flexslider .Slide.Freeform {clear:none !important;} .RedBlock.hasSlider .RWD_flex-direction-nav a:before{color:white;} .GreyBlock.hasSlider .RWD_flex-direction-nav a:before{color:white;} .WhiteBlock.hasSlider {} .DarkGreyBlock.hasSlider .RWD_flex-direction-nav a:before{color:white;}