/* custom styles */
sup {vertical-align: super;font-size: smaller;}
table.mk-features {width:auto; min-width: 250px;}
table.mk-features th.headerCol {width:auto;}

/* temperature visual */
#thermo {height: 100px;width: 21px;float: left;position: relative;left: 63px;top: 167px;margin: 0;}
#mercury {width: 100%;height: 0%;background-color: #165db5;bottom: 0;position: absolute;}

/* resistor color chart */

table.resistor tr.Black .headerCol{background-color:#000; color:#fff;}
table.resistor tr.Black .contentCol{background-color:#000; color:#fff;}
table.resistor tr.Brown .headerCol{background-color:#906119; color:#fff;}
table.resistor tr.Brown .contentCol{background-color:#906119; color:#fff;}
table.resistor tr.Red .headerCol{background-color:#F00; color:#fff;}
table.resistor tr.Red .contentCol{background-color:#F00; color:#fff;}
table.resistor tr.Orange .headerCol{background-color:#FF6600; color:#fff;}
table.resistor tr.Orange .contentCol{background-color:#FF6600; color:#fff;}
table.resistor tr.Yellow .headerCol{background-color:#FFFF00;}
table.resistor tr.Yellow .contentCol{background-color:#FFFF00;}
table.resistor tr.Green .headerCol{background-color:#00CC00;}
table.resistor tr.Green .contentCol{background-color:#00CC00;}
table.resistor tr.Blue .headerCol{background-color:#004EFF; color:#fff;}
table.resistor tr.Blue .contentCol{background-color:#004EFF; color:#fff;}
table.resistor tr.Violet .headerCol{background-color:#CC00CC; color:#fff;}
table.resistor tr.Violet .contentCol{background-color:#CC00CC; color:#fff;}
table.resistor tr.Gray .headerCol{background-color:#ccc;}
table.resistor tr.Gray .contentCol{background-color:#ccc;}
table.resistor tr.White .headerCol{background-color:#fff;}
table.resistor tr.White .contentCol{background-color:#fff;}
table.resistor tr.Gold .headerCol{background-color:#D8A915;}
table.resistor tr.Gold .contentCol{background-color:#D8A915;}
table.resistor tr.Silver .headerCol{background-color:#ccc;}
table.resistor tr.Silver .contentCol{background-color:#ccc;}

/* resistor visual */
.mk-fieldset.disabled label {color: #ccc;}
.mk-fieldset.disabled select {color: #ccc;border: 1px solid #ccc;}
.resistor_diagram {height: 50px;margin: 20px 50px;position: relative;background: #BDA96D;width: 180px;float: left;}
.resistor_diagram::before{content: "";display: block;background: gray;width: 40px;height: 10px;position: absolute;top:20px;left:-40px;z-index: 1;}
.resistor_diagram::after{content: "";display: block;background: gray;width: 40px;height: 10px;position: absolute;top:20px;right:-40px;z-index: 1;}
.resistor_diagram .ends{z-index: 100;position: relative;float: left;width: 20px;height:60px;background: #BDA96D;margin-top:-5px;}
.resistor_diagram .leftside{border-top-left-radius: 20px;border-bottom-left-radius: 20px;margin-left: -10px;}
.resistor_diagram .rightside{border-top-right-radius: 20px;border-bottom-right-radius: 20px;margin-right: -10px;}
.resistor_diagram .band{float: left;width: 20px;height:50px;background: #BDA96D;margin: 0 2px;}
.resistor_diagram .band.band1 {height: 60px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;border:none;margin: 0;margin-top: -5px;}
.resistor_diagram .band.mult {}
.resistor_diagram .tolerance, .resistor_diagram .tempco, .resistor_diagram .rightside {float: right;}
.resistor_diagram .band.tempco {height: 60px;margin-top: -5px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;border:none;margin: 0;margin-top: -5px;}

/* styles for comma checker */
.commachk fieldset{position: relative;}
.commachk .commawrng {width: auto;padding: 5px 10px 4px;background-color: #F17C0E;color: #fff;border: 1px solid #ccc;display: block;float: right;position: absolute;top: 21px;right: 0;}
.commachk .commawrng::before {position: absolute;content: "";display: block;border-top: 12px solid transparent;border-right: 12px solid #F17C0E;border-bottom: 12px solid transparent;left: -12px;top: 0;}
.commachk .commawrng a{font-weight: bold;text-decoration: underline;cursor: pointer;}


/* new header styles */

.new-page-header {
    width:100%;
    background: #007fac url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/carat-new-header.png) no-repeat bottom left;
}

.new-page-header-inner {
    padding-right:50%;
    padding-top:24px;
    padding-bottom:30px;
    padding-left:32px;
    margin-bottom:24px;
}


.new-calculators-img {
    background: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/services_headers/purchasing-img.png) no-repeat right top; }
.new-calculators-color { background-color: #f1f1f2; }