/*** ELEMENTAL STYLES ***/ * {margin: 0; padding: 0; border: 0;} body, html {margin: 0; padding: 0; border: 0; font-family: 'Open Sans', Arial, sans-serif; color: #000; height: 100%;} body {background: #fff; font-size: 14px; background-color: #a8a9ad;overflow-x: hidden;} a {text-decoration: none; color: #c51a20; font-weight: 700;} a:hover {color: #fcac18;} p {margin: 0 0 1.1em 0; padding: 0;} hr {height: 1px; background-color: #98999a; margin-bottom: 1.1em;} td {vertical-align: top;} input, select, textarea {border: 1px solid #ccc;} input[type="submit"] {border: 0;} label {cursor: pointer;} h1, h2, h3, h4, h5, h6 {margin: 0 0 7px 0; line-height: 1.1em;} h1 a, h2 a, h4 a, h5 a, h6 a {font-weight: normal;} h1 {font-size: 28px;} h2 {font-size: 21px; font-weight: 600; color: #606b71; text-transform: uppercase;} h3 {font-size: 16px; font-weight: 600; color: #c51a20; text-transform: uppercase;} h4 {font-size: 14px; font-weight: 700; text-transform: uppercase;} h5 {font-size: 12px; font-weight: 700;} h6 {font-size: 10px; font-weight: 700;} /*** CLASSES ***/ .clear {clear: both;} .aligncenter {text-align: center;} .alignleft {float: left;} .alignright {float: right;} .wp-caption.alignleft, img.alignleft {float: left; margin: 0 20px 15px 0;} .wp-caption.alignright, img.alignright {float: right; margin: 0 0 15px 20px;} .wp-caption.aligncenter, img.aligncenter {display: block; margin: 0 auto 1.1em;} figure.wp-caption {margin-bottom: 1.1em;} .wp-caption-text {font-size: 11px; color: #444; padding: 0 15px; line-height: 15px; text-align: center; margin-top: 3px;} /** Box Button **/ .boxBtn {display: table; width: 192px; padding: 8px 12px; border: 1px solid #a9aaae; box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.15); margin: 3px; color: #000; font-weight: 700; text-transform: uppercase; overflow: auto; font-size: 16px;} .boxBtn img {float: right;} .boxBtn span.wrap {display: table-cell; vertical-align: middle; line-height: 14px;} .boxBtn span.boxBtn-small {float: none; display: block; font-size: 11px; font-weight: normal;} /** Gallery **/ .gallery-item {margin-bottom: 20px;} .gallery-icon a {display: inline-block;} .gallery-icon a img {box-shadow: 5px 5px 12px #ccc; border-radius: 3px;} .gallery-icon a:hover img {opacity: 0.8;} /** Red Button **/ .redBtn {display: inline-block; padding: 6px 20px; box-shadow: inset 0px 1px 0px 0px #f48d90; border-radius: 6px; border: 1px solid #c91c22; color: #ffffff; background-color: #ee1a28; font-size: 14px; font-weight: 700; text-align: center; text-shadow: 1px 1px 0px #85070d; text-transform: uppercase; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ee1a28), color-stop(1, #c91c22) ); background: -moz-linear-gradient( center top, #ee1a28 5%, #c91c22 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee1a28', endColorstr='#c91c22'); } .redBtn:hover {color: #ebe0e0; background-color:#c91c22; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c91c22), color-stop(1, #ee1a28) ); background:-moz-linear-gradient( center top, #c91c22 5%, #ee1a28 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c91c22', endColorstr='#ee1a28'); } .redBtn:active {position: relative; top: 1px;} /*** LAYOUT STYLES ***/ #mainHeader, #bannerInner, #homeAction, #homeCols, #sitemap, footer {width: 1200px; margin: 0 auto;} #headerBGR {width: 1400px; margin: 0 auto;} #slideshow, #pageBanner {width: 1600px; margin: 0 auto;} /*** HEADER STYLES ***/ /** Headers **/ #headerWrapper {background: #fff url(../img/bgr_header_wrapper.jpg) repeat-x bottom;} #headerBGR {background: url(../img/bgr_header.jpg) no-repeat center bottom; height: 129px;} #mainHeader #logo img {width: 175px; margin-left: 55px; margin-top: 6px;} #mainHeader #logo {float: left; display: block;} /** Header Right - Utilities **/ #mainHeader #headerRight {float: right; width: auto;} #headerRight #portal {float: left; display: block; margin-left: 24px;} #headerRight #utilities {height: 75px;} #headerRight #utilities ul {list-style: none; margin: 0; padding: 30px 0 30px 60px;} #headerRight #utilities ul li {float: right;margin-right: 40px;} #headerRight #utilities ul li a {color: #000;font-size: 14px;line-height: 20px;} #headerRight #utilities ul li img {margin-right: 8px;height: 15px;} #utilities #social_search {padding: 10px 30px 0 0;} #social_search #social {margin-right: 20px; float: left;} #social_search #social a {display: inline-block; margin: 4px 8px 0 0;} #social_search #searchform {float: right; position: relative;} #social_search #searchform #s {background-color: #fff; font-size: 14px; border: 1px solid #d7d7d7; padding: 6px 35px 7px 12px; width: 126px; background: -webkit-linear-gradient(top, #ffffff 50%, #f3f3f3 100%); background: linear-gradient(to bottom, #ffffff 50%, #f3f3f3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); } #social_search #searchform #search_bgr {position: absolute; right: 0; top: 0; width: 33px; height: 32px; border: 1px solid #d7d7d7; border-left: 0;} #social_search #searchform #search_bgr input {display: block; width: 100%; height: 100%; background: url(../img/ico_search.png) no-repeat center;} #utilities #phone_email {border-left: 1px solid #d7d7d7; padding: 6px 0 6px 30px;} #utilities #phone_email a {display: block; color: #000;} #phone_email #h-phone {font-size: 24px; font-weight: 700;} #phone_email #h-email {font-size: 14px; font-weight: 400; margin-top: -3px;} /** Navigation **/ #topNav {position: relative; clear: right; float: right; margin-top: 6px;} #topNav #close {display: none;} #topNav ul.mobile {display: none;} #topNav ul {list-style: none; margin: 0; padding: 0;} #topNav > ul > li {float: left; padding: 12px 18px;} #topNav > ul > li:hover {border-bottom: 3px solid #fff;} #topNav > ul > li:first-child {padding-left: 0;} #topNav > ul > li:last-child {padding-right: 0;} #topNav ul li a {display: block; font-size: 16px; font-weight: 700; color: #000; text-transform: uppercase;} #topNav ul li a:hover {color: #000;} /* Sub-Nav */ #topNav ul .children {display: none; position: absolute; z-index: 10; background-color: #c51a20; padding: 10px 20px; margin-top: 12px; border-top: 0; border-radius: 0 0 8px 8px; box-shadow: 0px 3px 3px 3px rgba(0, 0, 0, 0.18); color: #fff;} #topNav > ul > li:hover .children {display: block;} #topNav > ul > li:last-child > .children{right: 0;} #topNav li > .children ul {margin-bottom: 12px;} #topNav li > .children ul:last-of-type {margin-bottom: 0;} #topNav li > .children li a {padding: 5px 0; font-size: 14px; text-transform: uppercase; border-bottom: 1px solid #9f1116;} #topNav li > .children li a:hover {color: #ebe0e0;} #topNav li > .children li:last-child a {border-bottom: 0; padding-bottom: 0;} #topNav li > .children .nav-title {display: block; font-weight: 700; color: #ccc; text-shadow: 1px 1px 1px #6f070b; text-transform: uppercase;} #navSpacer {height: 8px; background: -webkit-linear-gradient(left, #61686e 0%,#8e9699 10%,#eeeeee 35%,#ffffff 50%,#eeeeee 65%,#8e9699 90%,#61686e 100%); background: linear-gradient(to right, #61686e 0%,#8e9699 10%,#eeeeee 35%,#ffffff 50%,#eeeeee 65%,#8e9699 90%,#61686e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61686e', endColorstr='#61686e',GradientType=1 ); } /* Mobile Menu */ html.mobileMenu-open, body.mobileMenu-open {overflow: hidden;} body.mobileMenu-open #topNav ul.main {left: 0;} #mobileMask {position: fixed; top: 0; left: 0; z-index: 899; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); } #closeMobileMenu {display: block; width: 100%; margin-bottom: 10px; padding: 15px 30px 15px 20px; background-color: #3d474f; color: #fff; text-align: center;} #closeMobileMenu span {margin-right: 8px;} #closeMobileMenu:focus {outline: none} /*** HOMEPAGE STYLES ***/ /** Slider **/ #slideshowWrapper {background: #61686e;} #slideshow {position: relative; overflow: hidden; clear: both; height: 280px;} #slideshow ul {margin: 0; padding: 0; list-style: none;} #slideshow li {position: absolute; top: 0; right: 0; z-index: 1;} #slideshow li.selected {z-index: 3;} #slideshow li.lastSelected {z-index: 2;} #slideshow .slide-prev_next {margin: 0 20px; display: block; position: absolute; top: 35%; z-index: 5; cursor: pointer;} #slideshow .slide-prev_next:hover img{opacity: 0.7;} #slideshow #prevSlide {left: 0; } #slideshow #nextSlide {right: 0;} /** Contact Call To Action **/ #homeActionWrapper {z-index: 4; background: #fc3 url(../img/bgr_red_banner.jpg) repeat-x; height: 73px; overflow: hidden;} #homeAction p {padding: 15px 0; font-size: 18px;} #homeAction p span {display: inline-block;text-shadow: 1px 1px 1px rgba(102, 14, 7, 0.4);color: #fff;padding: 2px 0;letter-spacing: 6px;font-size: 23px;} #homeAction p a {display: inline-block; float: right; background-color: #fcac18; box-shadow: 2px 3px 4px 0px rgba(0, 0, 0, 0.3); font-weight: 800; color: #000; padding: 8px 35px; border-radius: 6px;} #homeAction p a:hover {background: #000; color: #fff;} /** Homepage Cols **/ #homeColsWrapper {background-color: #fff;} #homeCols {padding: 40px 0;} #homeCols a {color: #000;} #homeCols a:hover {color: #c51a20;} #homeCols ul {list-style: none; margin: 0; padding: 0;} #homeCols .col {float: left; display: block; position: relative; width: 225px; height: 223px; border: 1px solid #a9aaae; margin-left: 17px; background: #ffffff; overflow: hidden; background: -webkit-linear-gradient(top, #ffffff 0%,#edeef0 100%); background: linear-gradient(to bottom, #ffffff 0%,#edeef0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edeef0',GradientType=0 ); } #homeCols .col h2 {margin: 0; text-transform: uppercase; text-align: center;} #homeCols .col h2 a {display: block; font-size: 18px; font-weight: 700; color: #000; padding: 16px 0 11px 0; background-color: #fc3;} #homeCols .col h2 a:hover {color: #000;} #homeCols .col.first, #homeCols .col.last {border: 0; margin-left: 0; background: #ffffff;} #homeCols .col.first {margin-left: 0;} #homeCols .col.first ul {} #homeCols .col.first ul li {height:20px;line-height: 20px;overflow: hidden;margin: 10px 0;} #homeCols .col.first ul li:first-child a:hover {color: #fcac18;} #homeCols .col.first ul li:first-child i {font-style: normal;float: right;font-size: 12px;color: #999;font-weight: normal;} #homeCols .col.first ul li a {font-weight: normal;} #homeCols .col.first ul li a:hover {color: #000;font-weight: 600;} #homeCols .col.first ul li span {display: inline-block;float: left;margin-top: 6px; margin-right: 10px;height: 5px;width: 5px;background: #fc3;} #homeCols .col.first .hide {height: 213px; overflow: hidden;text-indent: 2em;} #homeCols .col.first .boxBtn {position: absolute; bottom: 0; background-color: #fff;} #homeCols .col.last {float: right;} #homeCols .col.last ul li {margin-top: 21px;} #homeCols .col.last ul li:first-child {margin-top: 0;} #homeCols .col .fa-plus {display: block; width: 35px; background-color: #eb1c24; color: #fff; position: absolute; bottom: 0; right: 0; z-index: 3; padding: 10px 0; text-align: center;} #homeCols .col .fa-plus:hover {background-color: #000;} #homeCols .learnWrap {display: block; position: relative; height: 173px; color: #000; font-weight: 500;} #homeCols .learnWrap .snippet {display: inline-block; width: 120px; position: absolute; top: 25px; right: 0px; text-align: left; line-height: 16px;} #homeCols #col-product {background: url(../img/bgr_product_search.png) no-repeat top left;} #homeCols #col-msds {background: url(../img/bgr_msds.png) no-repeat top left;} #homeCols #col-msds1 {background: url(../img/bgr_qywh.png) no-repeat top left;} #homeCols #col-news ul li {padding: 0 20px;} #homeCols #col-news ul li a {display: block; color: #000; border-bottom: 1px solid #d9dbdf; padding: 3px 0;} #homeCols #col-news ul li a:hover {color: #c51a20;} #homeCols #col-news ul li:first-child a {padding-top: 6px;} #homeCols #col-news ul li:last-child a {border-bottom: 0;} #homeCols #col-news strong {display: inline-block; font-size: 14px; max-height: 43px; overflow: hidden;} #homeCols #col-news .date {display: block; font-size: 12px; font-weight: 300; color: #606b71;} /*** PAGE STYLES ***/ /** Page Banner **/ #bannerWrapper {clear: both; overflow: hidden;} #pageBanner {position: relative;} #pageBanner img {position: absolute; top: 0; z-index: 1;} #bannerInner {position: relative; z-index: 2;} #bannerInner h2 {position: relative; top: 54px; font-weight: 700; color: #fff; font-size: 40px; text-shadow: 2px 3px 4px rgba(0, 0, 0, 0.75); margin: 0; text-transform: uppercase;} #contentWrapper {padding: 30px 0; background-color: #fff;} #contentWrapper main {display: table; height: 100%; width: 1200px; margin: 0 auto;} #contentWrapper main #sidebar, #contentWrapper main #content {display: table-cell; height: 100%;} #content {float: right; width: 925px;} .page-template-page_full-width #content {float: none; width: auto;} #content a {text-decoration: none; color: #2473bb; text-decoration: underline; font-weight: 400;} #content a:hover {color: #c51a20; text-decoration: underline;} #content ul, #content ol {padding-left: 35px; margin-bottom: 1.1em;} #content ul ul, #content ol ol {margin-bottom: 0;} #content h1.post-title {display: inline-block; margin: 8px 0 12px 0; text-transform: uppercase;} #content hr.clear {margin-bottom: 20px;} #content #msds_table a {display: inline-block; margin-bottom: 8px;} /** Navigation **/ #content .navigation {float: right; margin-top: 15px;} #content .navigation a {color: #606a71; text-decoration: none;} #content .navigation a:hover {color: #000; text-decoration: none; font-weight: 700;} #content .navigation a.arw {margin-left: 10px;} #content .navigation a.first {margin-left: 20px;} #content .navigation a span {font-size: 16px;} .navigation .navInner {display: inline-block;} .navigation .navInner .pagination {margin-left: 10px;} .navigation .navInner .page-numbers {display: inline-block; padding: 0 10px; font-weight: 700; font-size: 14px; border-left: 1px solid #d9dbdf;} .navigation .navInner span:first-child {margin-left: 10px;} .navigation .navInner a:last-child {border-right: 1px solid #d9dbdf;} .navigation .navInner span.current:last-child{border-right: 1px solid #d9dbdf;} .navigation .navInner .page-numbers.current {color: #ed1c24; border-right: 0; margin: 0 -4px 0 0;} .navigation .navInner .dots {display: none;} /** Zip Lookup - Territories **/ #map-canvas {height: 375px; margin: 0 auto; width: 615px;} div.reps .col {float: left; padding-left: 5%; width: 29.69%;} div.reps .col.vr {border-right: 1px solid #A8A9AD; padding-left: 0;} #content div.row .col {padding-top: 10px;} /** Literature **/ #literature .lit {float: left; width: 23%; min-width: 200px; margin: 0 1%; margin-bottom: 40px;} #literature .lit a {display: block;} #literature .lit img{display: block; width: 100%; height: auto; border: 1px solid #A8A9AD; margin-bottom: 8px;} #literature .lit img:hover{opacity:0.6; filter:alpha(opacity=60);} /** Videos **/ #videos .video {float: left; position: relative; width: 46%; margin: 0 2%; padding-bottom: 36%; margin-bottom: 40px;} #videos .video iframe {display: block; position: absolute; border: 0; width: 100%; height: 100%;} /** Product Filter Mobile **/ #mobile_filtering {display: none; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #ccc;} #mobile_filtering .filter_initiate {display: block; margin-bottom: 8px; font-weight: 700; font-size: 16px; color: #ED1C24; text-decoration: none;} #mobile_filtering form {display: none;} #mobile_filtering h4 {cursor: pointer; font-family: 'Open Sans Condensed', Arial, sans-serif; font-weight: 700; font-size: 14px; margin: 0; margin-bottom: 8px; color: #000; text-transform: uppercase;} #mobile_filtering ul {list-style: none; padding: 0; margin: 0;} #mobile_filtering input[type="radio"] {visibility: hidden;} #mobile_filtering input[type="radio"]:checked + span {font-weight: 700; color: #ED1C24;} #mobile_filtering .product_sidebar .widget.all a {color: #000; text-decoration: none;} #mobile_filtering .product_sidebar .widget.all a:hover {color: #ED1C24;} #mobile_filtering .product_sidebar .widget h4 {padding-left: 20px; position: relative;} #mobile_filtering .product_sidebar .widget h4:before {font-family: FontAwesome; content: '\f054'; font-weight: normal; font-style: normal; font-size: 12px; color: #ed1c24; position: absolute; left: 0; top: 3px;} #mobile_filtering .product_sidebar .widget li {margin-top: 2px;} #mobile_filtering .product_sidebar .widget li label {color: #606B71; font-weight: 400; font-size: 12px; padding-left: 4px;} #mobile_filtering .product_sidebar .widget li label:hover span {font-weight: 700; color: #ED1C24;} #mobile_filtering .product_sidebar .widget li:before {content: '';} /** Contact Forms **/ .contact textarea {max-width: 925px; max-height: 425px;} .contact input[type="text"], .contact input[type="tel"], .contact input[type="email"], .contact textarea {width: 100%;} .contact p {margin-bottom: 10px;} .contact input.wpcf7-captchar, .contact .ta, .contact .input {padding: 4px 8px;} .contact span.wpcf7-form-control-wrap {display: inline-block; width: 100%;} .contact img.wpcf7-captchac {position: relative; top: 5px;} /* Contact Page Form */ #wpcf7-f874-p53-o1.wpcf7 {float: left;} #contactTable {width: 96%;} #contactTable span.title, #contactTable span.phone, #contactTable span.first-name {width: 45%; margin-right: 10%;} #contactTable span.company, #contactTable span.email, #contactTable span.last-name {width: 45%;} #contactTable span.wpcf7-list-item {display: block; float: left; width: 48%;} #contactTable span.wpcf7-list-item:nth-of-type(3n) {clear: left;} #contactTable textarea {height: 120px;} #contactTable span.cnt-cpatcha {width: 79%;} /** Newsletter Form **/ .newsletterTable {width: 100%;} .newsletterTable div {display: inline-block; width: 100%;} .newsletterTable span {float: left !important; padding-right: 10px !important; display: block !important;} .newsletterTable input.first-name, .newsletterTable input.last-name, .newsletterTable input.company, .newsletterTable input.email {width: 43.7%;} .newsletterTable input.last-name, .newsletterTable input.email {margin-left: 10%;} /* Career Page Form */ #employmentTable {width: 98%;} #employmentTable span.phone, #employmentTable span.first-name {width: 45%; margin-right: 10%;} #employmentTable span.email, #employmentTable span.last-name {width: 45%;} #employmentTable label.app {display: inline-block; float: left; width: 45%;} #employmentTable label.resume {display: inline-block; float: right; margin-bottom: 10px;} #employmentTable span.captcha {width: 92%;} /** Glossary **/ #glossary_key {display: table; table-layout: fixed; width: 100%; margin-bottom: 20px;} #glossary_key a {display: table-cell; text-align: center; color: #ED1C24; text-decoration: none; font-weight: 700;} #glossary_key a:hover {color: #000; text-decoration: none;} #definition_list {display: table; width: 100%; border-top: 1px solid #ccc; text-shadow: 1px 1px 1px #fff;} #definition_list .definition{border-bottom: 1px solid #ccc;} #definition_list tr:nth-child(even) {background-color: #efefef;} #definition_list tr:hover {background-color: #e5e5e5;} #definition_list .dt, #definition_list .dd {vertical-align: middle; padding: 20px;} #definition_list .dt {width: 25%; border-right: 1px solid #ccc;} #definition_list .dt a {display: block; font-weight: 700;} #definition_list .dt a:hover {color: #000;} #definition_list .dd {width: 75%;} #definition_list .dd p:last-child {margin-bottom: 0;} #definition_list h5 {font-size: 16px; color: #ED1C24;} /** Testimonials **/ .testimonial {padding-top: 20px; border-top: 1px dashed #ccc;} .testimonial h3 {font-size: 14px; text-transform: capitalize; font-style: normal; margin-bottom: 20px;} /** Product Archive **/ #products .product {float: left; width: 132px; margin: 0 11px 15px; height: 220px; overflow: hidden;} #products .product a.thumbnail {display: table; border: 1px solid #a8a9ad; text-align: center; margin-bottom: 10px;} #products .product a.thumbnail > span {display: table-cell; vertical-align: middle;} #products .product a.thumbnail > span img {display: block;} #products .product a.thumbnail > span img:hover {opacity:0.6; filter:alpha(opacity=60);} #products .product a.title {display: block; font-size: 14px; font-weight: 700; color: #ed1c24; margin-bottom: 8px; text-decoration: none;} #products .product a.title:hover {color: #000;} #products .product p {font-size: 12px; color: #606b71; margin: 0;} /* Single Product */ .product_right {float: right; width: 302px; margin-left: 20px; margin-bottom: 20px;} .product_right h3 {color: #000; margin-bottom: 4px;} .product_right img.product_thumb {border: 1px solid #A8A9AD; width: 100%; height: auto; margin-bottom: 20px;} .product_right .literature {display: inline-block; margin-bottom: 6px;} .product_left {width: 60%;} #content .product_left ul, #content .product_left ol {padding-left: 20px;} .product_left .product-widget {margin-bottom: 20px;} .product_left .product-widget h3 {margin-bottom: 4px; color: #000;} .product_left .product-widget table {width: 100%;} .product_left .product-widget table td:first-of-type {width: 175px; padding-bottom: 4px;} .product_left .product-widget .product-form {display: inline-block; text-align: center;} /*** BLOG / POST STYLES ***/ #content .hentry {padding-top: 20px; border-top: 1px dashed #ccc;} #content .first {padding-top: 0; border-top: 0;} body.blog #content .first {padding-top: 20px; border-top: 1px dashed #ccc;} .hentry h2 {text-transform: capitalize; font-style: normal;} strong.details {text-transform: uppercase;} /** Upcoming Events **/ small.date {display: block; font-size: 12px; color: #606b71;} small.date strong {text-transform: uppercase;} /*** SIDEBAR STYLES ***/ #sidebar {vertical-align: top; width: 225px; border: 1px solid #a8a9ad; background: #e8e9eb; background: -webkit-linear-gradient(top, #ffffff 0%,#e8e9eb 60%); background: linear-gradient(to bottom, #ffffff 0%,#e8e9eb 60%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e9eb',GradientType=0 ); } #sidebar h3 {margin: 0; text-transform: uppercase; text-align: center; margin-bottom: 20px;} #sidebar h3 a {display: block; font-size: 18px; font-weight: 700; color: #fff; padding: 11px 0; background-color: #606b71;} #sidebar input[type="radio"] {visibility: hidden;} #sidebar input[type="radio"]:checked + span {font-weight: 700; color: #ED1C24;} #sidebar .widget {padding-bottom: 20px; margin: 0 25px 20px 25px; border-bottom: 1px solid #a8a9ad;} #sidebar .widget:last-of-type {border-bottom: 0;} #sidebar .widget h4 {font-family: 'Open Sans Condensed', Arial, sans-serif; font-weight: 700; font-size: 14px; margin: 0; color: #000; text-transform: uppercase;} #sidebar .widget ul {list-style: none; margin: 0; padding: 0;} #sidebar .widget ul li {margin-top: 6px; position: relative;} #sidebar .widget li:before {font-family: FontAwesome; content: '\f054'; font-weight: normal; font-style: normal; font-size: 12px; color: #ed1c24; position: absolute; left: 0; top: 3px;} #sidebar .widget li li:before {content: '';} #sidebar .widget ul li a {display: block; font-size: 12px; color: #000; padding-left: 20px; font-weight: 700;} #sidebar .widget ul li a:hover {font-weight: 700;} #sidebar .widget ul ul li a {color: #606b71; font-weight: 400;} #sidebar .widget ul ul li a:hover {font-weight: 400;} #sidebar .widget ul li.current_page_parent > a, #sidebar .widget ul li.current_page_item > a, #sidebar .widget ul li.current-archive > a, #sidebar .widget ul li.current-cat > a, #sidebar .widget ul li > a:hover {font-weight: 700; color: #ED1C24;} /** Product Sidebar **/ #sidebar .product_sidebar .widget.all a {color: #000;} #sidebar .product_sidebar .widget.all a:hover {color: #ED1C24;} #sidebar .product_sidebar .widget h4 {padding-left: 20px; position: relative;} #sidebar .product_sidebar .widget h4:before {font-family: FontAwesome; content: '\f054'; font-weight: normal; font-style: normal; font-size: 12px; color: #ed1c24; position: absolute; left: 0; top: 3px;} #sidebar .product_sidebar .widget li {margin-top: 2px;} #sidebar .product_sidebar .widget li label {color: #606B71; font-weight: 400; font-size: 12px; padding-left: 4px;} #sidebar .product_sidebar .widget li label:hover span {font-weight: 700; color: #ED1C24;} #sidebar .product_sidebar .widget li:before {content: '';} /*** FOOTER STYLES ***/ #footerWrapper {background-color: #777; color: #fff;} #footerWrapper a {color: #fff;} #footerWrapper footer {font-size: 12px;} /** Sitemap **/ #sitemap {padding: 50px 0;} #sitemap .col {float: left; width: 180px; margin-left: 17px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.16);} #sitemap .col.last {float: right; margin-left: 0;} #sitemap .col a {text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.16); line-height: 1.1em;} #sitemap .col a:hover {color: #eee;} #sitemap .col h6 {margin-bottom: 20px;} #sitemap .col h6 a {font-size: 18px; font-weight: 700; text-transform: uppercase;} #sitemap .col ul + h6 {margin-top: 40px;} #sitemap .col ul {list-style: none; margin: 0; padding: 0;} #sitemap .col ul li {margin-top: 10px;} #sitemap .col ul li:hover a {color: #333;} #sitemap .col ul li:last-child {margin-bottom: 0;} #sitemap .col ul li a {display: block; font-size: 14px; font-weight: 600; margin-bottom: 4px;} #copyrightWrapper {border-top: 1px solid #8f9093; padding: 30px 0; font-size: 12px;} #copyrightWrapper a:hover {color: #eee;} #copyrightWrapper #copyright {display: inline-block; float: left;} #copyrightWrapper #copyright #iq {color: #c1c2c3;} #copyrightWrapper #copyright #iq a {color: #d5d6d9;} #copyrightWrapper #copyright #iq a:hover {color: #eee;} #copyrightWrapper #botMenu {float: right;} .productImg:hover {box-shadow: 10px 9px 8px 3px #dfdfdf;} .search {position: absolute; top: 0px; right: -45px; z-index: 10;} .search button {font-size: 16px;line-height: 45px;background: rgba(0,0,0,0)} .search form {float: right;} .search form div{display:none;height: 30px;width: 300px;border-bottom: 1px solid #000;} .search form div input {padding: 0;margin: 0;height: 30px; width: 100%; outline: none; border: none; background-color: rgba(255,204,51,1);} .seach-layer {display:none;position: fixed;top: 0; left: 0; z-index: 9;height: 100%; width: 100%;}