/* MASTER TEMPLATE CLASSES AND STYLES *********************************************************/ @import url('filetype.css'); @import url('br.css'); @import url('core.css'); @import url('bootstrap.css'); /* fix widget designer popup issue with modals being stuck behind other windows */ .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable {z-index: 2000 !important;} /* base */ body {background: #000000 !important; font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 14px !important;line-height: 1.428571429 !important;color: #333 !important; min-width: 10px !important;} .bcwrap {float:left !important; min-width: 10px !important;} .fontresizerwrap { width: 100px !important; float:right !important; padding-bttom: 10px; display: none !important;} .text-muted {color: #777 !important;} .text-muted:hover {color: Black !important;} .toploginname {float:right; color:white; padding-right:5px;} .toploginname a {color: #da2128 !important;} .main-footer-socialbar {padding:20px 40px;} .main-footer-navbar {padding: 0 40px;} .main-footer-navbar .input-group {display: none !important;} .main-footer-featuredbar {padding: 15px 40px;} .main-footnote .sfContentBlock a {color: #eee !important;} a#drop1:hover, a#drop1:focus, a#drop2:hover, a#drop2:focus, a#drop3:hover, a#drop3:focus { color: #da2128 !important; background-color: transparent !important; } .SearchBox2 .fa-search {float: right;margin-top: -25px;font-size: 1.2em;padding-right: 10px;} .SearchBox2 .fa-search input {border: none;width: 100%;margin-top: -17px;display: block;position: relative;z-index: 3000;background: transparent;} .modal-dialog {margin-left: auto !important; left: auto !important; max-height: calc(100% - 60px); !important; overflow-y:auto !important;} .main-banner-inner img {height: 250px; width: 980px;} .main-banner-inner .item .caption {position: absolute;top: 20%;right: 7%;color: white;width: 30%;} .main-banner-inner .item .caption .heading {text-align: center;font-size: 25px;padding-bottom: 10px;} .main-banner-inner .item .caption .text{font-size: 16px;} .main-banner-inner .item .btn {position: absolute;bottom: 15px;right: 30px; cursor: pointer;} .main-banner-inner .item:hover {cursor: default !important;} .main-banner-inner a.carousel-control {color: whitesmoke !important;} .PageBanner {position: relative;} .PageBanner .caption {position: absolute;top: 3%;left: 66.6%;color: white;width: 33.3%;text-align: justify; padding-right:20px;} .PageBanner .caption .heading {font-size: 23px;padding-bottom: 10px; text-align: center;} .PageBanner .btn {position: absolute;bottom: 15px;right: 30px; cursor: pointer;} .PageBanner .btn a {color: white !important;} .PageBanner .fa-youtube-play {position: absolute; top: 44%; right: 40%; color: #da2128;} .PageBanner img.ytthumb {height: 66px; width: auto; opacity: .35; background-color: #ffffff; border: 1px solid #ccc;} .PageBanner img.ytthumb:hover {opacity: 1;} .PageBanner a.yttoggle {position: absolute;bottom: 5px;right: 5px; cursor: pointer;} .PageBanner.old .caption {position: absolute;top: 3%;right: 4%;color: white;width: 35%;text-align: left;} .PageBanner.old .overay-content {display:none;} .PageBanner.old {background-image: url('http://design.starrett.com/images/new-design/992x254--master---starrett-website-rotating-banner.png?Status=Master&sfvrsn=2'); background-repeat: no-repeat;} .PageBanner .BannerRotator {display:none;} #loading-indicator {position: absolute;top: 50%;left: 50%;z-index: 50000;} /* page styling */ .pg-home .main-toolbar {display:none !important; } .pg-home .main-banner {*background: black;} .pg-home .item {background-color: black;} .pg-home .main-footer-featuredbar {display:none;} .pg-catalog .btn-primary {font-size: 11px !important; margin-right: 20px;} .pg-catalog .WideContentBox a {color: #da2128;} .pg-catalog .ImportantLinks .bullet-list {list-style: inherit;padding-top: 10px; margin-left: 30px;} .pg-catalog .ImportantLinks .bullet-list li {margin-top: -10px;} .pg-catalog .interactive .ImportantLinks a {color: #da2128;} .pg-catalog .lit .ImportantLinks a {text-transform: uppercase; color: #333;} .pg-catalog .ImportantLinks h2 {font-size: 18px !important; padding-bottom: 10px; font-weight: bold !important;} /**** menu / product menu *****/ .Navigation .dropdown-menu, .Navigation .nav .open > a {*background: whitesmoke !important;} .Navigation > span.open {background: transparent;} .main-header .nav li.topmenubutton {display:table-cell !important;} .nav .Navigation .dropdown-menu {*text-align: left; *width: 1000px; *margin-left: -234%;} li.nav-parent {*width: 212px !important;} li.nav-parent .caret-wrap {display: inline !important;position: absolute !important;top: 0 !important;right: 0 !important;cursor: pointer !important;*margin-right: -10px !important;margin-top: 4px; } .caret-wrap .cart {margin-top: -15px !important;margin-left: -3px !important;} .caret.caret-reversed { border-top-width: 0; border-bottom: 4px solid #000000; } li.nav-parent ul.collapse {padding-left:7px;} li.nav-parent ul.collapse li a {color: #777 !important;} li.nav-parent ul.collapse li a:hover {color: #333 !important;} .product-navblock {*padding-top: 20px; } .product-navblock .nav-title b { font-weight: 700 !important; box-sizing: border-box; color: #333 !important; font-size: 13px !important; line-height: 1.1 !important; text-transform: uppercase; } .product-navblock .halfarrow {font-weight:bold; color: #333 !important;} .product-navblock .nav-subtitle a {font-size: 12px !important;color: #777777 !important;} .product-navblock .dropdown { border-left: 1px solid #bbbbbb !important; border-right: 1px solid #bbbbbb !important;} .product-navblock h5.nav-title {margin-bottom: 10px; background:none !important;} .product-navblock h6.nav-subtitle {margin-bottom: 10px; margin-top: 10px;} .product-navblock ul.nav {*margin-left: -15px;} .product-navblock .row {padding: 5px;} .product-navblock ul.nav-parent {padding:0; border-none !important;} #productmenu {display: block;line-height: 94px;white-space: nowrap;text-transform: uppercase !important;padding-left: 25px !important;padding-right: 25px !important;font-size: 14px !important;color: #333 !important;} .nav .caret {border-top-color: #333 !important; border-bottom-color: #333 !important;} @media (max-width: 768px) { .product-navblock { font-size: 18px;} .product-navblock .nav-title b {font-size: 30px !important;} .product-navblock .nav-subtitle a {font-size: 20px !important;} .product-navblock .nav > li {padding-bottom: 5px;} } .btn-primary {color: white !important;} /*********** UserSpot ***********/ #UserSpotDropdown ul.dropdown-menu, #CartSpotDropdown ul.dropdown-menu {*margin-left: 4px;*border: none;*margin-top: 0px;*border-top: 1px solid;*width: 500px; *height: 400px;} #UserSpotDropdown #myaccount {padding: 30px;} #UserSpotDropdown #myaccount .userinfo {font-size: 16px;} #UserSpotDropdown li {position: static !important;} #CartSpotDropdown #usertabs {border-radius: 0;} #CartSpotDropdown #usertabs ul.nav {border: none !important;border-radius: 0; background: #eeeeee !important; } #CartSpotDropdown #usertabs #viewcart {height: 350px;} #CartSpotDropdown #myaccount {height: 390px;} #CartSpotDropdown .item-list {margin-top: 25px;height: 250px; padding: 10px; font-size: 12px; border: 1px solid #ccc;} #CartSpotDropdown .item-list li {padding: 2px;} #CartSpotDropdown #quickorder .ui-tabs {border:none; height: auto;} #CartSpotDropdown #quickorder .ui-tabs ul.ui-tabs-nav {border:none; background: transparent;} #CartSpotDropdown #quickorder .ui-tabs ul.ui-tabs-nav .ui-corner-top {border:none; background: transparent; margin-top: -7px;} #CartSpotDropdown #quickorder .ui-tabs ul.ui-tabs-nav .ui-state-active a {font-weight:bold;} #CartSpotDropdown #quickorder .instructions {font-size: 11px;float: right; margin-top: -40px;} #CartSpotDropdown #quickorder .form-control {height: 25px !important; margin-bottom: 2px !important;} #CartSpotDropdown #quickorder #quickView-entry-typed table {margin-top: -10px;} #CartSpotDropdown .actionbar {} .StatusView .logoutaction a {} /************** ecomm pages ************************/ /*login*/ .login-form input{border-radius:0px !important;} .login-form {width: 90% !important; margin-left: 5% !important;} .login-form .sfTxt {display: block !important; width: 100% !important; height: 34px !important; padding: 6px 12px !important; font-size: 14px !important; line-height: 1.428571429 !important; color: #555 !important; vertical-align: middle !important; background-color: #fff !important; border: 1px solid #ccc !important; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) !important; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) !important; -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;} .sfSubmitBtn {float:right !important;} .sfSubmitBtn a {background: #da2128; background-image: -webkit-linear-gradient(top, #da2128 0%, #a5191e 100%) !important; background-image: -o-linear-gradient(top, #da2128 0%, #a5191e 100%) !important; background-image: linear-gradient(to bottom, #da2128 0%, #a5191e 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffda2128', endColorstr='#ffa5191e', GradientType=0) !important; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) !important; background-repeat: repeat-x !important; border-color: #9c181d !important; white-space: nowrap !important; padding: 6px 12px !important; font-size: 14px !important; color: white !important; text-align: center !important; vertical-align: middle !important;} span.SsoRequestPwd {cursor: pointer;float: right;padding-right: 30px;margin-top: -35px;text-transform: uppercase;color: #777;position: relative;z-index: 1000;border-right: 1px solid #dddddd;} span.SsoRequestPwd:hover {color:black;border-right: 2px solid black;} /*register*/ .UserRegistration {width: 90% !important; margin-left: 5% !important; font-weight:bold;} .UserRegistration .sfTxtLbl {margin-bottom: 20px;} .UserRegistration .well {border-radius: 0 !important;} .UserRegistration input[type='text'] {display: block !important; margin-top: -15px !important; width: 100% !important; height: 34px !important; padding: 6px 12px !important; font-size: 14px !important; line-height: 1.428571429 !important; color: #555 !important; vertical-align: middle !important; background-color: #fff !important; border: 1px solid #ccc !important; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) !important; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) !important; -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;} .UserRegistration #action-register {float:right !important;background-image: -webkit-linear-gradient(top, #da2128 0%, #a5191e 100%) !important; background-image: -o-linear-gradient(top, #da2128 0%, #a5191e 100%) !important; background-image: linear-gradient(to bottom, #da2128 0%, #a5191e 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffda2128', endColorstr='#ffa5191e', GradientType=0) !important; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) !important; background-repeat: repeat-x !important; border-color: #9c181d !important; white-space: nowrap !important; padding: 6px 12px !important; font-size: 14px !important; color: white !important; text-align: center !important; vertical-align: middle !important;} /*password reset*/ .SsoSetPwd {padding: 0 25px;} .SsoSetPwd #sso-setpwd {float: right; margin-top:15px;} .SsoSetPwd .lbl {font-weight:bold;} .SsoSetPwd .form-control {margin-top:2px !important; margin-bottom: 15px !important;} .SsoSetPwd h3 {text-align: center;font-size: 18px;margin-bottom: 20px;} /*cart*/ .Cart {margin-top:-3%;} .Cart .carttitle {padding: 20px 15px; background-image: -webkit-linear-gradient(top, #c8c8c8 0%, #bbbbbb 100%); background-image: -o-linear-gradient(top, #c8c8c8 0%, #bbbbbb 100%); background-image: linear-gradient(to bottom, #c8c8c8 0%, #bbbbbb 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc8c8c8', endColorstr='#ffbbbbbb', GradientType=0); border-bottom: 5px solid white;} .Cart .carttitle h1 {font-size: 18px; color: #333; font-weight: bold;} .Cart #cart-container {padding:30px;} .Cart .items {} .Cart .cartitemid {color: #333; font-size:1.6em;} .Cart .table th {font-weight: bold; text-align: center;} .Cart .items .cart-row a {color: #da2128;} .Cart .items .table-striped>tbody>tr:nth-child(odd)>td, .Cart .items .table-striped>tbody>tr:nth-child(odd)>th { background-color: white !important; } .Cart .actionbar {float:none; text-align: right;} .Cart td input {float:right;} /*profile*/ .Profile .panel-button {padding-top: 4px !important; padding-bottom: 4px !important; display: inline-block; margin-top: -15px;margin-right: 10px;} .Profile .addresses {padding: 15px; margin-top: 20px;} .Profile aside li {cursor: pointer;} .Profile .card { border:1px solid #333; padding:10px; float:right; margin:0 5px; width:164px; background:#ddd; border-radius: 5px;} .icon-cc-add { display:inline-block; width:32px; height:32px; background:url('img/creditcard.png') no-repeat; cursor:pointer; } .icon-cc-ship { display:inline-block; width:32px; height:32px; background:url('img/delivery.png') no-repeat; } .icon-card { display:inline-block; width:32px; height:32px; background:url('img/card_inserting.png') no-repeat; } .Profile #addressdrop, .Profile #profedit {padding: 2px 7px;font-size: 14px;} .Profile #addresstypes li {padding:5px; cursor: pointer;} .Profile .dialog-shade .row {padding: 15px;} .Profile .addresses table {margin:15px; width: 96%;} .Profile .modal-body h4 {font-weight: bold !important; padding-bottom: 10px !important; font-size: 15px !important;} .Profile .nav li a{color: #777;} .Profile .nav li:hover a{color: #da2128;} .modal-body .row {padding: 15px;} .Profile .panel-heading {padding: 0 10px !important;} .Profile .panel-heading h3 {font-size: 16px !important;} /*Order List */ .OrderList .panel-button {padding-top: 4px !important; padding-bottom: 4px !important; display: inline-block; margin-top: -15px;margin-right: 10px;} .OrderList .nav li a{color: #777 !important;} .OrderList .nav li:hover a{color: #da2128 !important;} .OrderList .btn-primary {color: white !important;} .OrderList .order-area {padding: 20px;} /*checkout */ .Checkout .Step {padding: 0px 20px 20px;} .Checkout .Step .main-title {padding-bottom: 2px;margin-bottom: 10px;font-size: 2em;color: #333333;border-bottom: 4px solid #da2128;} .Checkout .Step .form-control {width: 65% !important;} .Checkout .Step .address {width: 33% !important;float: right;margin-top: -33px;} .Checkout .Step label {margin-top: 20px;} .Checkout .Step .actionbar { margin-top: 20px; margin-bottom: 20px;} .Checkout .progress { height: 505px;padding: 20px;margin-left: 20px;background: white; border-radius: 0;} .Checkout .progress li { padding:2px; margin:0; } .Checkout .progress li .address { float:none; display:block; border:0px; padding:6px; } .Checkout .progress .address:hover { cursor:pointer; } .Checkout .progress li h4 { margin:0 -4px 6px; background:#aaa; padding:4px; color:#fff; border-radius: 0; font-weight:bold;} .Checkout .progress a, .Checkout .order-summary a {color: #da2128;} .Checkout .order-summary {margin-left: 20px;} .Checkout .order-summary h4 {font-weight: bold;padding-bottom: 15px;} .Checkout .checkout-title {padding: 20px 15px;background-image: -webkit-linear-gradient(top, #c8c8c8 0%, #bbbbbb 100%);background-image: -o-linear-gradient(top, #c8c8c8 0%, #bbbbbb 100%);background-image: linear-gradient(to bottom, #c8c8c8 0%, #bbbbbb 100%);background-repeat: repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc8c8c8', endColorstr='#ffbbbbbb', GradientType=0);border-bottom: 5px solid white; font-size: 18px;color: #333;font-weight: bold;margin-top: -85px;margin-bottom: 45px;} .Checkout .step-sub p {font-size: 16px; padding: 10px;} .dialog-shade { width:100% !important; height:100% !important; background:url('img/black-50.png') !important; position:fixed !important; top:0 !important; left:0% !important; } a.btn-default { color: #777 !important;} /************** home page ************************/ .LinkList-Vertical div.col-md-12 {*padding: 20px;} .LinkList-Vertical h5.nav-title {font-size: 13px; color: #333333;} .LinkList-Vertical ul.nav-side li a{padding: 5px 0 0 0;} .icon-partners { background: url(img/icon-partners.png) no-repeat center; } .icon-catalogs { background: url(img/icon-catalogs.png) no-repeat center; } /**************** Search Results ***************/ .SearchProducts div.resulttable {background: white; border: 1px solid #ddd; margin-top: 40px;margin: 0px;} .SearchProducts .total-matches {font-size: 18px; background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); background-repeat: repeat-x;color: #333333;background-color: #f5f5f5;border-color: #dddddd;border: 1px solid #ddd;padding: 10px;} .SearchProducts .item {text-align:center; padding: 5px; border: 1px solid #ddd; margin: 15px;} .SearchProducts .item a {color: #98171c;} .SearchProducts .item a:hover {color: #da2128; text-decoration: none !important;} .searchItemTooltip {display:none;} .ContentSearch {background: white; border: 1px solid #ddd; margin-top: 40px;} .ContentSearch .page-button-container {font-size: 18px;background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); background-repeat: repeat-x;color: #333333;background-color: #f5f5f5;border-color: #dddddd;border: 1px solid #ddd;padding: 10px;} .ContentSearch .item {border-bottom: 1px solid #eee; padding: 10px !important;} .ContentSearch .item .title {font-size: 16px;font-weight: bold;} .ContentSearch .item a {color: #98171c;} .ContentSearch .item a:hover {color: #da2128; text-decoration: none !important;} .ContentSearch .page {padding: 15px;} /**************** Buttons & Gradients ***************/ .actionbar {float:right;} .actionlink {border-radius: 0;padding: 10px 16px;font-size: 16px;font-weight: bold;text-transform: uppercase; border; none !important; *border: 1px solid gray; box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);} .btn {border-radius: 0 !important;} .actionlink-primary, .btn-primary { color:White !important; background: -webkit-linear-gradient(#d7212c, #7c171c) !important; /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#d7212c, #7c171c) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#d7212c, #7c171c) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#d7212c, #7c171c) !important; /* Standard syntax (must be last) */ } .actionlink-secondary { color:#333; background: -webkit-linear-gradient(#dad9d9, #afb0b0); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#dad9d9, #afb0b0); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#dad9d9, #afb0b0); /* For Firefox 3.6 to 15 */ background: linear-gradient(#dad9d9, #afb0b0); /* Standard syntax (must be last) */ } /******************************* SF Overrides ******************************************/ .sfBreadcrumbWrp .RadSiteMap .sfBreadcrumbNavigation .rsmLink { color: #333 !important; text-decoration: none !important; background: none !important; font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 12px; } .sfBreadcrumbWrp .RadSiteMap .sfBreadcrumbNavigation {margin-top: -0.75px;} a:link, a:visited, a:hover, a:active color: #777 !important; text-decoration: none; } .sfBreadcrumbWrp .sfBreadcrumbLabel {padding-right: 10px;} .sf_2cols_2_67 {padding-left:10px;} /******************************* jQueryUI Overrides ******************************************/ .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {border-radius: 0px !important;} .ui-dialog .ui-dialog-titlebar {background: none; border: none; border-bottom: 1px solid #aaaaaa; border-radius: 0px; padding: 15px;} .btn-success {color: #fff !important; background-color: #5cb85c !important; border-color: #4cae4c !important;} /************************* Bootstrap Overrides *****************************************/ @media (min-width: 1200px) { .container { max-width: 1170x; } } .form-control:focus {border-color: whitesmoke !important; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #7c171c !important;} .modal-dialog h4 {font-size:20px;} .form-control {border-radius: 0px !important;} .btn {white-space: normal !important;} /*************************************** PIM ******************************************/ /*ProductDetail*/ .ProductDetail .breadcrumbs.visible-lg, .ProductDetail .breadcrumbs.visible-mg {margin-top: -85px;} .ProductDetail #product-intro {*margin-top:75px;} .ProductDetail .panel-body li { padding:10px 0; *background: -webkit-linear-gradient(white, whitesmoke); /* For Safari 5.1 to 6.0 */ *background: -o-linear-gradient(white, whitesmoke); /* For Opera 11.1 to 12.0 */ *background: -moz-linear-gradient(white, whitesmoke); /* For Firefox 3.6 to 15 */ *background: linear-gradient(white, whitesmoke); /* Standard syntax (must be last) */ } .ProductDetail .margin-bottom-lg {margin-bottom: 20px;} .ProductDetail p {margin-top:10px;} .ProductDetail .price {font-weight:bold; font-weight: bold;font-size: 16px;color: #555 !important;padding-left: 5px !important; float:left !important;} .ProductDetail select {width: 50%;border-radius: 0;margin-bottom: 20px;margin-top: 5px;} .ProductDetail .edp {font-weight:bold;} .ProductDetail h2 {color: #333 !important; font-size: 30px; font-weight: 500;line-height: 1.1;} @media (max-width: 768px) { .ProductDetail h2 {font-size: 25px !important;} } .ProductDetail .sectionbuttons { width:100%;} .ProductDetail .sectionbuttons a {color: #333;} .ProductDetail #product-media-carousel {background: white;height: 330px;margin-top: 40px;margin: 40px 5px 20px 15px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);} .ProductDetail .embed-responsive.embed-responsive-16by9 {padding-bottom:66.25% !important;} .ProductDetail .cart-qty {width:11% !important; display: inline-block !important;padding: 6px 10px !important;text-align: center;} .ProductDetail .action-addToCart {padding: 5px 12px !important; font-size:16px !important; margin-top:-1px !important;} .ProductDetail #product-media-thumbnails-carousel {*margin-top: 20px !important; *width: 85% !important; *margin-left:5% !important;} .ProductDetail .carousel-inner {position: relative;overflow: hidden;width: 100%;} .ProductDetail .carousel-inner .item a {height:45px !important; width: 60px !important;} .ProductDetail .carousel-inner .item a img {height: inherit !important; width: inherit !important;} .ProductDetail #contactbutton {text-transform: none;color: white;font-size: 14px;font-weight: bold;white-space: pre-line;width: 80px;padding-top: 3px;padding-bottom: 4px;padding-left: 12px;text-align: center;} .ProductDetail .slider { margin: 50px 0 10px!important;} .ProductDetail #carousel li {margin-right: 5px;} .ProductDetail #carousel img {display: block; opacity: .5; cursor: pointer; width: 100% !important;} .ProductDetail #carousel img:hover {opacity: 1;} .ProductDetail #carousel .flex-active-slide img {opacity: 1; cursor: default;} .ProductDetail .black-header-with-white-text {text-align: center; font-weight: bold; font-size: 16px;} .breadcrumbs a {color: #777 !important;} .breadcrumbs a:hover {color: #da2128 !important;} #requestmoreinfo .modal-body{min-height: 630px !important;} #requestmoreinfo .modal-body iframe {min-height: 600px !important;} .ProductDetail .margin-top-lg {margin-top:-5px;} .ProductDetail #slider { margin-top:40px; margin-left: 10px;} .ProductDetail #carousel{ width: 75%;margin: 0 auto;margin-top: -40px;background: none;border: none;box-shadow: none;} .ProductDetail #images { margin-top: 15px; margin-bottom: 30px;} .ProductDetail #images #slides .owl-item { border: white 5px solid;} .ProductDetail #images #slides .owl-item .item {padding: 10px;background: white !important;} .ProductDetail #images #slides .owl-item .video {padding: 0px;background: transparent;} .ProductDetail #images #slides .owl-buttons {position:absolute; z-index: 2; top: 45%; width: 100% !important; height: 0px !important;} .ProductDetail #images #slides .owl-buttons .owl-prev,.ProductDetail #images #slides .owl-buttons .owl-next {border: none;background: none;font-size: 20px;color: indianred;} .ProductDetail #images #slides .owl-buttons .owl-prev {float:left;} .ProductDetail #images #slides .owl-buttons .owl-next {float:right;} .ProductDetail #images #thumbs .owl-item {width: 60px !important; margin: 2px; cursor:pointer;} .ProductDetail #images #thumbs .owl-item .item img{max-height: 50px !important;width: 60px !important;} .ProductDetail .icon {float:right; display: inline-block; background-repeat: no-repeat; cursor:pointer;} .ProductDetail .madein-amer { background-image: url('img/Made-in-America.png'); width: 82px;height: 70px;margin-top: 20px; background-size:contain;} .ProductDetail .imported { background-image: url('img/Global-Series.png'); height: 82px;width: 79px;margin-top: 20px; background-size:contain;} .ProductDetail .cloud-zoom-wrap {background: white;} .ProductDetail .cloud-zoom img {width: 100% !important;} .ProductDetail .list-detail a {color: #777 !important; font-weight: normal !important;} .ProductDetail .list-detail a:hover {color: #da2128 !important;} .pg-product .main-content .panel-body {max-width: 100%;} .breadcrumbs-mobile a, .sfBreadcrumbWrp a, .pg-product .sfBreadcrumbWrp a:link, .pg-product .sfBreadcrumbWrp a:visited, .pg-product .sfBreadcrumbWrp a:hover, .pg-product .sfBreadcrumbWrp a:active {color: #333 !important;text-decoration: none;} .pg-product .itemid {color: #777 !important;} .ProductDetail .panel .panel-heading h3 {padding: 0 !important; margin: 0 !important;} .ProductDetail ul.data h2 {font-size: 20px !important;} .ProductDetail ul.data li.list-detail span {width: auto !important;} .ProductDetail #miaModal .modal-body {height: 300px;} .ProductDetail .fa-spinner {*display: none;} /*hide until ecomm ready */ .ProductDetail #videothumbs .item {width: 340px;} .ProductDetail .mobbc a {color: #777 !important;} .ProductDetail .icon-download {display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .ProductDetail .icon-download:before {content: "\f019";} @media (max-width: 768px) { .btn-responsive { padding:2px 4px; font-size:80%; line-height: 1; border-radius:3px; } } @media (min-width: 769px) and (max-width: 992px) { .btn-responsive { padding:4px 9px; font-size:90%; line-height: 1.2; } } .ProductDetail #videothumbs .item {width: 340px;} /*SearchCategory*/ #SearchCategoryWrap { width:103%; margin-left:-14px; background:white !important; } #SearchCategoryWrap a.arrow {float:right;} #SearchCategoryWrap .content-row {*background: white; margin-left:-15px; padding-bottom: 50px; *margin-bottom:-40px;} #SearchCategoryWrap .panel-group .panel + .panel {margin-top:-1px !important; border-radius: 0px !important;} #SearchCategoryWrap .panel-heading {background-color: #e2e2e2 !important; border-radius:0px !important;} #SearchCategoryWrap .filter-heading {text-align: center !important; padding:20px !important; color:#333 !important; background: -webkit-linear-gradient(#e2e2e2, #ffffff) !important; background: -o-linear-gradient(#e2e2e2, #ffffff) !important; background: -moz-linear-gradient(#e2e2e2, #ffffff) !important; background: linear-gradient(#e2e2e2, #ffffff) !important; } #SearchCategoryWrap .filter-heading #items-found-label {font-weight: bold;} #SearchCategoryWrap .compare-row .controls { color:#333; background: -webkit-linear-gradient(#e2e2e2, #ffffff); background: -o-linear-gradient(#e2e2e2, #ffffff); background: -moz-linear-gradient(#e2e2e2, #ffffff); background: linear-gradient(#e2e2e2, #ffffff); padding: 21px; margin-left: -15px; } #SearchCategoryWrap span.compare, #SearchCategoryWrap #filter-toggle {font-weight: normal; font-size: 14px !important; } #SearchCategoryWrap .pad {padding: 0px 15px;} #SearchCategoryWrap #filter-results {} #SearchCategoryWrap #filters {background: white; border-right: 1px solid #ddd; min-height: 10px;margin-top: -20px;} #SearchCategoryWrap .filter-attribute {text-transform: uppercase;font-size: 16px !important;color: #333;background-color: #e2e2e2;background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);border-top: 1px solid #dddddd;padding: 10px 15px;border-bottom: 1px solid #dddddd;} #SearchCategoryWrap .filter-values {padding:15px;} #SearchCategoryWrap .filter-values li {padding-bottom:2px;} #SearchCategoryWrap .filter-values li i {font-size: 16px;vertical-align: bottom;padding-right: 5px;} #SearchCategoryWrap .filter-values .filter-remove {font-weight: bold; color: #555;} #SearchCategoryWrap .col-md-9 {margin-left:-15px;} .SearchCategory .item {*min-height:350px; text-align:center;} .SearchCategory .item img {*width:160px; *height: 160px; border:none !important;} .SearchCategory .item .price div {display:inline-block;} .SearchCategory .col-md-4 {*border-bottom: 1px solid #ccc; } .SearchCategory .item .info {min-height: 195px;*padding-top: 10px; *height: 85px; *padding-bottom: 40px;} .SearchCategory .mobile.item .info {min-height:0px; height: auto;} .SearchCategory .col-md-4 .compare {padding-top: 3px;padding-bottom: 2px;} #SearchCategoryWrap i:hover {cursor:pointer;} .SearchCategory .middle:before {content:""; background:#ccc; position:absolute; bottom:25%; left: 0; height: 50%; width: 1px;} .SearchCategory .middle:after {content:""; background:#ccc; position:absolute; bottom:25%; right: 0; height: 50%; width: 1px;} .SearchCategory .thumbnail {border: none !important; box-shadow:none !important;} .SearchCategory .list-item-table {padding-left: 20px; padding-right: 50px;} .SearchCategory .list-item-table .row {height: 155px; border-bottom: 1px solid #ddd;text-align: center; padding-top:20px;} .SearchCategory .list-item-table .row .edp a {font-size: 16px; color: #777 !important; font-weight:bold;} #SearchCategoryWrap .option-dropdown {padding: 7px 2px;} #SearchCategoryWrap .glyphicon-chevron-left:hover, #SearchCategoryWrap .glyphicon-chevron-right:hover {cursor:pointer;} #SearchCategoryWrap .panel-group .panel {border-radius: 0 !important;} #SearchCategoryWrap .content-row .pages {text-align:center; border-radius: 0 !important; box-shadow: none !important;width: 104% !important; margin-left: -30px !important;} #SearchCategoryWrap .content-row .pages .panel-heading {height: 37px !important;border-bottom: 0 !important;} #SearchCategoryWrap .displayModeButton {border-radius: 0 !important;} #SearchCategoryWrap .header-row {padding: 20px !important; background: -webkit-linear-gradient(#e2e2e2, #ffffff) !important; background: -o-linear-gradient(#e2e2e2, #ffffff) !important; background: -moz-linear-gradient(#e2e2e2, #ffffff) !important; background: linear-gradient(#e2e2e2, #ffffff) !important; margin-left: 0px !important; margin-right: 0px !important;} #SearchCategoryWrap .header-row .col-md-3 h2 {text-align: center;} #SearchCategoryWrap .header-row h2 {padding-left: 20px;} #SearchCategoryWrap .header-row .col-md-9 {border-top: 1px solid #ccc;border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; margin-left: -30px;background: #dddddd; padding: 15px 0px;} #SearchCategoryWrap .header-row .col-md-3 {border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;margin-left: 15px;background: #dddddd;padding: 15px 0px;} #SearchCategoryWrap .description a {font-size: 15px; font-weight: bold; color: #777;} #SearchCategoryWrap .description a:hover {color: #da2128; text-decoration: none;} #SearchCategoryWrap .edp {color: #777;} #SearchCategoryWrap li.show-more {font-weight: bold;color: #333;color: #777;padding-top:5px;} #SearchCategoryWrap li.show-more:hover {cursor:pointer; color: #da2128;} #SearchCategoryWrap div.proddivider {background: #ddd;height: 285px;width: 1px;float: right;margin-right: -15px;margin-top: 35px;} #SearchCategoryWrap li.filter-add:hover {cursor: pointer;} #SearchCategoryWrap .compare {cursor: pointer;} #SearchCategoryWrap #compareItems .compwrap {border-bottom: 1px solid #ddd;padding-bottom: 15px;} #SearchCategoryWrap #compareItems span {display:inline-block;margin-left:5px; margin-right: 5px;} #SearchCategoryWrap #compareItems span:hover {cursor:pointer;} .SearchCategory .comp-sel {font-weight: bold;color: #777;} #SearchCategoryWrap #compareResult th {font-weight:bold; color: #777;} #SearchCategoryWrap #compareResult th a {color: #da2128;} .SearchCategory .price .actionlink {cursor:pointer;font-weight: normal;} .SearchCategory .price .actionlink:hover {cursor:pointer;} .SearchCategory .action-addToCart {padding: 3px 11px 3px 10px;margin-top: -2px;} #SearchCategoryWrap .content-row .mobile {background: transparent !important;} #SearchCategoryWrap .content-row .mobile .pages {width: 100% !important; margin-left: 15px !important;} #SearchCategoryWrap .content-row .mobile .info {min-height:10px; height: auto;} #SearchCategoryWrap .header-row aside {text-align: left !important; width: auto !important; margin-bottom: 0px !important;} #SearchCategoryWrap .header-row aside h1 {margin: 0px !important; padding-bottom: 0px; border-right: 4px solid #da2128 !important;} @media (min-width: 768px) { .starrett3d-bom-table { *overflow-x: auto; } } /*************************************** References ******************************************/ .CompetitorCrossReference select.form-control {width:97%;} .CompetitorCrossReference input.form-control {width: 80%;display: inline;margin-left: -42px;} .CompetitorCrossReference input.actionlink {padding: 3px 20px 6px 20px;margin-left: -5px;} .CompetitorCrossReference .well {background: #e1e1e1;border-radius: 0;width: 97%;} #DocumentList .main-content p strong {color:#777 !important;} #DocumentList .link {height: 80px;padding: 0px 25px !important;} #DocumentList .filedetail {text-transform: uppercase;} #DocuemtnList ul.pagination > li > a, .pagination > li > a, .pagination > li > span, .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {border-radius: 0 !important; color: #333 !important;} #DocumentList .downloadlist .link a {color: #333 !important; font-weight: bold; text-transform: uppercase; font-size: 13px;} #DocumentList .downloadlist .link a:hover, #DocuemtnList ul.pagination li a:hover {color: #da2128 !important; text-decoration:none;} #DocumentList .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {background-color: whitesmoke !important; border-color: #dddddd !important;} #DocumentList .active a {color: #777 !important;} #DocumentList input {margin: 0 0 20px 15px;width: 90%;} #DocumentList nav {text-align: center;} #DocumentList .filedetail {color: #777;} /*************************************** Distributors ******************************************/ /*DistributorSearch*/ .DistributorSearch #prodline {} .DistributorSearch #userZipcode {} .DistributorSearch select {} .DistributorSearch .options {padding: 0 30px; } .DistributorSearch #btnFindAsync {font-size:12px; padding: 7px 10px 3px 10px; float:right;display: inline-block;} .DistributorSearch #map_canvas {width: 100%; height: 500px; position: relative; overflow: hidden; transform: translateZ(0px); background-color: rgb(229, 227, 223);} .DistributorSearch .map {margin: 0 auto;text-align: center; width: 100%;} .DistributorSearch div.active {font-weight: bold;} .DistributorSearch #natl-distributors td {height: 125px;width: 230px;text-align: center;vertical-align: middle;padding: 10px;*opacity: 0.4;*filter: alpha(opacity=40);} .DistributorSearch #natl-distributors td img {width: 75%; } .DistributorSearch #natl-distributors td:hover {*opacity: 1;filter: *alpha(opacity=100); background: whitesmoke; border: 1px solid #ccc;} .DistributorSearch #local-tab:hover {cursor:pointer;} .DistributorSearch #natl-tab:hover {cursor:pointer;} .DistributorSearch .flag-selector:hover {cursor:pointer;} .DistributorSearch #findAsyncResults-mobile .distributors {padding: 40px;} .DistributorSearch .distributors .item {padding-bottom: 8px;border-bottom: 1px solid #ccc;margin-bottom: 10px;} .DistributorSearch .distributors .item .title {font-weight:bold;} .DistributorSearch .distributors .item .title span {background-size: contain !important;} .SsoLogin .DistributorPortal .loggedin .username {display: inline-block;float: right;padding-right: 15px;} .SsoLogin .DistributorPortal .loggedin .userbuttons {float: right;margin-top: 15px;} .SsoLogin .DistributorPortal .loggedin .userbuttons span {font-size: 12px;} .page-dp .content a {color: #da2128 !important;} .page-dp .OrderList aside {display:none;} .page-dp .OrderList article {width: 100% !important; padding-left:0px;} .page-dp .OrderList article .panel-heading h3 {display: block; margin-top: 0px !important;} .page-dp .OrderList article .panel-heading .pull-right {top: 20px !important;} .DistributorPortal {padding-right: 18px;} .DistribUserOptions {float: right;margin-top: 20px;} .DistribUserOptions .impers {border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 10px 0px 10px 10px;margin-bottom: 10px;margin-top: -20px;} .DistribUserOptions .nav li span {text-transform: uppercase; padding: 2px 0; cursor: pointer;} .DistribUserOptions .modal-content {text-align: left !important;} .DistributorLocations {padding: 20px;} .DistributorLocations .add-location {float: right; margin-top: -32px;} .DistributorLocations .loc-search {margin-top:10px; margin-bottom:10px; width: 98%;} .DistributorLocations .loc-search div {padding-left: 0px; padding-right: 0px;} .DistributorLocations .locationitem .item {padding-bottom: 15px; border-bottom: 1px solid #ccc; margin-bottom: 15px;} .DistributorLocations .prodLines {margin-top: 10px; display: block;} .DistributorLocations .prodLne-tag {display: inline-block;min-width: 10px;padding: 3px 7px;font-size: 12px;font-weight: bold;color: #ffffff;line-height: 1;vertical-align: baseline;white-space: nowrap;text-align: center;background-color: #777777;border-radius: 10px;} .e-prodlinetag {} .e-prodlinetag i:hover{ cursor: pointer;} .e-prodlinetag.selected {*content: "\f046" !important; color: #FFF; padding: 5px 10px; line-height: 1; vertical-align: baseline; white-space: nowrap; text-align: center; background-color: #777;} .DistributorFileList {padding-left: 20px;padding-right: 20px;} .DistributorFileList .glossy {font-weight: bold !important;font-size: 16px !important;padding-bottom: 5px;} .DistributorFileList ul.filelist {padding-left: 10px; padding-bottom: 15px;border-bottom: 1px solid #ccc; margin-bottom: 15px;} .DistributorFileList .fileitem a {color: #333 !important;} .DistributorFileList .fileitem span {color: #777 !important;} .DistributorFileList .fileitem:hover a {color: #da2128 !important;} .DistributorFileList .fileitem a:visited {color: #777 !important;} .DistributorProfiles .pill {display: block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: normal; color: black; line-height: 1; vertical-align: baseline; white-space: nowrap; text-align: center; background-color: whitesmoke; border-radius: 10px; border: 1px solid #ccc; margin-bottom: 1px;} .DistributorProfiles .pill-on { background-color: #aaa; font-weight: bold;} .DistributorProfiles .isMaster {content: ""; } .DistributorProfiles .add-profile {display: block; margin-bottom: 10px;} .DistributorProfiles .fa-check-square-o {cursor: pointer;} .DistribPendingRequests .prodLne-tag {display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; color: #ffffff; line-height: 1; vertical-align: baseline; white-space: nowrap; text-align: center; background-color: #777777; border-radius: 10px;} /************* Facilities **************/ .facility-cat {border-bottom: 1px solid #ccc;margin-bottom: 30px !important;} .facility-cat .FancyTitle h1.main-title {border: none !important;font-size: 22px !important;text-transform: capitalize;text-align: left !important;display: block;width: 100%;} .facility-cat .WideContentBox h1 {font-weight:bold; padding-bottom: 10px;} .facility-cat .WideContentBox a[href^="mailto"] { background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background-image: -o-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #dbdbdb; text-shadow: 0 1px 0 #fff; padding: 5px 10px; font-size: 12px; line-height: 1.5; border: 1px solid #ccc; color: black; margin-top: 20px; display: block; text-transform: uppercase; width: 45%; text-align: center; } /*************************************** Content ******************************************/ /*GenericContent*/ .GenericContent .main-content {padding: 0px 50px 0px 40px;} /*LandingPageBanner*/ .LandingPageBanner {width: 100% !important; margin: 0 !important; height: 260px;} .LandingPageBanner .ytthumb {float:right; width: 100% !important;} .LandingPageBanner .ytthumb a img {height: auto; width: 95%; padding: 20px 0 0 20px;} .LandingPageBanner .media {padding: 10px 0 0 0;} .LandingPageBanner .jcarousel-skin-420x315 .jcarousel-container-horizontal {width: 100%;} .LandingPageBanner .jcarousel-skin-420x315 .jcarousel-clip-horizontal {width: 100%;} .LandingPageBanner .jcarousel-skin-420x315 .jcarousel-item-horizontal {width: 100%;} .LandingPageBanner .jcarousel-skin-420x315 .jcarousel-item-horizontal img {height: auto; width: auto;} /*FancyTitle*/ .FancyTitle h1 { *margin-right: -30px; font-size: 26px !important; text-transform: uppercase; color: #333333; border-right: 4px solid #da2128; *width: 30%; margin-bottom: 20px; padding-right: 30px; /* color: #777777; */ text-align: right; } .WideContentBox {padding: 0 20px;} .WideContentBox h1, .WideContentBox .sfTxtContent {font-size:18px !important; padding-bottom: 10px; font-weight: bold !important;} .WideContentBox ul, .WideContentBox ol {list-style: inherit;padding-top: 10px; margin-left: 30px;} .WideContentBox ol {list-style-type: decimal;} .WideContentBox li {padding-bottom: 5px;} .WideContentBox .link {margin-top: 15px;} .WideContentBox .link a {text-transform: uppercase;border-color: #333;padding: 6px 12px;font-size: 14px;margin-bottom: 30px;font-weight: normal;line-height: 1.428571429;text-align: center;white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid transparent; color: White !important; background: #da2128; background: -webkit-linear-gradient(#d7212c, #7c171c) !important; background: -o-linear-gradient(#d7212c, #7c171c) !important; background: -moz-linear-gradient(#d7212c, #7c171c) !important; background: linear-gradient(#d7212c, #7c171c) !important; border-bottom: none;} .WideContentBox .content img {float: right;padding: 20px;} .WideContentBox h3 {line-height: 1.5 !important; font-size: 16px !important;} .WideContentBox .link {float: right;display: block;} .WideContentBox hr {margin-top: 55px !important;} .WideContentBox .sfTxtContent p {font-size: 14px !important; font-weight: normal !important;} .ImportantLinks {padding: 0 20px;padding-bottom: 40px;} .ImportantLinks h2{font-size: 18px !important; font-weight: bold !important; padding-bottom: 10px;} .ImportantLinks .content + ul li a {color: #333 !important;} .ImportantLinks .content + ul li a:hover {color: #d7212c !important;} .ThumbnailTextLinkBox {padding: 0 20px; border-bottom: 1px solid #ccc; padding-bottom: 20px;} .ThumbnailTextLinkBox h1 { font-size: 18px !important; padding-bottom: 10px; font-weight: bold !important;} .ThumbnailTextLinkBox .item .title {font-size: 16px;} .ThumbnailTextLinkBox .item .text { min-height: 100px;} .ThumbnailTextLinkBox .item .btn {position: absolute; bottom: 0; right: 0;} .ThumbnailTextLinkBox .item .btn a{color: white !important;} .ThumbnailTextLinkBox a {color: #333 !important; font-weight: 600;} ul.sfdownloadList {padding: 0 20px;} /*CortonaViewerDownload*/ .CortonaViewerDownload .links {float: right; margin-top: 10px; margin-bottom: 25px;} /*CortonaList*/ .CortonaList{padding-left:50px; color: #777;} .CortonaList .items {padding-top: 20px;} .CortonaList .item {padding-bottom: 10px;} .CortonaList .item a {color: #333;} .CortonaList .item a:hover {font-weight: bold; color: #da2128;} .CortonaList .item-search h3 {font-size: 18px;padding-bottom: 10px;color: black;} .CortonaList .item-search input {width: 90%;} /*DDAList*/ .DDAList{padding-left:50px; color: #777;} .DDAList .items {padding-top: 20px;} .DDAList .item {padding-bottom: 10px;} .DDAList .item a {color: #333;} .DDAList .item a:hover {font-weight: bold; color: #da2128;} .DDAList .item-search h3 {font-size: 18px;padding-bottom: 10px;color: black;} .DDAList .item-search input {width: 90%;} /*Videos*/ .Videos .video {height: 250px;padding: 0px 30px;margin-bottom: 20px;} .Videos .video .desc {padding-top: 15px; min-height: 90px;} .Videos .video img {width: 110% !important; margin-top: 10px; } /*List*/ .sfexpandableListWrp .sflistListItem { margin-bottom: 10px !important;} .sfexpandableListWrp .sflistListItem h3{font-size: 15px !important; } .sfexpandableListWrp .sflistListItem h3 a {color: #777 !important;} .sflistExpandAllLnkWrp a {color: #7c171c !important;} .sfexpandableListWrp .sflistTitle {padding-bottom: 15px !important; font-size: 16px !important; font-weight:bold !important;} /*RSSFeed*/ .NewsWidget {margin-top: 40px;padding: 0 20px;} .NewsWidget .title {font-size: 18px;} .NewsWidget .allnews {float:right;} .NewsWidget .item {padding: 20px;border-bottom: 1px solid #ddd;} .NarrowImageContentBox {padding: 20px;} .nvlap h1 {font-size: 18px;} .nvlap img {float: right;padding: 20px;} .general-faq {padding: 20px;} .general-faq .sflistListItem {padding-bottom: 20px;} .general-faq .sflistListItem .sflistItemContent {padding: 15px 15px 0 15px; border-bottom: 1px solid #ccc;} .cortona-faq {padding:30px;} /*minimenu - SubcategoryList*/ #SubcategoryList article h5 {font-size: 16px;border-bottom: 1px solid #ccc;padding-bottom:20px; padding-left:20px; margin-left:20px; margin-bottom:20px;} #SubcategoryList article h5 span {height: 35px;} #SubcategoryList article h5 a {color: #333 !important;} .Services .sfContentBlock {padding: 0 35px;} /*link list */ .links a {color: #333 !important; padding: 0 10px 5px; display: block;} .links a:hover {color: #da2128 !important; font-weight:bold;} /*box links */ .boxlinks .WideContentBox {padding: 20px;} .boxlinks .WideContentBox img {float: left;padding: 10px;padding-bottom: 110px;} .boxlinks .WideContentBox .link {float: none; margin-top: 15px; text-align: center;} /*region selector */ #region-1.tab { background-image:url('img/131x105---The-Americas-(black).png'); width:223px; height:105px; background-repeat:no-repeat;background-size:contain;background-position:center; } #region-1.sel { background-image:url('img/131x105---The-Americas-(red).png'); width:223px; height:105px; background-repeat:no-repeat;background-size:contain;background-position:center; } #region-2.tab { background-image:url('img/131x105---Europe-(black).png'); width:223px; height:105px; background-repeat:no-repeat;background-size:contain;background-position:center; } #region-2.sel { background-image:url('img/131x105---Europe-(red).png'); width:223px; height:105px; background-repeat:no-repeat;background-size:contain;background-position:center; } #region-3.tab { background-image:url('img/131x105---Africa-and-Middle-East-(black).png'); width:223px; height:105px; background-repeat:no-repeat;background-size:contain;background-position:center; } #region-3.sel { background-image:url('img/131x105---Africa-and-Middle-East-(red).png'); width:223px; height:105px; background-repeat:no-repeat;background-size:contain;background-position:center; } #region-4.tab { background-image:url('img/131x105---Asia-(black).png'); width:223px; height:105px; background-repeat:no-repeat;background-size:contain;background-position:center; } #region-4.sel { background-image:url('img/131x105---Asia-(red).png'); width:223px; height:105px; background-repeat:no-repeat;background-size:contain;background-position:center; } #region-5.tab { background-image:url('img/131x105---Australia-and-New-Zealand-(black).png'); width:223px; height:105px; background-repeat:no-repeat;background-size:contain;background-position:center; } #region-5.sel { background-image:url('img/131x105---Australia-and-New-Zealand-(red).png'); width:223px; height:105px; background-repeat:no-repeat;background-size:contain;background-position:center; } /*document download (sf overrides) */ .DocumentDownload {padding: 0 20px;} .DocumentDownload i.fa {color: #777;} .DocumentDownload .sfInfo {display: inline-block;color: #777;} .DocumentDownload .sfdownloadFile {height: 80px;} .DocumentDownload a {color: #333 !important; font-weight:bold;text-transform: uppercase;font-size: 13px;} .DocumentDownload a:hover {color: #da2128 !important;} .DocumentDownload input {margin: 0 0 20px 15px; width: 96%;} .DocDownloadPager {text-align: center;margin-left: -20%;} .DocDownloadPager .sf_pagerNumeric a:link {background-color: whitesmoke;border-color: #ddd;color: #333;cursor: default;padding: 6px 12px;} .DocDownloadPager .sf_pagerNumeric a.sf_PagerCurrent:link, .DocDownloadPager .sf_pagerNumeric a.sf_PagerCurrent:visited, .DocDownloadPager .sf_pagerNumeric a.sf_PagerCurrent:hover, .DocDownloadPager .sf_pagerNumeric a.sf_PagerCurrent:active {background: #da2128 !important;} /* news (product applications */ .sfnewsList {padding: 0 px 30px;} .sfnewsList .sfnewsListItem {border-bottom: 1px solid #ccc !important;padding-bottom: 20px !important;margin-bottom: 30px !important;} .sfnewsList .sfnewsListItem .sfnewsTitle {padding-bottom: 10px; font-size: 18px; font-weight: normal; } .sfnewsList .sfnewsListItem .sfnewsTitle a {color: #333 !important;} .sfnewsList .sfnewsListItem .newItem-listimage {width: 30% !important;} .sfnewsList .sfnewsListItem .newItem-listimage img {width: 100% !important;} .sfnewsList .sfnewsListItem .btn {float:right !important;} .sfnewsList .sfnewsListItem .btn a {color: white !important;} .sfnewsList .sfnewsListItem .sfnewsSummary {font-family: Helvetica,Arial,sans-serif !important; font-size: 14px !important;line-height: 1.428571429 !important; color: #333 !important;} .sfnewsDetails {padding: 0 20px !important; margin-top: 0px !important;} .sfnewsDetails .sfnewsTitle {padding: 0px !important;} /*Location Selector */ .LocationSelectByRegion #tab-container {margin-bottom: 45px;} .LocationSelectByRegion .tab {width: 18% !important; display: inline-block;} .LocationSelectByRegion .tab:hover {width: 18%;} .LocationSelectByRegion #panel-container {min-height: 300px;} .LocationSelectByRegion .item {padding-left: 10px;padding-bottom: 5px;font-size: 16px;} .LocationSelectByRegion .item a {color: #333 !important;} .LocationSelectByRegion .item a span {color: #777 !important;} .LocationSelectByRegion .item a:hover {color: #da2128 !important;} .sfeventsList {padding-left: 20px;} .sfeventsList .sfeventListItem .col-md-2 span {font-size: 35px; color: #777;} .sfeventsList .sfeventListItem .col-md-2 span i {vertical-align: top;} .sfeventsList .sfeventListItem .col-md-10 {margin-top: -35px;} .sfeventsList .sfeventTitle a {text-transform: uppercase;font-size: 16px;color: #333;} .sfeventsList .sfeventTitle a:hover {color: #da2128;} .sfeventsListTitleCityDateContent {padding-bottom: 20px !important;} .sfeventMetaInfo {font-size: 14px !important;} .sfeventContent {padding-top: 0px !important; color: #777; min-height:60px !important;} .main-footer-socialbar .social-icons > a {color: #333 !important;} .main-footer-socialbar .social-icons > a:hover {color: #da2128 !important; } /*contact page */ .pg-contact .sfFormsEditor {padding:30px; background: white;margin: 0 20px; -webkit-box-shadow: 0px 2px 26px 0px rgba(0,0,0,0.39); -moz-box-shadow: 0px 2px 26px 0px rgba(0,0,0,0.39); box-shadow: 0px 2px 26px 0px rgba(0,0,0,0.39);} .pg-contact .sfFormsEditor .sfFormInstructions span {color: #333 !important;} .pg-contact .sfFormsEditor input, .pg-contact .sfFormsEditor select , .pg-contact .sfFormsEditor textarea {display: block;width: 100% !important;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.428571429;color: #555555;background-color: #ffffff;background-image: none;border: 1px solid #cccccc;} .pg-contact .sfFormsEditor .sfFormSubmit {float: right; margin-top: -10px;} .pg-contact .sfFormsEditor .sfFormSubmit input {color: White !important;background: -webkit-linear-gradient(#d7212c, #7c171c) !important;background: -o-linear-gradient(#d7212c, #7c171c) !important; background: -moz-linear-gradient(#d7212c, #7c171c) !important;background: linear-gradient(#d7212c, #7c171c) !important;border: 1px solid #cccccc;width: 100%;height: 34px;padding: 6px 12px;} .pg-contact #ContentPlaceHolder4_ctl00_ctl05_C018_ctl00_ctl00_C021, .pg-contact #ContentPlaceHolder4_ctl00_ctl05_C018_ctl00_ctl00_C028,.pg-contact #ContentPlaceHolder4_ctl00_ctl05_C018_ctl00_ctl00_C029 {display:none;} .CategoryInfo {} .CategoryInfo .title { font-size:30pt; } .CategoryInfo .desc { padding:20px; margin:-20px 0 20px; border:1px solid #bbb; background:linear-gradient(to top, #e0e0e0, #ccc); } .hideMe { display:none !important; } .main-content.text-1 { font-size: 14px !important; } .main-content.text-2 { font-size: 15px !important; } .main-content.text-3 { font-size: 16px !important; } /* table fixes for mobile */ .blade-select-table th {font-size: 16px; font-weight: 600;} @media (max-width: 768px) { .blade-select-table img { width: 30px !important; height: 30px !important; } } /* flicker icon fix - temp */ .fa-flickr:before {content: "" !important;} .btn-success {color: #fff !important; background-color: #5cb85c !important; border-color: #4cae4c !important;} .ui-state-default.btn-success, .ui-widget-content .ui-state-default.btn-success, .ui-widget-header .ui-state-default.btn-success {color: #fff !important; background-color: #5cb85c !important; border-color: #4cae4c !important; background-image: none;} .JobPostings h1 { text-align: center; margin-bottom: 0px !important;} .JobPostings .job h3 {font-weight: bold !important;} .JobPostings .job ul li {font-weight: normal; font-size: 14px; list-style: initial;} .JobPostings .job ol li {font-weight: normal; font-size: 14px; } /***************************** Country specific style *************************/ /* Australia */ .Australia #UserSpotDropdown {display: none !important;} .Australia #CartSpotDropdown {display: none !important;} /* China */ .China a.fa-youtube-play:before {content: "\f18a" !important;} .China a.fa-twitter:before {content: "\f16a" !important;} .China a.fa-facebook-square:before {content: "\f23a" !important;} .China #UserSpotDropdown {display: none !important;} .China #CartSpotDropdown {display: none !important;} /* Germany */ .Germany #UserSpotDropdown {display: none !important;} .Germany #CartSpotDropdown {display: none !important;} /* UK */ .UK #UserSpotDropdown {display: none !important;} .UK #CartSpotDropdown {display: none !important;} /*Singapore */