#wrapper { background:#FFFFFF; margin: 0 auto; width: 1024px;} .clear:after { content: ""; display: block; clear: both; } /******************* Layout : HEADER : Start *********************/ .h2{ color: #293E6B; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 24px; padding:34px 0 21px 0px;} .h3{color: #616265; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 14px; padding: 0px;} .h4{color: #616265; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 13px; font-weight: bold; line-height: 18px; padding: 0px;} .p{color: #616265; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 13px; line-height: 20px; padding:0px 0 18px 0px;} .p1{color: #616265; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 13px; line-height: 20px; padding:18px 0 0 15px;} /******************** Layout : Body : Start **********************/ #content {background: #FFFFF; padding:15px 0 0 15px;} /* .dotline { background:url(../images/dotline.png) repeat-x; margin:25px 5px 0 5px; height:1px;} .bottomgap { padding:0 0 20px 0;} */ .dotline { border-top: solid; border-width:1px; color: #b5b7b4; margin:18px 0px 0 0px;} .bottomgap { padding:0 0 9px 0;} /* OLD as of 15th March 2018 #content #main { width: 699px; /***border-right: 1px solid #E4E7E9; padding:0 5px 0 0; float:left; } #content #main h2{ color: #293E6B; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 24px; padding:34px 0 21px 0px;} #content #main h3{color: #616265; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 14px; padding: 9px 0px 3px 0px; font-weight: bold;} #content #main h4{color: #616265; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 13px; font-weight: bold; line-height: 18px; padding: 0px;} #content #main p{color: #616265; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 13px; line-height: 20px; padding: 0px 0 9px 0px;} */ /*START H1 updates*/ #content #main { width:699px; /***border-right: 1px solid #E4E7E9;***/ padding:0 5px 0 0; float:left; /*** new css added here - from .com ***/ font-family: Arial, Helvetica Neue, Helvetica, sans-serif; color: #333; font-size: 13px; line-height: 22px; } #content #main h1{ font-size: 28px; line-height: 41px; margin: 11px 0px; } #content #main h2{ font-size: 22px; line-height: 30px; margin: 11px 0px; } #content #main h3{ font-size: 16px; font-weight: bold; line-height: 22px; margin: 8px 0px; } #content #main h4, h5, h6 { font-size: 14px; font-weight: bold; line-height: 18px; } #content #main a:link, #content #main a:active { color: #1e8ae7; text-decoration: none; } #content #main a:visited { color: #1e8ae7; text-decoration: none; } #content #main a:hover { color: #333; text-decoration: none; } #content #main a.btn-success, #content #main a.btn-commerce, #content #main a.btn-featured, #content #main a.btn-danger, #content #main a.commerce-button { color: #FFFFFF; } /*END H1 Updates*/ #content #main .feature-content {width:700px;} #content #main .feature-content { margin:0;} #content #main .feature-content .indeximage { height:204px;} #content #main .feature-content .enviimage{ height:155px; background:#bfcc3b url(../images/enviimage.jpg) top center no-repeat;} #content #main .feature-content .sciimage { height:155px; background:#3b5279 url(../images/sciimage.jpg) top center no-repeat;} #content #main .feature-content .healthimage { height:155px; background:#7e2c76 url(../images/healthimage.jpg) top center no-repeat;} #content #main .feature-content ul {list-style-type:none; background: url(../images/bgindexfeatureul_new1.png) no-repeat; height:55px; } #content #main .feature-content ul li { padding:12px 0 0 17px; width:215px; height:39px; float:left; margin:0 2px 0 0; background:url(../images/tabbg.png) 0px -156px no-repeat; } #content #main .feature-content ul li.last { margin:0; } #content #main .feature-content ul.envitab li.currenttab, #content #main .feature-content ul.envitab li:hover, #content #main .feature-content ul li.envi_tab:hover { background:url(../images/tabbg.png) 0px 0px no-repeat;} #content #main .feature-content ul li a span.green, #content #main .feature-content ul.envitab li a span { color:#b7c634; font: bold 13px Verdana; line-height:18px;} #content #main .feature-content ul li:hover a span.green, #content #main .feature-content ul li:hover a span, #content #main .feature-content ul.sub li:hover a span, #content #main .feature-content ul li:hover a span.blue, #content #main .feature-content ul.scitab li.currenttab a span, #content #main .feature-content ul.envitab li.currenttab a span, #content #main .feature-content ul.healthtab li.currenttab a span, #content #main .feature-content ul li:hover a span.violet { color:#FFFFFF; font: bold 13px Verdana; line-height:18px;} #content #main .feature-content ul li.sci_tab:hover, #content #main .feature-content ul.scitab li.currenttab, #content #main .feature-content ul.scitab li:hover { background:url(../images/tabbg.png) 0px -52px no-repeat;} #content #main .feature-content ul li a span.blue, #content #main .feature-content ul.scitab li a span { color:#0238a5; font: bold 13px Verdana; line-height:18px;} #content #main .feature-content ul li.health_tab:hover, #content #main .feature-content ul.healthtab li.currenttab, #content #main .feature-content ul.healthtab li:hover { background:url(../images/tabbg.png) 0px -104px no-repeat;} #content #main .feature-content ul li a { font: 11px Verdana; color:#4d5a71; text-decoration:none; display:block;} #content #main .feature-content ul li:hover a, #content #main .feature-content ul li.currenttab a { background:none; color:#FFFFFF;} #content #main .feature-content ul li a span.violet, #content #main .feature-content ul.healthtab li a span { color:#78206e; font: bold 13px Verdana; line-height:18px;} /*#content #main .breadcum { } #content #main .breadcum ul { list-style:none; padding:25px 0 0 15px; } #content #main .breadcum ul li { display:block; float:left;} #content #main .breadcum ul li a, #content #main .breadcum ul li a span{ font-size: 10px; color:#DEDFE1;} #content #main .breadcum ul li a.currentpage { font-size: 10px; color:#507AA1;} #content #main .breadcum ul li a:hover { background:none; color:#507AA1;}*/ #content #main .breadcum { margin-bottom: 15px; display: inline-block; /*sets correct margin-bottom for multi-line breadcrumbs*/ } /*#content #main .breadcum ul { list-style:none; padding:25px 0 0 15px; } */ #content #main .breadcum ul { list-style:none; padding:10px 0 0 0px; } #content #main .breadcum ul li { display: block; float: left; text-indent: 4px; vertical-align: middle; white-space: nowrap; } #content #main .breadcum ul li a, #content #main .breadcum ul li a span{ color:#b5b7b4; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 14px;} #content #main .breadcum ul li a.currentpage { font-size: 10px; color:#5381ac;} #content #main .breadcum ul li a:hover { background:none; color:#5381ac;} #content #main .items-list ul { list-style:none; padding: 0px 0px 0px 0px; } #content #main .items-list ul li { display:inline; float:left; width:233px;} #content #main .items-list ul li ul { list-style-type:none; padding:0; } #content #main .items-list ul li ul li{display: block; padding:0 0 6px 0; color: #616265;} #content #main .items-list ul li ul li.lastproduct {display: block; padding:0 0 18px 0;} #content #main .items-list ul li ul li a, #content #main .moreproduct ul li ul li a {color:#5381ac; font:13px Arial, Helvetica, sans-serif;} #content #main .items-list ul li ul li a:hover, #content #main .moreproduct ul li ul li a:hover{background:none; text-decoration:underline} #content #main .items-list ul li ul li span {color:#5381ac; font:bold 13px Arial, Helvetica, sans-serif;} #content #main .sponsor { background: url(../images/bgsponsor.png) no-repeat; width:697px; height:43px; margin:0 0 10px 0; padding:30px 0 0 18px;} #content #main .sponsor h3 {font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#486D91; padding:0; display:inline; float:left;} #content #main .sponsor ul { list-style:none; float:left; margin:0 0 0 40px; padding:0;} #content #main .sponsor ul li { display:inline; float:left; margin:0 17px 0 0;} #content #main .sponsor ul li a { font:13px Verdana, Arial, Helvetica, sans-serif; color:#657482; text-decoration:none; text-align:right;} #content #main .sponsor ul li.prev a { width:13px; height:13px; background: url(../images/leftgraydicon.png) center center no-repeat; display:block; text-indent:-9999; margin:3px 0 0 0; } #content #main .sponsor ul li.prev a:hover { width:13px; height:13px; background: url(../images/leftgraydicon_hover.png) center center no-repeat; display:block; text-indent:-9999; margin:3px 0 0 0; } #content #main .sponsor ul li.next a { width:13px; height:13px; background: url(../images/rightgraydicon.png) center center no-repeat; display:block; text-indent:-9999; margin:3px 0 0 0; } #content #main .sponsor ul li.next a:hover { width:13px; height:13px; background: url(../images/rightgraydicon_hover.png) center center no-repeat; display:block; text-indent:-9999; margin:3px 0 0 0; } #content #main .sponsor ul li a:hover{ background:none;} #content #main .moreproduct {margin:0 0 0 -15px; width:720px; height:200px;} #content #main .moreproduct ul { list-style-type:none; padding:15px 0 0 20px;} #content #main .moreproduct ul li { float:left; width:220px; font-size:10px; color:#5C6E83; padding-right:5px;} #content #main .moreproduct ul li ul {padding:0; list-style-position:inside; list-style-type:none;margin-left: 0;padding-left: 1em;text-indent: -1em; } #content #main .moreproduct ul li ul li { padding:0 0 6px 0; } #content #main .moreproduct ul li ul li:before { content: "\002D \0020";} #content #main .moreproduct h2{ background: url(../images/bgbottomsearch.jpg) repeat-x; height:30px; color:#FFFFFF; font:bold 12px Verdana, Arial, Helvetica, sans-serif; padding:15px 0 0 25px;} #content #main .moreproduct form { float:right; margin:-7px 20px 0 0;} #content #main .moreproduct input{height:17px;width:200px;border:0;float:left;margin:6px 0 0 7px;font-size: 10px; color: #B5B6B3;padding: 2px 10px 0 10px;} #content #main .moreproduct input.submitsearch{width: 16px; height: 16px; margin:7px 0 0 7px; padding:0;background: url(../images/searchicon.png ); cursor: pointer;} #content #main .moreproduct input.submitsearch_hover{width: 16px; height: 16px; margin:7px 0 0 7px; padding:0;background: url(../images/searchicon_hover.png ); cursor: pointer;} #content #main .moreproduct label{font: 10px Verdana;float:left;margin:8px 0 0 15px;color:#FFFFFF;} #side { margin:0px 0 0 12px; width:281px; float:left;} #side ul { margin:0; list-style:none;} #side ul li { margin:0; } #side .location ul li { display:block; text-decoration: none; font-size:10px; color:#4D5A71; padding:10px 0 10px 13px; } #side .location ul li .rightside{ float:right; margin-right:20px; } /*#side .quicklinks ul li a { display:block; text-decoration: none; font-size:10px; color:#4D5A71; padding:7px 0 10px 23px; } #side .quicklinks ul li a:hover { background-color:#A0A4B2; color:#FFF; }*/ #side .quicklinks ul li a { color: #5381AC; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 13px; line-height: 20px; padding: 7px 0 5px 12px; text-decoration:none; display:block; } #side .quicklinks ul li a:hover { text-decoration: underline; } /*#side .popularproduct ul li a { display:block; text-decoration: none; font-size:10px; color:#4D5A71; padding:10px 0 10px 23px; } #side .popularproduct ul li a:hover { background-color:#A8B6D0; color:#FFF; } */ *#side .popularproduct ul li a { color: #5381AC; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 13px; line-height: 20px; padding: 7px 0 5px 12px; text-decoration:none; display:block; } #side .popularproduct ul li a:hover { text-decoration: underline; } #side .location{ background:url(../images/bgsidesubbox.jpg) no-repeat bottom; width:281px; height:127px; } #side .location h3 {font: bold 10px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; padding:10px 0 0 12px; height:20px; background:#5B6979;} /*#side .quicklinks{ background:url(../images/bgsidesubbox.jpg) no-repeat; width:281px; height:167px;margin:0px 0 0 0; } #side .quicklinks h3 {font: bold 10px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; padding:10px 0 0 12px; height:20px; background:#5B6979;}*/ #side .quicklinks{ width:264px; min-height:167px;margin:0px 0 10px 0; } #side .quicklinks h3 {font-family: Arial, Helvetica Neue, Helvetica, sans-serif; color:#FFFFFF; padding:10px 0 5px 12px; height:20px; background:#293E6B; font-size: 13px; font-weight:bold;} /*#side .popularproduct{ background:url(../images/bgsidesubbox.jpg) no-repeat; width:281px; height:167px; margin:10px 0 0 0;} #side .popularproduct h3 { font: bold 10px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; padding:10px 0 5px 12px; height:20px; background: url(../images/bgnavigation.png) repeat-x;}*/ #side .popularproduct{ width:264px; min-height:167px;margin:0px 0 0 0; } #side .popularproduct h3 {font-family: Arial, Helvetica Neue, Helvetica, sans-serif; color:#FFFFFF; padding:10px 0 5px 12px; height:20px; background:#293E6B; font-size: 13px; font-weight:bold;} #side .news { width:264px; min-height:167px;margin:0px 0 10px 0; } #side .news h3 {font-family: Arial, Helvetica Neue, Helvetica, sans-serif; color:#FFFFFF; padding:10px 0 5px 12px; height:20px; background:#293E6B; font-size: 13px; font-weight:bold;} #side .news ul li a { color: #5381AC; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 13px; line-height: 20px; padding: 7px 0 5px 12px; text-decoration:none; display:block; } #side .news ul li a:hover { text-decoration: underline; } h8 { font-size:14px; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; letter-spacing:-1px; color:#fff; font-weight: 700; text-transform:uppercase; margin:0; padding:8px 0 8px 0; } .H2 { color: #293E6B; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 24px; padding: 0px; } /* Brands we represent */ #content #main #PageContent #brands table {padding: 0; font-size:13px; border-collapse: collapse; font-family: 'Arial'; border: 1px solid #eee;} #content #main #PageContent #brands th {background-color: #5381ac; color: white; padding: 9px; font-size:13px } #content #main #PageContent #brands td {font-size:13px; padding: 9px; margin: 0; border: 1px solid #f1f1f1;} #content #main #PageContent #brands .one {background-color: #F9F9F9; color:#616265} #content #main #PageContent #brands .two {background-color: #fff; color:#616265} #content #main #PageContent #brands .one:hover {background-color: #c6d2e1; color: 000;} #content #main #PageContent #brands .two:hover {background-color: #c6d2e1; color: 000;} /******************** Layout : Body : End ************************/ /************** Contact Us tab style *****************/ /* body { background:#1a1a1a; text-align:left; color:#666; width:700px; font-size:14px; font-family:georgia, 'time new romans', serif; margin:0 auto; padding:0; } a:focus { outline: none; } h1 { font-size: 34px; font-family: verdana, helvetica, arial, sans-serif; letter-spacing:-2px; color:#9FC54E; font-weight:700; padding:20px 0 0; } h2 { font-size: 24px; font-family: verdana, helvetica, arial, sans-serif; color:#444444; font-weight: 400; padding: 0 0 10px; } h3 { font-size:14px; font-family:verdana, helvetica, arial, sans-serif; letter-spacing:-1px; color:#fff; font-weight: 700; text-transform:uppercase; margin:0; padding:8px 0 8px 0; } */ /* img{ float: right; margin: 3px 3px 6px 8px; padding: 5px; background: #222222; border: 1px solid #333333; } p { color:#cccccc; line-height:22px; padding: 0 0 10px; margin: 20px 0 20px 0; } img { border:none; } */ #container { clear: both; margin: 0; padding: 0; } #container a{ float: right; background: #9FC54E; border: 1px solid #9FC54E; -moz-border-radius-topright: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-bottomleft: 20px; -webkit-border-bottom-left-radius: 20px; text-decoration: none; font-size: 16px; letter-spacing:-1px; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; color:#fff; padding: 20px; font-weight: 700; z-index:150; } #container a:hover{ float: right; background: #a0a0a0; border: 1px solid #cccccc; -moz-border-radius-topright: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-bottomleft: 20px; -webkit-border-bottom-left-radius: 20px; text-decoration: none; font-size: 16px; letter-spacing:-1px; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; color:#fff; padding: 20px; font-weight: 700; z-index:150; } /* .content { font-style:normal; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; color:#ffffff; background:#293e6b; border:1px solid #EFEFEF; -moz-border-radius-topright: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-bottomleft: 20px; -webkit-border-bottom-left-radius: 20px; margin: 30px 0 50px; padding: 15px 0; z-index:150; } .content p { margin: 10px 0; padding: 15px 20px; z-index:150; } */ .panel { position: fixed; /* WAS ABSOLUTE - FD */ top: 150px; right: 0; display: none; background: white; border: 1px solid #999999; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; width: 330px; height: auto; padding: 0px 0px 30px 20px !Important; filter: alpha(opacity=99); opacity: .99; z-index:150; } .panel p{ margin: 0 0 15px 0; padding: 0; color: #cccccc; } .panel h2{ color: #293E6B; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 24px; padding: 0px; z-index: 62; width: 150px; min-height: 46px; line-height: 29px; padding: 15px 0 0px 0; position: relative; } .panel h3{ color: #293E6B; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 14px; padding: 0px; z-index: 62; width: 150px; padding:0px 0 0px 0; position: relative; } .panel input[type="text"] { padding: 5px; border: solid 1px #dcdcdc; transition: box-shadow 0.3s, border 0.3s; width: 250px; height: 20px; font-size: 12px; } .panel input[type="text"]:focus, .panel input[type="text"].focus { border: solid 1px #707070; box-shadow: 0 0 5px 1px #969696; width: 250px; height: 20px; font-size: 12px; } .panel textarea{ padding: 5px; border: solid 1px #dcdcdc; transition: box-shadow 0.3s, border 0.3s; width: 250px; height: 100px; font-size: 12px; } .panel textarea:focus, .panel textarea.focus{ border: solid 1px #707070; box-shadow: 0 0 5px 1px #969696; width: 250px; height: 100px; font-size: 12px; } .panel select { background: transparent; width: 268px; padding: 5px; font-size: 12px; color:#7a7a7a; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; line-height: 1; border: solid 1px #dcdcdc; border-radius: 0; height: 34px; -webkit-appearance: none; transition: box-shadow 0.3s, border 0.3s; } .panel input[type="submit"] { z-index: 29; min-height: 41px; width: 101px; background: url("../images/Submit_Button_normal.png") no-repeat 0px 0px; position: relative; } .panel input[type="submit"]:hover { background: url("../images/Submit_Button_rollover.png") no-repeat 0px 0px; } /* .panel input[type="submit"]:active { background: url("../images/Button-submit-active.png") no-repeat 0px 0px; } */ .panel a, .panel a:visited{ margin: 0; padding: 0; color: #9FC54E; text-decoration: none; border-bottom: 1px solid #9FC54E; } .panel a:hover, .panel a:visited:hover{ margin: 0; padding: 0; color: #ffffff; text-decoration: none; border-bottom: 1px solid #ffffff; } .error { color: Red; font-size: 12px; } a.trigger{ position: fixed; /* WAS ABSOLUTE - FD */ text-decoration: none; top: 185px; right: -135px; font-size: 14px; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; word-spacing: 3px; color:#FFFFFF; padding: 10px 40px 10px 15px; font-weight: 700; background:#293E6B url(../images/plus.png) 85% 55% no-repeat; border:transparent; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; display: block; transform: rotate(90deg); transform-origin: left top 0; z-index:150; } a.trigger:hover{ position: fixed; /* WAS ABSOLUTE - FD */ text-decoration: none; top: 185px; right: -135px; font-size: 14px; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; word-spacing: 3px; color:#FFFFFF; padding: 10px 40px 10px 15px; font-weight: 700; background:#174A7C url(../images/plus.png) 85% 55% no-repeat; border: transparent; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; display: block; z-index:150; } a.active.trigger { background:#293E6B url(../images/minus.png) 85% 55% no-repeat; } /******* Validation Error ********/ .validationerror { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF3C3C; } /********* request.aspx page ***************/ .panelrequest p{ margin: 0 0 15px 0; padding: 0; color: #cccccc; } .panelrequest h2{ color: #293E6B; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 24px; padding: 0px; z-index: 62; width: 150px; min-height: 46px; line-height: 29px; padding: 15px 0 0px 0; position: relative; } .panelrequest h3{ color: #293E6B; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 14px; padding: 0px; z-index: 62; width: 150px; padding:0px 0 0px 0; position: relative; } .panelrequest input[type="text"] { padding: 5px; border: solid 1px #dcdcdc; transition: box-shadow 0.3s, border 0.3s; width: 250px; height: 20px; font-size: 12px; } .panelrequest input[type="text"]:focus, .panelrequest input[type="text"].focus { border: solid 1px #707070; box-shadow: 0 0 5px 1px #969696; width: 250px; height: 20px; font-size: 12px; } .panelrequest textarea{ padding: 5px; border: solid 1px #dcdcdc; transition: box-shadow 0.3s, border 0.3s; width: 250px; height: 100px; font-size: 12px; } .panelrequest textarea:focus, .panelrequest textarea.focus{ border: solid 1px #707070; box-shadow: 0 0 5px 1px #969696; width: 250px; height: 100px; font-size: 12px; } .panelrequest select { background: transparent; width: 268px; padding: 5px; font-size: 12px; color:#7a7a7a; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; line-height: 1; border: solid 1px #dcdcdc; border-radius: 0; height: 34px; -webkit-appearance: none; transition: box-shadow 0.3s, border 0.3s; } .panelrequest input[type="submit"] { z-index: 29; min-height: 41px; width: 101px; background: url("../images/Submit_Button_normal.png") no-repeat 0px 0px; position: relative; } .panelrequest input[type="submit"]:hover { background: url("../images/Submit_Button_rollover.png") no-repeat 0px 0px; cursor:pointer; } /* .panelrequest input[type="submit"]:active { background: url("../images/Button-submit-active.png") no-repeat 0px 0px; } */ .panelrequest a, .panel a:visited{ margin: 0; padding: 0; color: #9FC54E; text-decoration: none; border-bottom: 1px solid #9FC54E; } .panelrequest a:hover, .panel a:visited:hover{ margin: 0; padding: 0; color: #ffffff; text-decoration: none; border-bottom: 1px solid #ffffff; } /********* START Google Custom Search Style ***************/ /* Do no display the count of search results */ .gsc-result-info { display: none; } /* Hide the Google branding in search results */ .gcsc-branding { display: none; } /* Hide the thumbnail images in search results */ .gsc-thumbnail { display: none; } /* Add a border between individual search results */ /* .gs-webResult { border: 1px solid #eee; padding: 1em; }*/ .gs-webResult div.gs-visibleUrl-short{ display: none !Important; } /* Do no display the URL of web pages in search results */ .gsc-url-top, .gsc-url-bottom { display: none; } /* Highlight the pagination buttons at the bottom of search results */ .gsc-cursor-page { font-size: 16px !Important; padding: 3px 6px 3px 6px !Important; color: #5381ac !Important; font-weight: normal !Important; -webkit-border-radius: 0px !Important; -moz-border-radius: 0px !Important; border-radius: 0px !Important; -moz-box-shadow: 0px 0px 1px 0px #5381ac !Important; -webkit-box-shadow: 0px 0px 1px 0px #5381ac !Important; box-shadow: 0px 0px 1px 0px #5381ac !Important; } .gsc-cursor-current-page { background-color: #5381ac !Important; color: #FFFFFF !Important; } .gsc-cursor-page:hover { background-color: #5381ac !Important; color: #FFFFFF !Important; text-decoration: none !important; cursor:pointer !Important; } .gs-result.gs-webResult a.gs-title:hover, .gs-imageResult a.gs-title:hover, .gs-imageResult a.gs-title:hover b { color: #5381ac !important; font-weight: normal !important; text-decoration: underline !important; } .gs-result.gs-webResult a.gs-title:hover b{ color: #5381ac !important;} .gs-result .gs-title, .gs-result .gs-title * { text-decoration: none !important; } .gs-result.gs-webResult a.gs-title b{ text-decoration: normal !important; } .gs-result.gs-webResult a.gs-title:link, .gs-result.gs-webResult a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b { color: #5381ac; } .gs-webResult div.gs-visibleUrl-long { display: none !important; } .gs-promotion div.gs-visibleUrl-long { display: none !important; } .gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top { padding-left: 0px !Important; } .gsc-selected-option-container { min-width:65px !Important; } .gsc-above-wrapper-area { border: none !Important; } /** Visited link **/ .gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b { color: #5381ac !Important; } /** SEARCH PAGE STYLE **/ .ShortDescriptionSearch { color: #293E6B; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size:15px; font-weight: bold; width: 594px; } .DescriptionSearch { color: #616265; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 13px; text-align:left; width: 594px; line-height: 200%; } hr.style-four { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .itemheadertable { width: 130px; height: 30px; background-color: #f2f3f8; color: #616265; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 11px; padding-left: 5px; border-right: none; border-bottom:1px solid #FFFFFF; text-align: left; } .itemnumbertable { width: 220px; height: 30px; background-color: #f2f3f8; color: #616265; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 12px; padding-left: 5px; border-bottom:1px solid #FFFFFF; text-align: left; } .itemheaderrequesttable { width: 150px; height: 30px; text-decoration: none; background-color: #f2f3f8; color: #5381ac; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 12px; padding-left: 5px; font-weight: bold; border-bottom:1px solid #FFFFFF; } .register { width: 970px; height: 25px; background-color: #f2f3f8; color: #616265; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; text-align: left; font-weight: bold; font-size: 12px; padding: 7px 0 0 10px; } .tabs { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed)); background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 ); width: 980px; } .tabs li { list-style: none; display: inline; background-color: #5454ff; } .tabs a { text-align: center; vertical-align: middle; width: 150px; line-height: 37px; /*background: #f4f4f4;*/ background: #5381ac; color: #ffffff; display: inline-block; text-decoration: none; border: 1px solid #C0CED1; font-size: 15px; } .tabs a.active { border-bottom: none; background: #ffffff; color: #616265; } .tabs a.active:hover { border-bottom: none; background: #ffffff; color: #616265; } .tabs a:hover { background: #293e6b; color: #ffffff; } .searchbox { /* Gradients background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(250,250,250)), color-stop(1, rgb(230,230,230))); background: -moz-linear-gradient( center top, rgb(250,250,250) 0%, rgb(230,230,230) 100%);*/ border: solid 1px #C0CED1; color: #616265; font-size: 16px; margin: 0 0px 0 0; padding: 0 0px 0 10px; width: 280px; height: 30px; /* Rounded Corners */ -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; /* Shadows */ } .searchbox:focus { outline: none; background: #fff; /* Fallback color for non-css3 browsers */ /* Gradients */ border: solid 1px #969696; box-shadow: 0 0 5px 1px #969696; } .SearchButton { margin:0px 0px 0px 0px; width: 101px !Important; height: 32px !Important; background:url(/images/Search_Normal.png) left center no-repeat; color: transparent; } .SearchButton:hover { background:url(/images/Search_Rollover.png) left center no-repeat; cursor:pointer; } .loading { background:url(/images/ajax-loader.gif) no-repeat center; height: 100px; width: 100px; position: fixed; left: 50%; top: 35%; z-index: 1000; margin: -25px 0 0 -25px; } .searchimage { border: solid 2px #e4e4e4; width: 115px; height: 115px; vertical-align: middle; text-align: center; } /***** Search box at top right header ******/ .TopMenuSearchBox { width: 257px; height: 28px; padding: 0 0 0 10px; font-size: 14px; color: #616265; } .CloseButton { margin:0px 0px 0px 0px; width: 101px !Important; height: 32px !Important; background:url(/images/Close_Button.png) left center no-repeat; color: transparent; cursor:pointer; } /* Stope Spam Hidden field */ input[type="text"]#website { display: none; } .submitbutton { z-index: 29; min-height: 41px; width: 101px; background: url("../images/Submit_Button_normal.png") no-repeat 0px 0px; position: relative; } .submitbutton:hover { background: url("../images/Submit_Button_rollover.png") no-repeat 0px 0px; cursor:pointer; } .clearformbutton { z-index: 29; min-height: 41px; width: 101px; background: url("../images/Clear-Button_Normal.png") no-repeat 0px 0px; position: relative; } .clearformbutton:hover { background: url("../images/Clear-Button_Rollover.png") no-repeat 0px 0px; cursor:pointer; } /* Contact Us reload captcha */ /* ---------------------------------------------- Search 2016 Styles ----------------------------------------------------------------------*/ .search2016-SearchKeyword { /* Style for keyword text */ padding-bottom: 10px; font-size: 15px; } /*----------Breadcrumb Section---------------------*/ .search2016-tbl-BreadCrumb-BreadCrumbPadding{ /* Style for breadcrumb */ padding: 0px 0px 5px 0px ; } .search2016-tbl-BreadCrumb-BreadCrumbBackground{ background-color: #f2f3f8 ; float: left; padding: 7px 0px 0px 8px ; vertical-align: middle; min-height: 25px; margin-top:8px; } .search2016-tbl-BreadCrumb-BreadCrumbImg{ /* Breadcrumb Cross Button & Padding for Button Area */ background: url(/images/Search2016CrumbCross.png); background-repeat: no-repeat; height: 20px; } .search2016-tbl-BreadCrumb-BreadCrumbImg:hover{ background: url(/images/Search2016CrumbCrossHover.png); background-repeat: no-repeat; height: 20px; } .search2016-tbl-BreadCrumb-BreadCrumbResults{ vertical-align: top; } /*----------Filter Table Section---------------------*/ .search2016-tbl-FilterTable { border-width: 1px; border-style: solid; color: #d8d8d8; padding-left: 15px; padding-top: 0px; padding-bottom: 20px; } .search2016-tbl-FilterTable-FilterHeader { font-size: 13px; color: #616265; padding-bottom: 10px; padding-top: 20px; font-weight: bold; } .search2016-tbl-FilterTable-FilterHeader :hover{ cursor:pointer; color: #1e8ae7; } .search2016-tbl-FilterTable-FilterResults { padding-bottom: 5px; padding-top: 10px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; color: #616265; background-color: #fff; padding-right:2px; cursor: pointer; } .search2016-tbl-FilterTable-FilterResults :hover{ color: #4B8AEB; } .search2016-tbl-FilterTable-FilterResults a{ color: #616265; } .search2016-tbl-FilterTable-FilterResults a:hover{ color: #4B8AEB; text-decoration: none; } .search2016-tbl-FilterTable-FilterResultsCheckBox { /*-------------------------------Style to create space after checkbox -------------------------------*/ margin-right:10px; } .search2016-tbl-FilterTable-FilterArrow { background-image: url(/images/filterArrow.png); background-repeat: no-repeat; padding-right: 90px; background-position: 100%; } .search2016-tbl-FilterTable-FilterArrow:hover { background-image: url(/images/filterArrowHover.png); background-repeat: no-repeat; padding-right: 90px; background-position: 100%; } .search2016-tbl-FilterTable-ShowMore { color:#444; margin-top:4px; background-color:transparent; } .search2016-tbl-FilterTable-ShowMore:hover { color: #1e8ae7; cursor:pointer; } .search2016-tbl-FilterTable-FilterChild{ padding-bottom: 10px; color: #616265; } .search2016-tbl-FilterTable-FilterChild a{ color: #616265; } .search2016-tbl-FilterTable-FilterChild a:hover{ padding-bottom: 10px; color: #1e8ae7; text-decoration: none; } .search2016-tbl-FilterTable-FilterResultsHeading { /*-------------------------------Style for filter plus/minus -------------------------------*/ width: 150px; color:#616265 !important; } .search2016-tbl-FilterTable-FilterResultsHeadingImage { /*-------------------------------Style for filter plus/minus -------------------------------*/ float: right; max-width: 14px; max-height: 13px; } /*----------Main Table Section---------------------*/ .search2016-tbl-MainTable-Header-Border { /*Style for Product Results Table Header Borders- Main Table */ border-style: solid; border-color: #d8d8d8; padding: 0px 0px 0px 12px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 0px; } .search2016-tbl-MainTable-ProductResultsHeader { /*Style for Product Results Table Header Text- Main Table */ font-size: 13px; color: #616265; font-weight: bold; } .search2016-tbl-MainTable-Header-Product { /*Style for Product Results Table Header Product Border- Main Table */ border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-style: solid; border-color: #d8d8d8; padding: 12px 12px 12px 12px; } .search2016-tbl-MainTable-ProductDescriptionShort { /* Style for Product Short Description - Main Table */ font-size: 14px; color: #1e8ae7 !important; /* font colour */ padding: 10px 12px 10px 12px; background-color:#faffff; cursor: pointer; text-decoration:none; } .search2016-tbl-MainTable-ProductDescriptionShort:hover { font-size: 14px; color: #27245f !important; padding: 10px 12px 10px 12px; text-decoration:none; } .search2016-tbl-MainTable-ProductDescriptionShort a { /* Style for Product Short Description - Main Table */ font-size: 14px; color: #1e8ae7 !important; /* font colour */ background-color:#faffff; cursor: pointer; text-decoration:none !important; } .search2016-tbl-MainTable-ProductDescriptionShort a:hover { font-size: 14px; color: #27245f !important; text-decoration:none !important; } .search2016-tbl-MainTable-ProductResultsData { /*Style for Product Results Size & Availability text - Main Table */ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; color: #616265; padding: 10px 12px 10px 12px; background-color:#faffff; vertical-align:text-top; text-align:left; } .search2016-tbl-MainTable-ProductResultsData-SizeDropdown { /*Style for Product Results Size & Availability text - Main Table */ font-size: 13px; padding: 10px 12px 10px 12px; background-color:#faffff; } .search2016-tbl-MainTable-AvailImageLSG{ /* Image for LSG Availability - Tooltip hover image */ background-image: url(/images/Search2016LSG.png); /*background-position:center;*/ background-repeat: no-repeat; padding-top:20px; cursor: pointer; } .search2016-tbl-MainTable-AvailImageOffline{ /* Image for Offline Availability - Tooltip hover image */ background-image: url(/images/Search2016Offline.png); /*background-position:center;*/ background-repeat: no-repeat; height: 20px; cursor: pointer; } .search2016-tbl-MainTable-ProductResultsDataPrice { /*Style for Product Results Price text - Main Table */ padding: 10px 12px 10px 12px; background-color:#faffff; border-style: solid; border-color: #d8d8d8; } .search2016-tbl-MainTable-ProductResultsDataPriceLSG { padding: 10px 12px 10px 12px; background-color:#faffff; border-style: solid; border-color: #d8d8d8; } .search2016-tbl-MainTable-ProductResultsDataPrice a{ display: inline-block; padding: 4px 8px 4px 8px; margin-bottom: 0px; font-size: 13px; line-height: 22px; text-align: center; vertical-align: middle; cursor: pointer; border-radius: 4px; border-style: solid; border-width: 1px; background: #7fba00; color: #ffffff; border-color: #7fba00; font-family: "Helvetica Neue", "Helvetica", "Roboto", "Segoe UI", "Arial", "sans-serif"; font-weight: 700; white-space:nowrap; } .search2016-tbl-MainTable-ProductResultsDataPrice a:hover { color: #ffffff; background-color: #5f8a00; border-color: #5f8a00; text-decoration:none; } .search2016-tbl-MainTable-ProductResultsDataPriceLSG a{ display: inline-block; padding: 4px 8px 4px 8px; margin-bottom: 0px; font-size: 13px; line-height: 22px; text-align: center; vertical-align: middle; cursor: pointer; border-radius: 4px; border-style: solid; border-width: 1px; background: #c8c8c8; color: #ffffff; border-color: #c8c8c8; font-family: "Helvetica Neue", "Helvetica", "Roboto", "Segoe UI", "Arial", "sans-serif"; font-weight: 700; white-space:nowrap; min-width:78px; } .search2016-tbl-MainTable-ProductResultsDataPriceLSG a:hover { color: #ffffff; background-color: #969696; border-color: #969696; text-decoration:none; } .search2016-tbl-MainTable-LoginPricing { /*Style for Product Results Price text - Main Table */ padding: 10px 12px 10px 12px; background-color:#faffff; border-style: solid; border-color: #d8d8d8; } .search2016-tbl-MainTable-LoginPricing a{ /*Style for Product Results Price text - Main Table */ color: #4B8AEB; text-decoration: none; } .search2016-tbl-MainTable-LoginPricing a:hover { color: #27245f !important; cursor: pointer; } .search2016-tbl-MainTable-ProductResultsDataQty { /*Style for Product Results Quantity text - Main Table */ padding: 10px 12px 10px 12px; background-color:#faffff; } .search2016-tbl-MainTable-ProductImage{ padding-left: 14px; padding-bottom: 10px; max-width: 115px; max-height: 115px; vertical-align: middle; text-align: center; } .search2016-tbl-MainTable-ProductDescriptionLong { /* Style for Product Long Description - Main Table */ font-size: 13px; color: #000000; padding: 20px; } /*----------More Info Section---------------------*/ .search2016-tbl-MainTable-MoreInfo-dashline{ /*---------------------------------------- Style for More Info Dashed Top Line ---------------------------------------------------*/ background: transparent; color: transparent; border-left: none; border-right: none; border-top: 1px dashed #dcdcdc; padding-bottom: 7px; } .search2016-tbl-MainTable-MoreInfo-LSGItem { padding: 0px 0px 20px 12px; color:#ed7700 !important; text-decoration: none; font-size: 12px; font-weight: bold; } .search2016-tbl-MainTable-MoreInfo-LSGItem:hover { color:#27245f !important; text-decoration: none; } .search2016-tbl-MainTable-MoreInfo-LSGTooltip { /*------------------------------------Style for inside tooltip - More info table -------------------------------*/ text-decoration: none; } .search2016-tbl-MainTable-MoreInfo-LSGTooltip:hover { text-decoration: none; color:#1e8ae7 !important; } .search2016-tbl-MainTable-MoreInfo-LSGTooltip a:hover { text-decoration: none; color:#1e8ae7 !important; } .search2016-tbl-MainTable-MoreInfo-Button{ padding: 0px 0px 0px 12px; background-color: white; color: #4B8AEB; text-decoration: none; } .search2016-tbl-MainTable-MoreInfo-Button:hover{ color: #27245f; cursor: pointer; } .search2016-tbl-MainTable-MoreInfo-ItemNo{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; color: #616265; background-color: #fff; } .search2016-tbl-MainTable-MoreInfo-MoreDetailsDescription { /* Style for Product Long Description - Main Table */ font-size: 13px; color: #616265; padding-top: 8px; padding-bottom:8px; } .search2016-tbl-MainTable-MoreInfo-solidline{ background: transparent; color: transparent; border-left: none; border-right: none; border-top: none; border-bottom: 2px solid #C3C3C3; } .search2016-tbl-MainTable-MoreInfo-ProductDescriptionLong { /* Style for Product Long Description - More Info Table */ padding: 2px 11px 11px 11px; } .search2016-tbl-MainTable-MoreInfo-MoreInfoHeaders { /* Style for More Info Headings - More Info Table */ font-size: 13px; color: #616265; font-weight: bold; padding: 10px 0px 5px 11px; } .search2016-tbl-MainTable-MoreInfo-MoreInfoDocumentHeader { /* Style for Documents & Support - More Info Table */ font-size: 13px; color: #616265; font-weight: bold; padding: 10px 0px 10px 0px ; } .search2016-tbl-MainTable-MoreInfo-MoreInfoDocuments_SupportResults { /* Style for Documents & Support Results - More Info Table */ padding-bottom: 5px ; } .search2016-tbl-MainTable-MoreInfo-MoreInfoDocuments_SupportResultsIMG{ background-image: url(/images/Search2016Download.png); /* SDS / Product Brochure Download Image*/ background-repeat: no-repeat; padding-left: 20px; } .search2016-tbl-MainTable-MoreInfo-MoreInfoDocuments_SupportResultsIMG:hover{ background-image: url(/images/Search2016DownloadHover.png); /* SDS / Product Brochure Download Image*/ background-repeat: no-repeat; padding-left: 20px; } .search2016-tbl-MainTable-MoreInfo-MoreInfoDocuments_SupportResults a { text-decoration: none; } .search2016-tbl-MainTable-MoreInfo-MoreInfoDocuments_SupportResults a:hover { color: #27245f; } .search2016-tbl-MainTable-MoreInfo-MoreInfoPaddings{ /* ------------------------- Style to create the space between Alternate & Related Products */ padding-bottom: 10px; } .search2016-tbl-MainTable-MoreInfo-SizePadding{ padding-left: 11px; } .search2016-tbl-MainTable-MoreInfo-Alternative_RelatedPadding{ padding-left: 11px; padding-bottom: 5px; } .search2016-tbl-MainTable-MoreInfo-Alternative_RelatedPadding a { /*------------------ Style for links in More */ text-decoration: none; } .search2016-tbl-MainTable-MoreInfo-Alternative_RelatedPadding a:hover { color: #27245f; } /* ---------------------------------------------- Tooltipster bundle min css ----------------------------------------------------------------------*/ .tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px} .tooltip_templates { display: none; } .tooltip2_templates { display: none; } /* ---------------------------------------------- Tooltipster Popup Custom Theme - Filter Table ----------------------------------------------------------------------*/ .tooltipster-sidetip.tooltipster-shadow .tooltipster-box{border:none;border-radius:1px;background:#E7F0F9;box-shadow:1px 1px 1px 1px rgba(0,0,0,.1);padding-top:8px} /*Tooltip box colour & shadow*/ .tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-box{margin-top:6px} .tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-box{margin-right:6px} .tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-box{margin-left:6px} .tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-box{margin-bottom:6px} .tooltipster-sidetip.tooltipster-shadow .tooltipster-content{color:#8d8d8d} .tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow{height:6px;margin-left:-6px;width:12px} .tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow{height:12px;margin-left:0;margin-top:-6px;width:6px} .tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-background{display:none} .tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-border{border:6px solid transparent} .tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#fff} .tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow-border{border-left-color:#fff} .tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-border{border-right-color:#fff} .tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-arrow-border{border-top-color:#fff} .tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-uncropped{top:-6px} .tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-uncropped{left:-6px} .tooltipster-content { /*----------------------------------------font style for content inside tooltip-----------------------------------*/ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; color: #616265; padding: 5px 25px 5px 15px !important; /* Padding around filter text inside tooltip */ cursor: pointer; text-decoration: none; background-color: #E7F0F9; } /* ---------------------------------------------- Tooltipster Popup Custom Theme - More Info Table ----------------------------------------------------------------------*/ .tooltipster-sidetip.tooltipster-noir .tooltipster-box{border:none;border-radius:1px;;background: #FFFFFF; box-shadow:1px 1px 1px 1px rgba(0,0,0,.1)} .tooltipster-sidetip.tooltipster-noir .tooltipster-content{color:#8d8d8d} .tooltipster-sidetip.tooltipster-noir .tooltipster-arrow{height:11px;margin-left:-11px;width:22px} .tooltipster-sidetip.tooltipster-noir.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-noir.tooltipster-right .tooltipster-arrow{height:22px;margin-left:0;margin-top:-11px;width:11px}*/ .tooltipster-sidetip.tooltipster-noir .tooltipster-arrow-background{border:11px solid transparent} .tooltipster-sidetip.tooltipster-noir.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color: #E7F0F9;top:4px} .tooltipster-sidetip.tooltipster-noir.tooltipster-left .tooltipster-arrow-background{border-left-color: #E7F0F9;left:-4px} .tooltipster-sidetip.tooltipster-noir.tooltipster-right .tooltipster-arrow-background{border-right-color: #E7F0F9;left:4px} .tooltipster-sidetip.tooltipster-noir.tooltipster-top .tooltipster-arrow-background{border-top-color: #E7F0F9;top:-4px} .tooltipster-sidetip.tooltipster-noir .tooltipster-arrow-border{border-width:1px; border-color: #E7F0F9} .tooltipster-sidetip.tooltipster-noir.tooltipster-bottom .tooltipster-arrow-uncropped{top:-11px} .tooltipster-sidetip.tooltipster-noir.tooltipster-right .tooltipster-arrow-uncropped{left:-11px} .search2016-paging { padding-top: 20px !important; } /* .search2016-dropdown { position: relative; Enable absolute positioning for children and pseudo elements display: inline-block; width: 95px; margin: 0 auto; padding: 2px 2px 2px 2px; -----------------------------Padding for main box ------------------------------ background: #fff; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; border-width: 0.01em; cursor: pointer; outline: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .search2016-dropdown select { border-radius: 1px; border-color: #fff; background: #fff; max-width :295px; padding: 2px 5px 2px 2px; display: inline-block; } .search2016-dropdown select:focus { background: #fff !important; border-color:none; padding: 2px 5px 2px 2px; display: inline-block; } */ .search2016-dropdown { display: inline-block; position: relative; overflow: hidden; height: auto; width: 95px; background: #f2f2f2; border: 1px solid; border-color: white #f7f7f7 whitesmoke; border-radius: 3px; background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06)); background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06)); background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06)); background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.06)); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08); } .search2016-dropdown:before, .search2016-dropdown:after { content: ''; position: absolute; z-index: 2; top: 9px; right: 10px; width: 0; height: 0; border: 4px dashed; border-color: #888888 transparent; pointer-events: none; } .search2016-dropdown:before { border-bottom-style: solid; border-top: none; } .search2016-dropdown:after { margin-top: 7px; border-top-style: solid; border-bottom: none; } .search2016-dropdown-select { position: relative; width: 130%; margin: 0; padding: 6px 8px 6px 10px; height: 28px; line-height: 14px; font-size: 12px; color: #62717a; text-shadow: 0 1px white; background: #f2f2f2; /* Fallback for IE 8 */ background: rgba(0, 0, 0, 0) !important; /* "transparent" doesn't work with Opera */ border: 0; border-radius: 0; -webkit-appearance: none; } .search2016-dropdown-select:focus { z-index: 3; width: 100%; color: #394349; outline: 2px solid #49aff2; outline: 2px solid -webkit-focus-ring-color; outline-offset: -2px; } .search2016-dropdown-select > option { margin: 3px; padding: 6px 8px; text-shadow: none; background: #f2f2f2; border-radius: 3px; cursor: pointer; } /* Fix for IE 8 putting the arrows behind the select element. */ .lt-ie9 .search2016-dropdown { z-index: 1; } .lt-ie9 .search2016-dropdown-select { z-index: -1; } .lt-ie9 .search2016-dropdown-select:focus { z-index: 3; } /* Dirty fix for Firefox adding padding where it shouldn't. */ @-moz-document url-prefix() { .search2016-dropdown-select { padding-left: 6px; } } /* keyword suggestion dropdown */ .ui-autocomplete { position: absolute; top: 100%; left: 0; z-index: 1000; float: left; display: none; min-width: 200px; width: 295px; padding: 4px 0; margin: 0 0 10px 25px; list-style: none; background-color: #ffffff; border-color: #ccc; border-color: rgba(0, 0, 0, 0.2); border-style: solid; border-width: 1px; } .ui-menu-item { color: #616265; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 13px; font-weight: bold; line-height: 18px; padding-left: 10px; } .ui-menu-item-wrapper { visibility:visible } .search2016-infoAlert { padding: 10px 35px 10px 40px; margin-bottom: 22px; text-shadow: 0px 1px 0px rgba(255,255,255,0.5); background-color:#f3f3f3; border: 1px solid #1e8ae7; background-position: 6px 6px; background-repeat: no-repeat; background-image: url("../images/info-sign.png"); color: #333; } /*Button style START*/ .btn, .button { display: inline-block; padding: 7px 20px; margin-bottom: 0; font-size: 13px; line-height: 22.875px; font-weight: bold; text-align: center; vertical-align: middle; cursor: pointer; border-radius: 0px; border-style: solid; border-width: 1px; background-color: #FFFFFF; color: #555759; border-color: #C9C8C8; text-shadow: none; font-family: "Helvetica Neue-Bold", Helvetica, Arial, sans-serif; text-decoration: none; } .btn:hover, .button:hover, .btn:focus, .button:focus { text-decoration: none; color: #555759; background-color: #FFFFFF; border-color: #333333; } .btn:focus, .button:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn.active, .button.active, .btn:active, .button:active { background-color: #F3F3F3; outline: 0; } .btn.disabled, .button.disabled, .btn[disabled], .button[disabled], .btn.disabled-button, .button.disabled-button { border-width: 1px; color: #C9C8C8 !important; cursor: default; background: #F3F3F3 !important; box-shadow: none; filter: none !important; } .btn-large { padding: 11px 19px; font-size: 16.25px; border-radius: 0px; } .btn-large [class^="icon-"], .btn-large [class*=" icon-"] { margin-top: 4px; } .btn-small { padding: 5px 10px; font-size: 11.05px; border-radius: 0px; } .btn-small [class^="icon-"], .btn-small [class*=" icon-"] { margin-top: 0; } .btn-mini { padding: 3px 6px; font-size: 9.75px; border-radius: 0px; } .btn-mini [class^="icon-"], .btn-mini [class*=" icon-"] { margin-top: -1px; } .btn-block { display: block; width: 100%; padding-left: 0; padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .btn-primary, .primary-button { color: #FFFFFF; background-color: #FFFFFF; background-image: -moz-linear-gradient(top, #FFFFFF, #FFFFFF); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ffffff)); background-image: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF); background-image: -o-linear-gradient(top, #FFFFFF, #FFFFFF); background-image: linear-gradient(to bottom, #FFFFFF, #FFFFFF); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=0); border-color: #D9D9D9; border-color: rgba(0, 0, 0, 0.2); *border-color: #d9d9d9; color: #1E8AE7; border-color: #C9C8C8; } .btn-primary:hover, .primary-button:hover, .btn-primary:focus, .primary-button:focus, .btn-primary:active, .primary-button:active, .btn-primary.active, .primary-button.active, .btn-primary.disabled, .primary-button.disabled, .btn-primary[disabled], .primary-button[disabled] { color: #FFFFFF; background: #FFFFFF; filter: none; } .btn-primary:active, .primary-button:active, .btn-primary.active, .primary-button.active { background: #F7F7F7; } .btn-primary:hover, .primary-button:hover, .btn-primary:focus, .primary-button:focus { color: #1E8AE7; } .btn-primary.disabled, .primary-button.disabled, .btn-primary[disabled], .primary-button[disabled] { border-color: #C9C8C8; } .btn-primary:active, .primary-button:active { color: #1E8AE7; background-color: #F3F3F3; } .btn-success, .btn-commerce, .commerce-button { color: #FFFFFF; background-color: #7FBA00; background-image: -moz-linear-gradient(top, #7FBA00, #7FBA00); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7fba00), to(#7fba00)); background-image: -webkit-linear-gradient(top, #7FBA00, #7FBA00); background-image: -o-linear-gradient(top, #7FBA00, #7FBA00); background-image: linear-gradient(to bottom, #7FBA00, #7FBA00); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7fba00', endColorstr='#ff7fba00', GradientType=0); border-color: #4B6E00; border-color: rgba(0, 0, 0, 0.2); *border-color: #4b6e00; border-color: #7FBA00; } .btn-success:hover, .btn-commerce:hover, .commerce-button:hover, .btn-success:focus, .btn-commerce:focus, .commerce-button:focus, .btn-success:active, .btn-commerce:active, .commerce-button:active, .btn-success.active, .btn-commerce.active, .commerce-button.active, .btn-success.disabled, .btn-commerce.disabled, .commerce-button.disabled, .btn-success[disabled], .btn-commerce[disabled], .commerce-button[disabled] { color: #FFFFFF; background: #7FBA00; filter: none; } .btn-success:active, .btn-commerce:active, .commerce-button:active, .btn-success.active, .btn-commerce.active, .commerce-button.active { background: #75AB00; } .btn-success:hover, .btn-commerce:hover, .commerce-button:hover, .btn-success:focus, .btn-commerce:focus, .commerce-button:focus, .btn-success.active, .btn-commerce.active, .commerce-button.active, .btn-success.disabled, .btn-commerce.disabled, .commerce-button.disabled, .btn-success[disabled], .btn-commerce[disabled], .commerce-button[disabled] { color: #FFFFFF; background-color: #5F8A00; border-color: #5F8A00; } .btn-info { color: #FFFFFF; background-color: #FFFFFF; background-image: -moz-linear-gradient(top, #FFFFFF, #FFFFFF); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ffffff)); background-image: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF); background-image: -o-linear-gradient(top, #FFFFFF, #FFFFFF); background-image: linear-gradient(to bottom, #FFFFFF, #FFFFFF); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=0); border-color: #D9D9D9; border-color: rgba(0, 0, 0, 0.2); *border-color: #d9d9d9; color: #333333; border-color: #C9C8C8; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { color: #FFFFFF; background: #FFFFFF; filter: none; } .btn-info:active, .btn-info.active { background: #F7F7F7; } .btn-info:hover, .btn-info:focus, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { color: #000000; background: #FFFFFF; border-color: #333333; } .btn-featured, .btn-danger { background-color: #EE3134; background-image: -moz-linear-gradient(top, #EE3134, #EE3134); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee3134), to(#ee3134)); background-image: -webkit-linear-gradient(top, #EE3134, #EE3134); background-image: -o-linear-gradient(top, #EE3134, #EE3134); background-image: linear-gradient(to bottom, #EE3134, #EE3134); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee3134', endColorstr='#ffee3134', GradientType=0); border-color: #C21013; border-color: rgba(0, 0, 0, 0.2); *border-color: #c21013; color: #FFFFFF; border-color: #DD1F25; border-style: solid; border-width: 1px; } .btn-featured:hover, .btn-danger:hover, .btn-featured:focus, .btn-danger:focus, .btn-featured:active, .btn-danger:active, .btn-featured.active, .btn-danger.active, .btn-featured.disabled, .btn-danger.disabled, .btn-featured[disabled], .btn-danger[disabled] { color: #FFFFFF; background: #EE3134; filter: none; } .btn-featured:active, .btn-danger:active, .btn-featured.active, .btn-danger.active { background: #ED2326; } .btn-featured:hover, .btn-danger:hover, .btn-featured:focus, .btn-danger:focus, .btn-featured:visited, .btn-danger:visited, .btn-featured.active, .btn-danger.active, .btn-featured.disabled, .btn-danger.disabled, .btn-featured[disabled], .btn-danger[disabled] { color: #FFFFFF; background-color: #DD1F25; border-color: #DD1F25; } a.btn-success, a.btn-commerce, a.btn-featured, a.btn-danger, a.commerce-button { color: #FFFFFF; } a.btn-success:active, a.btn-commerce:active, a.btn-featured:active, a.btn-danger:active, a.commerce-button:active, a.btn-success:focus, a.btn-commerce:focus, a.btn-featured:focus, a.btn-danger:focus, a.commerce-button:focus, a.btn-success:hover, a.btn-commerce:hover, a.btn-featured:hover, a.btn-danger:hover, a.commerce-button:hover, a.btn-success:visited, a.btn-commerce:visited, a.btn-featured:visited, a.btn-danger:visited, a.commerce-button:visited { color: #FFFFFF; } a.btn-info { color: #000000; } a.btn-info:active, a.btn-info:focus, a.btn-info:hover, a.btn-info:visited { color: #000000; } a.btn-primary, a.primary-button { color: #1E8AE7; } a.btn-primary:active, a.primary-button:active, a.btn-primary:focus, a.primary-button:focus, a.btn-primary:hover, a.primary-button:hover, a.btn-primary:visited, a.primary-button:visited { color: #1E8AE7; } .btn-link, .btn-link:active, .btn-link[disabled] { background-color: transparent; background-image: none; box-shadow: none; } .btn-link { border-color: transparent; cursor: pointer; color: #1E8AE7; border-radius: 0; } .btn-link:hover, .btn-link:focus { color: #27245F; text-decoration: underline; background-color: transparent; border-width: 1px; border-color: transparent; } .btn-link[disabled]:hover, .btn-link[disabled]:focus { color: #333333; text-decoration: none; } /*Button style END*/ /*Icon style START*/ [class^="icon-"], [class*=" icon-"] { display: inline-block; width: 14px; height: 14px; line-height: 14px; vertical-align: text-top; background-image: url("http://www.thermofisher.com/etc/designs/lifetech/clientlibs/base/img/glyphicons-halflings.png"); background-position: 14px 14px; background-repeat: no-repeat; margin-top: 1px; } /* White icons with optional class, or on hover/focus/active states of certain elements */ .icon-white, .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:focus > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > li > a:focus > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"], .dropdown-submenu:hover > a > [class^="icon-"], .dropdown-submenu:focus > a > [class^="icon-"], .dropdown-submenu:hover > a > [class*=" icon-"], .dropdown-submenu:focus > a > [class*=" icon-"] { background-image: url("http://www.thermofisher.com/etc/designs/lifetech/clientlibs/base/img/glyphicons-halflings-white.png"); } /* Color icons with optional class */ .icon-green { background-image: url("http://www.thermofisher.com/etc/designs/lifetech/clientlibs/base/img/glyphicons-halflings-green.png"); } .icon-blue { background-image: url("http://www.thermofisher.com/etc/designs/lifetech/clientlibs/base/img/glyphicons-halflings-blue.png"); } .icon-red { background-image: url("http://www.thermofisher.com/etc/designs/lifetech/clientlibs/base/img/glyphicons-halflings-red.png"); } .icon-glass { background-position: 0 0; } .icon-music { background-position: -24px 0; } .icon-search { background-position: -48px 0; } .icon-envelope { background-position: -72px 0; } .icon-heart { background-position: -96px 0; } .icon-star { background-position: -120px 0; } .icon-star-empty { background-position: -144px 0; } .icon-user { background-position: -168px 0; } .icon-film { background-position: -192px 0; } .icon-th-large { background-position: -216px 0; } .icon-th { background-position: -240px 0; } .icon-th-list { background-position: -264px 0; } .icon-ok { background-position: -288px 0; } .icon-remove { background-position: -312px 0; } .icon-zoom-in { background-position: -336px 0; } .icon-zoom-out { background-position: -360px 0; } .icon-off { background-position: -384px 0; } .icon-signal { background-position: -408px 0; } .icon-cog { background-position: -432px 0; } .icon-trash { background-position: -456px 0; } .icon-home { background-position: 0 -24px; } .icon-file { background-position: -24px -24px; } .icon-time { background-position: -48px -24px; } .icon-road { background-position: -72px -24px; } .icon-download-alt { background-position: -96px -24px; } .icon-download { background-position: -120px -24px; } .icon-upload { background-position: -144px -24px; } .icon-inbox { background-position: -168px -24px; } .icon-play-circle { background-position: -192px -24px; } .icon-repeat { background-position: -216px -24px; } .icon-refresh { background-position: -240px -24px; } .icon-list-alt { background-position: -264px -24px; } .icon-lock { background-position: -287px -24px; } .icon-flag { background-position: -312px -24px; } .icon-headphones { background-position: -336px -24px; } .icon-volume-off { background-position: -360px -24px; } .icon-volume-down { background-position: -384px -24px; } .icon-volume-up { background-position: -408px -24px; } .icon-qrcode { background-position: -432px -24px; } .icon-barcode { background-position: -456px -24px; } .icon-tag { background-position: 0 -48px; } .icon-tags { background-position: -25px -48px; } .icon-book { background-position: -48px -48px; } .icon-bookmark { background-position: -72px -48px; } .icon-print { background-position: -96px -48px; } .icon-camera { background-position: -120px -48px; } .icon-font { background-position: -144px -48px; } .icon-bold { background-position: -167px -48px; } .icon-italic { background-position: -192px -48px; } .icon-text-height { background-position: -216px -48px; } .icon-text-width { background-position: -240px -48px; } .icon-align-left { background-position: -264px -48px; } .icon-align-center { background-position: -288px -48px; } .icon-align-right { background-position: -312px -48px; } .icon-align-justify { background-position: -336px -48px; } .icon-list { background-position: -360px -48px; } .icon-indent-left { background-position: -384px -48px; } .icon-indent-right { background-position: -408px -48px; } .icon-facetime-video { background-position: -432px -48px; } .icon-picture { background-position: -456px -48px; } .icon-pencil { background-position: 0 -72px; } .icon-map-marker { background-position: -24px -72px; } .icon-adjust { background-position: -48px -72px; } .icon-tint { background-position: -72px -72px; } .icon-edit { background-position: -96px -72px; } .icon-share { background-position: -120px -72px; } .icon-check { background-position: -144px -72px; } .icon-move { background-position: -168px -72px; } .icon-step-backward { background-position: -192px -72px; } .icon-fast-backward { background-position: -216px -72px; } .icon-backward { background-position: -240px -72px; } .icon-play { background-position: -264px -72px; } .icon-pause { background-position: -288px -72px; } .icon-stop { background-position: -312px -72px; } .icon-forward { background-position: -336px -72px; } .icon-fast-forward { background-position: -360px -72px; } .icon-step-forward { background-position: -384px -72px; } .icon-eject { background-position: -408px -72px; } .icon-chevron-left { background-position: -432px -72px; } .icon-chevron-right { background-position: -456px -72px; } .icon-plus-sign { background-position: 0 -96px; } .icon-minus-sign { background-position: -24px -96px; } .icon-remove-sign { background-position: -48px -96px; } .icon-ok-sign { background-position: -72px -96px; } .icon-question-sign { background-position: -96px -96px; } .icon-info-sign { background-position: -120px -96px; } .icon-screenshot { background-position: -144px -96px; } .icon-remove-circle { background-position: -168px -96px; } .icon-ok-circle { background-position: -192px -96px; } .icon-ban-circle { background-position: -216px -96px; } .icon-arrow-left { background-position: -240px -96px; } .icon-arrow-right { background-position: -264px -96px; } .icon-arrow-up { background-position: -289px -96px; } .icon-arrow-down { background-position: -312px -96px; } .icon-share-alt { background-position: -336px -96px; } .icon-resize-full { background-position: -360px -96px; } .icon-resize-small { background-position: -384px -96px; } .icon-plus { background-position: -408px -96px; } .icon-minus { background-position: -433px -96px; } .icon-asterisk { background-position: -456px -96px; } .icon-exclamation-sign { background-position: 0 -120px; } .icon-gift { background-position: -24px -120px; } .icon-leaf { background-position: -48px -120px; } .icon-fire { background-position: -72px -120px; } .icon-eye-open { background-position: -96px -120px; } .icon-eye-close { background-position: -120px -120px; } .icon-warning-sign { background-position: -144px -120px; } .icon-plane { background-position: -168px -120px; } .icon-calendar { background-position: -192px -120px; } .icon-random { background-position: -216px -120px; width: 16px; } .icon-comment { background-position: -240px -120px; } .icon-magnet { background-position: -264px -120px; } .icon-chevron-up { background-position: -288px -120px; } .icon-chevron-down { background-position: -313px -119px; } .icon-retweet { background-position: -336px -120px; } .icon-shopping-cart { background-position: -360px -120px; } .icon-folder-close { background-position: -384px -120px; width: 16px; } .icon-folder-open { background-position: -408px -120px; width: 16px; } .icon-resize-vertical { background-position: -432px -119px; } .icon-resize-horizontal { background-position: -456px -118px; } .icon-hdd { background-position: 0 -144px; } .icon-bullhorn { background-position: -24px -144px; } .icon-bell { background-position: -48px -144px; } .icon-certificate { background-position: -72px -144px; } .icon-thumbs-up { background-position: -96px -144px; } .icon-thumbs-down { background-position: -120px -144px; } .icon-hand-right { background-position: -144px -144px; } .icon-hand-left { background-position: -168px -144px; } .icon-hand-up { background-position: -192px -144px; } .icon-hand-down { background-position: -216px -144px; } .icon-circle-arrow-right { background-position: -240px -144px; } .icon-circle-arrow-left { background-position: -264px -144px; } .icon-circle-arrow-up { background-position: -288px -144px; } .icon-circle-arrow-down { background-position: -312px -144px; } .icon-globe { background-position: -336px -144px; } .icon-wrench { background-position: -360px -144px; } .icon-tasks { background-position: -384px -144px; } .icon-filter { background-position: -408px -144px; } .icon-briefcase { background-position: -432px -144px; } .icon-fullscreen { background-position: -456px -144px; } [class^="icon-lt-"], [class*=" icon-lt-"], [class^="icon-lt-"], [class*=" icon-lt-"] { background-image: url("http://www.thermofisher.com/etc/designs/lifetech/clientlibs/base/img/icons-lt.png"); } [class^="icon-lt-large-"], [class*=" icon-lt-large-"], [class^="icon-lt-large-"], [class*=" icon-lt-large-"] { background-image: url("http://www.thermofisher.com/etc/designs/lifetech/clientlibs/base/img/icons-lt-large.png"); width: 40px; height: 40px; line-height: 40px; vertical-align: middle; } .icon-lt-black { background-image: url("http://www.thermofisher.com/etc/designs/lifetech/clientlibs/base/img/icons-lt-black.png"); } .icon-lt-blue { background-image: url("http://www.thermofisher.com/etc/designs/lifetech/clientlibs/base/img/icons-lt-blue.png"); } .icon-lt-gray, .icon-lt-grey { background-image: url("http://www.thermofisher.com/etc/designs/lifetech/clientlibs/base/img/icons-lt-gray.png"); } .icon-lt-green { background-image: url("http://www.thermofisher.com/etc/designs/lifetech/clientlibs/base/img/icons-lt-green.png"); } .icon-lt-red { background-image: url("http://www.thermofisher.com/etc/designs/lifetech/clientlibs/base/img/icons-lt-red.png"); } .icon-lt-white { background-image: url("http://www.thermofisher.com/etc/designs/lifetech/clientlibs/base/img/icons-lt-white.png"); } [class^="icon-lt-large-"].icon-lt-black, [class*=" icon-lt-large-"].icon-lt-black, [class^="icon-lt-large-"].icon-lt-black, [class*=" icon-lt-large-"].icon-lt-black { background-image: url("http://www.thermofisher.com/etc/designs/lifetech/clientlibs/base/img/icons-lt-large-black.png"); } [class^="icon-lt-large-"].icon-lt-blue, [class*=" icon-lt-large-"].icon-lt-blue, [class^="icon-lt-large-"].icon-lt-blue, [class*=" icon-lt-large-"].icon-lt-blue { background-image: url("http://www.thermofisher.com/etc/designs/lifetech/clientlibs/base/img/icons-lt-large-blue.png"); } [class^="icon-lt-large-"].icon-lt-gray, [class*=" icon-lt-large-"].icon-lt-gray, [class^="icon-lt-large-"].icon-lt-gray, [class*=" icon-lt-large-"].icon-lt-gray { background-image: url("http://www.thermofisher.com/etc/designs/lifetech/clientlibs/base/img/icons-lt-large-gray.png"); } [class^="icon-lt-large-"].icon-lt-green, [class*=" icon-lt-large-"].icon-lt-green, [class^="icon-lt-large-"].icon-lt-green, [class*=" icon-lt-large-"].icon-lt-green { background-image: url("http://www.thermofisher.com/etc/designs/lifetech/clientlibs/base/img/icons-lt-large-green.png"); } [class^="icon-lt-large-"].icon-lt-red, [class*=" icon-lt-large-"].icon-lt-red, [class^="icon-lt-large-"].icon-lt-red, [class*=" icon-lt-large-"].icon-lt-red { background-image: url("http://www.thermofisher.com/etc/designs/lifetech/clientlibs/base/img/icons-lt-large-red.png"); } [class^="icon-lt-large-"].icon-lt-white, [class*=" icon-lt-large-"].icon-lt-white, [class^="icon-lt-large-"].icon-lt-white, [class*=" icon-lt-large-"].icon-lt-white { background-image: url("http://www.thermofisher.com/etc/designs/lifetech/clientlibs/base/img/icons-lt-large-white.png"); } a:hover [class^="icon-lt-"], a:hover [class*=" icon-lt-"], a:hover [class^="icon-lt-"], a:hover [class*=" icon-lt-"] { background-image: url("http://www.thermofisher.com/etc/designs/lifetech/clientlibs/base/img/icons-lt-blue.png"); } a:hover [class^="icon-lt-large-"], a:hover [class*=" icon-lt-large-"], a:hover [class^="icon-lt-large-"], a:hover [class*=" icon-lt-large-"] { background-image: url("http://www.thermofisher.com/etc/designs/lifetech/clientlibs/base/img/icons-lt-large-blue.png"); } a[class^="icon-lt-"]:hover, a[class*=" icon-lt-"]:hover, a[class^="icon-lt-"]:hover, a[class*=" icon-lt-"]:hover { background-image: url("http://www.thermofisher.com/etc/designs/lifetech/clientlibs/base/img/icons-lt-blue.png"); } a[class^="icon-lt-large-"]:hover, a[class*=" icon-lt-large-"]:hover, a[class^="icon-lt-large-"]:hover, a[class*=" icon-lt-large-"]:hover { background-image: url("http://www.thermofisher.com/etc/designs/lifetech/clientlibs/base/img/icons-lt-large-blue.png"); } a[class^="icon-lt-"].action-negative:hover, a[class*=" icon-lt-"].action-negative:hover, a[class^="icon-lt-"].action-negative:hover, a[class*=" icon-lt-"].action-negative:hover { background-image: url("base/img/icons-lt-red.png"); } a[class^="icon-lt-large-"].action-negative:hover, a[class*=" icon-lt-large-"].action-negative:hover, a[class^="icon-lt-large-"].action-negative:hover, a[class*=" icon-lt-large-"].action-negative:hover { background-image: url("http://www.thermofisher.com/etc/designs/lifetech/clientlibs/base/img/icons-lt-large-red.png"); } .action-negative:hover [class^="icon-lt-"], .action-negative:hover [class*=" icon-lt-"], .action-negative:hover [class^="icon-lt-"], .action-negative:hover [class*=" icon-lt-"] { background-image: url("http://www.thermofisher.com/etc/designs/lifetech/clientlibs/base/img/icons-lt-red.png"); } .action-negative:hover [class^="icon-lt-large-"], .action-negative:hover [class*=" icon-lt-large-"], .action-negative:hover [class^="icon-lt-large-"], .action-negative:hover [class*=" icon-lt-large-"] { background-image: url("http://www.thermofisher.com/etc/designs/lifetech/clientlibs/base/img/icons-lt-large-red.png"); } .icon-lt-analyze { background-position: -5px -5px; } .icon-lt-avatar { background-position: -29px -5px; } .icon-lt-bulkorder { background-position: -53px -5px; } .icon-lt-bulleted { background-position: -77px -5px; } .icon-lt-cart { background-position: -101px -5px; } .icon-lt-contact-us { background-position: -5px -29px; } .icon-lt-delete { background-position: -29px -29px; } .icon-lt-document { background-position: -53px -29px; } .icon-lt-edit { background-position: -77px -29px; } .icon-lt-excel { background-position: -101px -29px; } .icon-lt-help { background-position: -5px -53px; } .icon-lt-help-outline { background-position: -29px -53px; } .icon-lt-instruments { background-position: -53px -53px; } .icon-lt-msds { background-position: -77px -53px; } .icon-lt-new-window { background-position: -101px -53px; } .icon-lt-pdf { background-position: -5px -77px; } .icon-lt-profile { background-position: -29px -77px; } .icon-lt-profile-outline { background-position: -53px -77px; } .icon-lt-promotions { background-position: -77px -77px; } .icon-lt-reminder { background-position: -101px -77px; } .icon-lt-resources { background-position: -5px -101px; } .icon-lt-star-empty { background-position: -29px -101px; } .icon-lt-star-active { background-position: -53px -101px; } .icon-lt-supply-center { background-position: -77px -101px; } .icon-lt-support-file { background-position: -101px -101px; } .icon-lt-technical-documentation { background-position: -125px -5px; } .icon-lt-view { background-position: -125px -29px; } .icon-lt-word { background-position: -125px -53px; } .icon-lt-large-analyze { background-position: -5px -5px; } .icon-lt-large-avatar { background-position: -55px -5px; } .icon-lt-large-bulkorder { background-position: -105px -5px; } .icon-lt-large-bulleted { background-position: -155px -5px; } .icon-lt-large-cart { background-position: -205px -5px; } .icon-lt-large-contact-us { background-position: -5px -55px; } .icon-lt-large-delete { background-position: -55px -55px; } .icon-lt-large-document { background-position: -105px -55px; } .icon-lt-large-edit { background-position: -155px -55px; } .icon-lt-large-excel { background-position: -205px -55px; } .icon-lt-large-help { background-position: -5px -105px; } .icon-lt-large-help-outline { background-position: -55px -105px; } .icon-lt-large-instruments { background-position: -105px -105px; } .icon-lt-large-msds { background-position: -155px -105px; } .icon-lt-large-new-window { background-position: -205px -105px; } .icon-lt-large-pdf { background-position: -5px -155px; } .icon-lt-large-profile { background-position: -55px -155px; } .icon-lt-large-profile-outline { background-position: -105px -155px; } .icon-lt-large-promotions { background-position: -155px -155px; } .icon-lt-large-reminder { background-position: -205px -155px; } .icon-lt-large-resources { background-position: -5px -205px; } .icon-lt-large-star-empty { background-position: -55px -205px; } .icon-lt-large-star-active { background-position: -105px -205px; } .icon-lt-large-supply-center { background-position: -155px -205px; } .icon-lt-large-support-file { background-position: -205px -205px; } .icon-lt-large-technical-documentation { background-position: -255px -5px; } .icon-lt-large-view { background-position: -255px -55px; } .icon-lt-large-word { background-position: -255px -105px; } /*Icon style END*/ .sdsInfoAlert { padding: 10px 35px 10px 40px; margin-bottom: 22px; text-shadow: 0px 1px 0px rgba(255,255,255,0.5); background-color:#f3f3f3; border: 1px solid #1e8ae7; background-position: 6px 6px; background-repeat: no-repeat; background-image: url("../images/info-sign.png"); color: #333; width: 900px; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 13px; } /*Thermo Fisher Table style START*/ .table th.text-left, .table td.text-left { text-align: left; } .text-right, .table th.text-right, .table td.text-right { text-align: right; } .text-center, .table th.text-center, .table td.text-center { text-align: center; } .table { width: 100%; max-width: 100%; border-collapse: collapse; border-spacing: 0; margin-bottom: 22px; background-color: transparent; } .table th, .table td { padding: 8px; line-height: 22px; text-align: left; vertical-align: top; border-top: 1px solid #dddddd; } .table th { font-weight: bold; } .table thead th, .table tbody tr:first-child th { vertical-align: bottom; } .table thead + tbody tr:first-child th { vertical-align: top; } .table tbody tr th:first-child { background-color: #f3f3f3; } .table tfoot td { background-color: #f3f3f3; } .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; } .table input { margin-bottom: 0; } .table-condensed th, .table-condensed td { padding: 4px 5px; } .table-bordered { border: 1px solid #dddddd; border-left: 0; } .table-bordered th, .table-bordered td { border-left: 1px solid #dddddd; } .table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: 0; } .table-bordered thead tr th { background-color: #ffffff; vertical-align: bottom; } .table-list th, .table-list td { border-left: 0; vertical-align: middle; } .table-list th:first-child, .table-list td:first-child { border-left: 1px solid #dddddd; } .table-sectioned thead + tbody tr:first-child th, .table-sectioned tbody + tbody tr:first-child th { background-image: none; background: #fff; } .table-striped tbody > tr:nth-child(even) > td, .table-striped tbody > tr:nth-child(even) > th { background-color: #f3f3f3; } .table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th { background-color: #f3f3f3; } .table tbody tr.success > td { background-color: #e8fcbc; } .table tbody tr.error > td { background-color: #fdddde; } .table tbody tr.warning > td { background-color: #fffacd; } .table tbody tr.info > td { background-color: #ebf2fa; } .table tbody tr.editable > td { background-color: #ffffff; } .table tbody tr.editing > td { background-color: #ebf2fa; } .table tbody tr.editable:hover > td { background-color: #f3f3f3; } .table-hover tbody tr.success:hover > td { background-color: #e0fba4; } .table-hover tbody tr.error:hover > td { background-color: #fcc5c7; } .table-hover tbody tr.warning:hover > td { background-color: #fff7b3; } .table-hover tbody tr.info:hover > td { background-color: #d7e5f5; } .table-hover tbody tr.editable:hover > td { background-color: #f3f3f3; } .table-hover tbody tr.editing:hover > td { background-color: #d7e5f5; } /*Thermo Fisher Table style END*/ /*START Tab style*/ /*! * Based on Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * Modified by Sandie Fry * Last updated 23/2/2018 */ .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } .nav > li.disabled > a { color: #777777; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #777777; text-decoration: none; background-color: transparent; cursor: not-allowed; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eeeeee; border-color: #337ab7; } .nav .nav-divider { height: 1px; margin: 8px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { font-size: 13px; border-bottom: 1px solid #ddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: 1px solid #ddd; border-radius: 3px 3px 0 0; background-color: #eeeeee; } .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #ddd; background-color: #fff; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified > li { float: none; } .nav-tabs.nav-justified > li > a { text-align: center; margin-bottom: 5px; } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 3px; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 3px 3px 0 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #fff; } } .nav-tabs-workflow { font-size: 13px; border-bottom: 1px solid #ddd; } .nav-tabs-workflow > li { float: left; margin-bottom: -1px; } .nav-tabs-workflow > li > a { line-height: 1.42857143; border: 1px 0px 1px 0px solid transparent; border-radius: 1 1 0 0; background-image: url("/Uploads/image/css/workflow-inactive-bg.jpg"); background-position: top left; background-repeat: repeat-x; } .nav-tabs-workflow > li > a:hover, .nav-tabs-workflow > li > a:focus { color: #27245f; border-color: #eeeeee #eeeeee #ddd; background-color: #fff; } .nav-tabs-workflow > li > a > .step { font-weight: bold; margin-bottom: 20px; } .nav-tabs-workflow > li:not(:last-child) > a { background-image: url("/Uploads/image/css/workflow-inactive-to-inactive-left.jpg"), url("/Uploads/image/css/workflow-inactive-to-inactive-right.jpg"), url("/Uploads/image/css/workflow-inactive-bg.jpg"); background-position: top right, top left, top left; background-repeat: no-repeat, no-repeat, repeat-x; } .nav-tabs-workflow > li:first-child > a { background-image: url("/Uploads/image/css/workflow-inactive-to-inactive-left.jpg"), url("/Uploads/image/css/workflow-inactive-bg.jpg"); background-position: top right, top left; background-repeat: no-repeat, repeat-x; } .nav-tabs-workflow > li:last-child > a { background-image: url("/Uploads/image/css/workflow-inactive-to-inactive-right.jpg"), url("/Uploads/image/css/workflow-inactive-bg.jpg"); background-position: top left, top left; background-repeat: no-repeat, repeat-x; } .nav-tabs-workflow > li.active > a > .step { color: #FFF; } .nav-tabs-workflow > li:first-child.active > a, .nav-tabs-workflow > li:first-child.active > a:hover, .nav-tabs-workflow > li:first-child.active > a:focus { background-image: url("/Uploads/image/css/workflow-active-to-inactive-left.jpg"), url("/Uploads/image/css/workflow-active-bg.jpg"); background-position: top right, top left; background-repeat: no-repeat, repeat-x; border: 1px 0px 1px 0px solid transparent; border-bottom-color: transparent; cursor: default; border-bottom: 3px solid #495056; } .nav-tabs-workflow > li:not(:first-child).active > a, .nav-tabs-workflow > li:not(:first-child).active > a:hover, .nav-tabs-workflow > li:not(:first-child).active > a:focus { background-image: url("/Uploads/image/css/workflow-inactive-to-active-right.jpg"), url("/Uploads/image/css/workflow-active-to-inactive-left.jpg"), url("/Uploads/image/css/workflow-active-bg.jpg"); background-position: top left, top right, top left; background-repeat: no-repeat, no-repeat, repeat-x; border-bottom: 3px solid #495056; } .nav-tabs-workflow > li:last-child.active > a, .nav-tabs-workflow > li:last-child.active > a:hover, .nav-tabs-workflow > li:last-child.active > a:focus { background-image: url("/Uploads/image/css/workflow-inactive-to-active-right.jpg"), url("/Uploads/image/css/workflow-active-bg.jpg"); background-position: top left, top left; background-repeat: no-repeat, repeat-x; } .nav-tabs-workflow > li.next-active > a, .nav-tabs-workflow > li.next-active > a:hover, .nav-tabs-workflow > li.next-active > a:focus { background-image: url("/Uploads/image/css/workflow-inactive-to-inactive-left.jpg"), url("/Uploads/image/css/workflow-active-to-inactive-right.jpg"), url("/Uploads/image/css/workflow-inactive-bg.jpg"); background-position: top right, top left, top; background-repeat: no-repeat, no-repeat, repeat-x; } .nav-tabs-workflow > li:last-child.next-active > a, .nav-tabs-workflow > li:last-child.next-active > a:hover, .nav-tabs-workflow > li:last-child.next-active > a:focus { background-image: url("/Uploads/image/css/workflow-active-to-inactive-right.jpg"), url("/Uploads/image/css/workflow-inactive-bg.jpg"); background-position: top left, top; background-repeat: no-repeat, repeat-x; } .nav-tabs-workflow > li.prev-active > a, .nav-tabs-workflow > li.prev-active > a:hover, .nav-tabs-workflow > li.prev-active > a:focus { background-image: url("/Uploads/image/css/workflow-inactive-to-active-left.jpg"), url("/Uploads/image/css/workflow-inactive-to-inactive-right.jpg"), url("/Uploads/image/css/workflow-inactive-bg.jpg"); background-position: top right, top left, top left; background-repeat: no-repeat, no-repeat, repeat-x; } .nav-tabs-workflow > li:first-child.prev-active > a, .nav-tabs-workflow > li:first-child.prev-active > a:hover, .nav-tabs-workflow > li:first-child.prev-active > a:focus { background-image: url("/Uploads/image/css/workflow-inactive-to-active-left.jpg"), url("/Uploads/image/css/workflow-inactive-bg.jpg"); background-position: top right, top left; background-repeat: no-repeat, repeat-x; } .nav-tabs-workflow > lilast-child.prev-active > a, .nav-tabs-workflow > lilast-child.prev-active > a:hover, .nav-tabs-workflow > lilast-child.prev-active > a:focus { background-image: url("/Uploads/image/css/workflow-inactive-to-inactive-right.jpg"), url("/Uploads/image/css/workflow-inactive-bg.jpg"); background-position: top left, top left; background-repeat: no-repeat, repeat-x; } .nav-tabs-workflow.nav-justified-workflow { width: 100%; border-bottom: 0; } .nav-tabs-workflow.nav-justified-workflow > li { float: none; } .nav-tabs-workflow.nav-justified-workflow > li > a { text-align: center; margin-bottom: 5px; } .nav-tabs-workflow.nav-justified-workflow > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-tabs-workflow.nav-justified-workflow > li { display: table-cell; width: 1%; } .nav-tabs-workflow.nav-justified-workflow > li > a { margin-bottom: 0; } } .nav-tabs-workflow.nav-justified-workflow > li > a { margin-right: 0; border-radius: 1; } .nav-tabs-workflow.nav-justified-workflow > .active > a, .nav-tabs-workflow.nav-justified-workflow > .active > a:hover, .nav-tabs-workflow.nav-justified-workflow > .active > a:focus { border: 1px 0px 3px 0px solid #495056; } @media (min-width: 768px) { .nav-tabs-workflow.nav-justified-workflow { /* > .active > a, > .active > a:hover, > .active > a:focus { border-bottom-color: @nav-tabs-justified-active-link-border-color; }*/ } .nav-tabs-workflow.nav-justified-workflow > li > a { border-bottom: 3px solid #ddd; border-radius: 1 1 0 0; } } .nav-justified { width: 100%; } .nav-justified > li { float: none; } .nav-justified > li > a { text-align: center; margin-bottom: 5px; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified { border-bottom: 0; } .nav-tabs-justified > li > a { margin-right: 0; border-radius: 3px; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 3px 3px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #fff; } } .nav-justified-workflow { width: 100%; } .nav-justified-workflow > li { float: none; } .nav-justified-workflow > li > a { text-align: center; margin-bottom: 5px; } .nav-justified-workflow > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified-workflow > li { display: table-cell; width: 1%; } .nav-justified-workflow > li > a { margin-bottom: 0; } } .nav-tabs-justified-workflow { border-bottom: 0; } .nav-tabs-justified-workflow > li > a { margin-right: 0; border-radius: 1; } .nav-tabs-justified-workflow > .active > a, .nav-tabs-justified-workflow > .active > a:hover, .nav-tabs-justified-workflow > .active > a:focus { border: 1px 0px 3px 0px solid #495056; } @media (min-width: 768px) { .nav-tabs-justified-workflow { /* > .active > a, > .active > a:hover, > .active > a:focus { border-bottom-color: @nav-tabs-justified-active-link-border-color; }*/ } .nav-tabs-justified-workflow > li > a { border-bottom: 3px solid #ddd; border-radius: 1 1 0 0; } } .tab-content { margin-top: 20px; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .clearfix:before, .clearfix:after, .nav:before, .nav:after { content: " "; display: table; } .clearfix:after, .nav:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } /*END Tab style*/ /** LEVEL PAGES CSS **/ div.full-width { width: 980px; } div.nav-width { width: 700px; } .table th{ /*background-color: #dcdcdc !important;*/ background: linear-gradient(to bottom,#FFF,#E8E8E8); } #PageContent ul li { list-style-type: disc; list-style-position: outside; margin-left: 18px; } /*Remove top margin from the first table on the page*/ #PageContent table:first-child{ margin-top: 0px; } .table-mondrian-navigation li:last-child { margin-bottom: 0; } .table-mondrian-navigation li a::after { content: " \203A"; } #PageContent .table-mondrian-navigation li { box-sizing: border-box; display: block; width: 100%; margin-bottom: 1px; margin-left: 0px; height: 50px; } #content #main .table-mondrian-navigation li a { box-sizing: border-box; background-color: #5989b3; color: #fff; display: block; width: 100%; height: 50px; padding-left: 10px; padding-top: 15px; } #content #main .table-mondrian-navigation li a:hover { background-color: #01538b; text-decoration: none; } .table-mondrian-a { margin-top: 0px; width: 100%; } .table-mondrian-a td { vertical-align: top; box-sizing: border-box; } .table-mondrian-a table { width: 100%; } .table-mondrian-a-feature { width: 484px; padding-right: 12px; } .table-mondrian-a-center { width: 236px; padding-right: 12px; } .table-mondrian-a-landscape img { margin-top: 12px; } .table-mondrian-f { margin-top: 0px; width: 100%; } .table-mondrian-f td:first-child { width: 460px; text-align: left; } .table-mondrian-f td:last-child { vertical-align: top; } #content #main .table-mondrian-f .table-mondrian-navigation li { height: 51px; } #content #main .table-mondrian-f .table-mondrian-navigation li a{ height: 51px; } .table-hdi{ margin-top: 20px; width: 100%; } .table-hdi td { vertical-align: top; } .table-hdi h1 { margin-top: 0px !important; } .table-hdi img { float:left; margin: 0px 20px 20px 0px; } .table-hdi div { overflow: hidden; } /*.table-hero img { margin: 20px 0 20px 0; }*/ .table-featured-gateway { width: 100%; margin-top: 30px; background-color: #EEEEED; } .table-featured-gateway td { vertical-align: top; text-align: center; padding-bottom: 20px; width: 208px; } .table-featured-gateway td:first-child { padding-left: 13px; } .table-featured-gateway td:last-child { padding-right: 13px; } .table-featured-gateway th { height: 50px; padding-left: 21px; } .table-featured-gateway img { margin-bottom: 17px; } .table-hdi-alternating { width: 100%; margin-top: 20px; } .table-hdi-alternating tr:nth-child(even) td:last-child { width: 247px; padding-left: 17px; vertical-align: top; } .table-hdi-alternating tr:nth-child(odd) td:first-child { width: 247px; padding-right: 17px; vertical-align: top; } .table-hdi-alternating td { padding-bottom: 40px; } .table-hdi-alternating td img { border: 1px solid #cccccc; } .table-category-lists { margin-top: 30px; width: 100%; table-layout: fixed; } .table-category-lists td { vertical-align: top; padding: 0 7px 20px 7px; } .table-category-lists td:first-child { padding-left: 0px; } .table-category-lists td:last-child { padding-right: 0px; } .table-video { width: 100%; margin-top: 30px; background-color: #EEEEED; padding-bottom: 30px; } .table-video th { padding-left: 21px; } .table-video td:first-child { text-align: center; padding-left: 10px; } .table-video td:last-child { text-align: center; padding-right: 10px; } .table-embedded-promos { width: 100%; margin-top: 30px; } .table-embedded-promos td:first-child { text-align: left; } .table-embedded-promos td:last-child { text-align: right; } .table-resources { width: 100%; margin-top: 30px; background-color: #EEEEED; padding-bottom: 18px; } .table-resources td{ width: 50%; padding-left: 21px; vertical-align: top; } #PageContent .table-resources li { margin: 0px 0px 10px 0px; list-style: none; } .table-quicklinks { margin: 30px 0; width: 100%; table-layout: fixed; } .table-quicklinks ul { padding-left:20px; margin-top:10px; list-style-position: outside; overflow: hidden; } .table-quicklinks ul > li{ line-height:22px; list-style-type: disc !important; font-size: 13px; } .table-promo-tandc { margin-top: 30px; } .table-promo-tandc td { font-size: smaller; } .table-features { width: 100%; margin-top: 20px; } .table-features ul { padding-left:20px; margin-top:10px; list-style-position: outside; overflow: hidden; } .table-features ul > li{ line-height:25px; list-style-type: disc !important; font-size: 13px; } #PageContent .nav-tabs > li { margin-left: 0px; margin-right: 3px; } /*** LEVEL PAGES CSS ENDS ***/ input.filter-table { border: 1px solid #cccccc; padding: 7px 5px 7px 2px; margin-top:1px; width: 200px; } /* ACCORDIAN STYLES BEGIN */ .accordion-heading { background-color: #f3f3f3; border: 1px solid #dcdcdc; font-size: 14px; font-weight: bold; color: #1e8ae7; cursor: pointer; padding: 12px 25px; width: 100%; text-align: left; outline: none; transition: 0.4s; margin-bottom: 2px; background: url(https://ux.thermofisher.com/styleguides/images/arrow-showhide.gif) 9px 15px no-repeat #eee; position: relative; line-height: 1.3em; display: block; box-sizing: border-box; } .accordion-heading.active { background-color: #c8c8c8; background: url(https://ux.thermofisher.com/styleguides/images/arrow-showhide.gif) 9px -26px no-repeat #c8c8c8; color:#333; } .accordion-heading:hover{ background-color: #c8c8c8; } .accordion-body { padding: 14 9px; display: none; background-color: white; overflow: hidden; color: #333333; } /* ACCORDIAN STYLES END */