table {
	font-size: 1em;
}

#wrapper {width: 90%; margin: auto;}

#wrapper h2 {font-size: 24px;
  
  font-style: normal;
  font-weight: normal;
  border: none;
  color: #10103f }

#wrapper hr {
  border: solid #DDDDDD;
    border-width: 1px 0 0;
    clear: both;
    height: 0;}


div.wrapper>img {width: 5%}

.k-slider-wrap.k-slider-bottomright {
    width: 100%;
    height: 150%;
}
    .classHide {display: none;}




  #theSliderGroup .k-slider-horizontal .k-slider-track {
  height:23px;

  background: white; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, white , red); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, white , red); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, white , red); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, white , red); /* Standard syntax */
  border-style: solid; border-width: thin; border-color: #999999

}
  #theSliderGroup .k-slider .k-draghandle.k-state-selected {
    background-image: url(arrow.png);height: 30px; width: 30px
}

  #theSliderGroup a.k-draghandle.k-state-focused.k-state-selected {
    background-image: url(arrow.png);
}
  #theSliderGroup a.k-draghandle.k-state-focused.k-state-selected:hover {
    background: none;
}

  #theSliderGroup a.k-draghandle.k-state-focused.k-state-selected:hover {
    background-image: url(arrow.png);
}
  #theSliderGroup .k-slider .k-draghandle {
    background-image: url(arrow.png); height: 30px; width: 30px
}

  #theSliderGroup .k-draghandle {
    background: none; border: none;
}

  #theSliderGroup  .k-draghandle.k-state-selected {
    background: none; border: none;
}

  #theSliderGroup .k-draghandle .k-state-selected:hover .k-state-focused {
    background-color: #000000
}

  #theSliderGroup  .k-draghandle .k-state-selected .k-state-focused {
    background: transparent; border: none;box-shadow: none;
}
  #theSliderGroup  .k-state-selected.k-state-focused {
    background: transparent; border: none;box-shadow: none;
}

  #theSliderGroup  .k-slider-selection {
    background:none;
}

  #theRangeSliderGroup .k-slider-horizontal .k-slider-track {
    height:100px;
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, blue , white , red); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, blue , white , red); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, blue , white , red); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, blue , white , red); /* Standard syntax */
}

  #theRangeSliderGroup .k-slider .k-draghandle.k-state-selected {
    background-image: url(arrow-small.png);height: 30px; width: 15px
}

  #theRangeSliderGroup a.k-draghandle.k-state-focused.k-state-selected {
    background-image: url(arrow-small.png);
}
  #theRangeSliderGroup a.k-draghandle.k-state-focused.k-state-selected:hover {
    background: none;
}

  #theRangeSliderGroup a.k-draghandle.k-state-focused.k-state-selected:hover {
    background-image: url(arrow-small.png);
}
  #theRangeSliderGroup .k-slider .k-draghandle {
    background-image: url(arrow-small.png); height: 30px; width: 15px
}

  #theRangeSliderGroup .k-draghandle {
    background: none; border: none;
}

  #theRangeSliderGroup  .k-draghandle.k-state-selected {
    background: none; border: none;
}

  #theRangeSliderGroup .k-draghandle .k-state-selected:hover .k-state-focused {
    background-color: #000000
}

  #theRangeSliderGroup  .k-draghandle .k-state-selected .k-state-focused {
    background: transparent; border: none;box-shadow: none;
}

  #theRangeSliderGroup  .k-state-selected.k-state-focused {
    background: transparent; border: none;box-shadow: none;
}

  #theRangeSliderGroup  .k-slider-selection {
    background:none;}

  #theRangeSliderGroup .k-slider-selection {background-color: #e7e7e7; height: 11px; margin-top: -5px;}



  #hotthermalresistanceslidergroup .k-slider-horizontal .k-slider-track {
    height:100px;
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, blue , white , red); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, blue , white , red); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, blue , white , red); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, blue , white , red); /* Standard syntax */

}
  #hotthermalresistanceslidergroup .k-slider .k-draghandle.k-state-selected {
    background-image: url(arrow-small.png);height: 30px; width: 15px
}

  #hotthermalresistanceslidergroup a.k-draghandle.k-state-focused.k-state-selected {
    background-image: url(arrow-small.png);
}
  #hotthermalresistanceslidergroup a.k-draghandle.k-state-focused.k-state-selected:hover {
    background: none;
}

  #hotthermalresistanceslidergroup a.k-draghandle.k-state-focused.k-state-selected:hover {
    background-image: url(arrow-small.png);
}
  #hotthermalresistanceslidergroup .k-slider .k-draghandle {
  background-image: url(arrow-small.png); height: 30px; width: 15px
}

  #hotthermalresistanceslidergroup .k-draghandle {
    background: none; border: none;
}

  #hotthermalresistanceslidergroup  .k-draghandle.k-state-selected {
    background: none; border: none;
}

  #hotthermalresistanceslidergroup .k-draghandle .k-state-selected:hover .k-state-focused {
    background-color: #000000
}

  #hotthermalresistanceslidergroup  .k-draghandle .k-state-selected .k-state-focused {
    background: transparent; border: none;box-shadow: none;
}

  #hotthermalresistanceslidergroup  .k-state-selected.k-state-focused {
    background: transparent; border: none;box-shadow: none;
}

  #hotthermalresistanceslidergroup  .k-slider-selection {
    background:none;
}

  #hotthermalresistanceslidergroup .k-slider-selection {
    background-color: #e7e7e7; height: 11px; margin-top: -5px;
}

   #coldthermalresistanceslidergroup .k-slider-horizontal .k-slider-track {
    height:100px;
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, blue , white , red); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, blue , white , red); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, blue , white , red); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, blue , white , red); /* Standard syntax */

}
  #coldthermalresistanceslidergroup .k-slider .k-draghandle.k-state-selected {
    background-image: url(arrow-small.png);height: 30px; width: 15px
}

  #coldthermalresistanceslidergroup a.k-draghandle.k-state-focused.k-state-selected {
    background-image: url(arrow-small.png);
}
  #coldthermalresistanceslidergroup a.k-draghandle.k-state-focused.k-state-selected:hover {
    background: none;
}

  #coldthermalresistanceslidergroup a.k-draghandle.k-state-focused.k-state-selected:hover {
    background-image: url(arrow-small.png);
}
  #coldthermalresistanceslidergroup .k-slider .k-draghandle {
  background-image: url(arrow-small.png); height: 30px; width: 15px
}

  #coldthermalresistanceslidergroup .k-draghandle {
    background: none; border: none;
}

  #coldthermalresistanceslidergroup  .k-draghandle.k-state-selected {
    background: none; border: none;
}

  #coldthermalresistanceslidergroup .k-draghandle .k-state-selected:hover .k-state-focused {
    background-color: #000000
}

  #coldthermalresistanceslidergroup  .k-draghandle .k-state-selected .k-state-focused {
    background: transparent; border: none;box-shadow: none;
}

  #coldthermalresistanceslidergroup  .k-state-selected.k-state-focused {
    background: transparent; border: none;box-shadow: none;
}

  #coldthermalresistanceslidergroup  .k-slider-selection {
    background:none;
}

  #coldthermalresistanceslidergroup .k-slider-selection {
    background-color: #e7e7e7; height: 11px; margin-top: -5px;
}


   .headingWrap {color: #10103f; width: 98%; margin: 5px 0px 0px 0px;  font-size: 22px;  font-family: sans-serif; font-weight: bold;}


  .sliderAccordionHeader {
    width: 350px;
    padding-top: 7px;
    float: left;
    
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase;
    text-rendering: optimizeLegibility;
    font-size: 21px;
    color: #10103f}


#helpSection1 {float: right; font-size: 12px; font-weight: lighter; padding-top: 5px;}
#helpSection2 {float: right; font-size: 12px; font-weight: lighter; padding-top: 5px;}
#helpSection3 {float: right; font-size: 12px; font-weight: lighter; padding-top: 5px;}

#helpSectionInner {padding:5px 5px; float: left;}

#qcBar {text-align: left;  width: 90%; margin: auto; font-size: 16px}

#qcBar ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: left;
}

#qcBar2 {padding: 25px 0px 0px 25px}

#calculatorBar {text-align: center;}

.k-pager-sizes.k-label {font-size: 12px}



input[type="file"], input[type="checkbox"], input[type="radio"], select {
    margin: 0 !important;
    border-radius: 0px !important
}


.databuttons {border-bottom: 1px solid #B9F03C; font-size:36px }

.databuttons input[type="file"], input[type="checkbox"], input[type="radio"], select {
    margin: 0 !important;
    border-radius: 0px !important
}

/* Columns floated left */
.col-4 {
  width: 25%;
  float: left;
  padding: 1%;
  box-sizing: border-box;
  height: auto;
  overflow: hidden;
}

/* Container to make absolute positioning easier on psuedo element */
.image_container {
  position: relative;
  overflow: auto;
  padding: 0;
  margin: 0;
      border: 1px solid #999999;
}

.image_container img {
  width: 100%;
  display: block;
}

/* Structure for ::before element */
#img_1::before,
#img_2::before,
#img_3::before,
#img_4::before {
  background: #B9F03C;
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  display: block;
  opacity: 0;
  color: white;
  padding: 10px;
  transition: 0.5s ease;
}

/* Hover state for container to show ::before on mouseover */
.image_container:hover#img_1::before,
.image_container:hover#img_2::before,
.image_container:hover#img_3::before,
.image_container:hover#img_4::before {
  opacity: 1;
  cursor: pointer;
}

/* Text for ::before elements */
#img_1::before {
  padding: 40px;
  content: 'Some preamble can go here';
}
#img_2::before {
  padding: 40px;
  content: 'Some preamble can go here';
}
#img_3::before {
  padding: 40px;
  content: 'Some preamble can go here';
}

#img_4::before {
  padding: 40px;
  content: 'Some preamble can go here';
}

#helpSection1 #helpSection2 #helpSection2 a{width:25px;float: left;}

#tem {border-top: 1px solid #B9F03C;border-bottom: 0px solid #B9F03C; width: 100%;}
#tea {border-top: 1px solid #B9F03C;border-bottom: 0px solid #B9F03C; width: 100%;}
#lcs {border-top: 1px solid #B9F03C;border-bottom: 0px solid #B9F03C; width: 100%;}
#custom_cool {border-top: 1px solid #B9F03C;border-bottom: 0px solid #B9F03C; width: 100%;}

#qcValue {width: 75px; font-size: 16px}

#temGrid5W {margin: 20px 0px 0px 0px}
#temGrid25W {margin: 20px 0px 0px 0px}

#accordion {font-family: sans-serif;font-size: 14px;}

.helpImageWrap {width: 25px; float: left;}

.rangeSliderWrap {display: flex; }
.rangeSliderWrap > div {flex: 1;}

.description-container{display: flex; flex-direction: row; align-items: center;}

.rangeSliderWrapTR {padding: 0px 25px 0px 25px}

.chartWrapper {margin-bottom: 20px; width: 100%; margin: auto;}


.chartButtonsRight {margin-bottom: 20px; float: right; width: 15%; text-align: center;}



.chartHide {display: none;}

#theRangeSliderGroup {width: 100%; float: left;}
#op-point-slider-group {width: 50%; float: right;}

ul.disc, .section-4 .main-content ul {
  margin-left: 0 !important;
  list-style-type: none!important;
}

input[type="submit"] {float: left !important; }

.addthis_sharing_toolbox {display: none !important;}

@media only screen and (max-width: 950px) {

#iframesrc3 {width: 100%}
#iframeccustom {width: 100%}

}

@media only screen and (max-width: 758px) {

    .description-container{display: block; flex-direction: row; align-items: center;}
    .calcimage {display: none !important;}
    #temdiv {width: 100% !important}
    #teadiv {width: 100% !important}
    #lcsdiv {width: 100% !important}
    #customdiv {width: 100% !important}


}