@charset "utf-8";
/* CSS Document */
/* html{overflow-x:hidden;}*/



.historyBox{
    float: right;
    background-color: aliceblue;
    padding: 10px 20px;
    width: 100%;
    margin: 45px 0px;}

[ishistorical="true"] {
  background: rgba(97, 220, 209, 0.15);
  border: 1px #3a6b34 dashed;
  padding: 5px;
  margin-top: 5px;
}
.historyWarning{
    position: fixed;
    bottom: 0px;
    font-size: 1.2em;
    width: 100%;
    background-color: rgba(62, 62, 62, 0.96);
    color: #fff;
    left: 0px;
    text-align: center;
    padding: 10px;
    padding-top: 20px;
    z-index: 999;
    border-top: 3px solid #37636d;
	}
.historyWarning_input{
    position: relative  !important;;
    top: -2px  !important;;
    background: #c76b25  !important ;
	    font-size: 15px  !important;
}
.historyWarning strong{
color: #c37725;
}
.parent-link{display:none !important;}

.prodInfo h1{  font-size: 2.85em;
  color: #000;}

.adminButton{

background-color: #619958;
text-indent: 0;
border: 1px solid #000;
display: inline-block;
color: #ffffff;
font-family: Arial;
font-size: 11px;
font-weight: bold;
font-style: normal;
height: 20px;
line-height: 21px;
padding: 0px 20px !important;
text-decoration: none;
text-align: center;
position: relative;
top: -2px;
/* top: 17px; */
margin-left: 10px;
}

.adminButton2{background-color: #6C6C6C;
text-indent: 0;
border: 1px solid #000;
display: inline-block;
color: #ffffff;
font-family: Arial;
font-size: 11px;
font-weight: bold;
font-style: normal;
height: 20px;
line-height: 21px;
padding: 0px 20px !important;
text-decoration: none;
text-align: center;
position: relative;
top: -2px;
/* top: 17px; */
margin-left: 10px;
}

.admin label{display: inline-block; padding: 0px 20px 0px 0px !important;}
.admin .multline{ padding-bottom: 20px;}
.admin .multline .adminFeild{width: 100% !important; display: inline-block; }
.CommandButton a , .CommandButton A:visited, .CommandButton A:link{color: #fff !important;}

.adminTopBar{ color: #1A1A1A;
background-color: #C8C8C8;
height: 35px;
line-height: 35px;
padding: 0px 10px;
border-bottom: 2px solid #434343;
position: relative;
z-index: 9999;
width: 100%;
top: 0px;
}
.adminUserName{float:left;}
.adminViewFullSite{float:left; margin-left: 29px;
}
.adminNavigation{float:right;}

.adminNavigation ul {text-align:center;}
.adminNavigation ul li {float:left;display:inline; position: relative;
top: -3px;}
.adminNavigation ul li:hover {background:#E6E6E6;}
.adminNavigation ul li a {display:block;padding:0px 25px;  line-height: 35px;}
.adminNavigation ul li ul {}
.adminNavigation ul li ul li {}
.adminNavigation ul li ul li a {}
.adminNavigation ul li ul li:hover a {}
.adminNavigation ul li ul.innerul {}
.adminNavigation ul li:hover ul.innerul {}




table{width:100%; table-layout: fixed;}

// Fix for 3rd Tier Top-bar Nav on Android
// See: http://stackoverflow.com/quions/22562978/foundation-5-top-bar-not-working-on-android-browser







@media screen and (-webkit-min-device-pixel-ratio:0) {
  .top-bar.expanded .top-bar-section .has-dropdown.moved > .dropdown {
      clip:initial;
    }
    .top-bar.expanded .top-bar-section .dropdown {
      clip:initial;
    }
    // This was needed as parent ul's had padding, which the clip: was allowing content to peak through
    .has-dropdown:not(.moved) > ul {
      padding: 0;
    }
  }
}

.EstimateBtn a{padding: 2% 6.25%; background:#052755; color:#ffffff; border: 3px solid #ababab; font-size:1.2em;box-shadow:3px 3px 15px #A9A9A9;}
.EstimateBtn {

    line-height: 0px;
    margin-bottom: 60px;
    position: relative;
    top: 50px;
    margin-bottom: 65px;
	z-index: 3
}

.featuredTestimonial p{
position: absolute;
z-index: 1;
background: rgba(0, 0, 0, 0.53);
color: #fff;
padding: 2px 10px;
left: 17px;
width: 75%;
background: -moz-linear-gradient(left,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */


}
.EstimateBtn{text-align: center}
.highlight-image{cursor: pointer;}
.prodInfo ul li{ margin-bottom:10px;}
.links ul li{list-style-type:none; margin-bottom:10px;}

.tabs dd.active a {
background: white;
border-bottom:none;
border-radius: 3px 5px 0 0
}


.tabs dd > a {
font-size: .8rem;
}

.prodInfo{font-size: .5rem;}

#Apollo-Warranty-Chart, #Apollo-Tile-Warranty-Chart, #Solstice-Warranty-Chart {font-size: 2em;}
#Apollo-Warranty-Chart .row div, #Apollo-Tile-Warranty-Chart .row div, #Solstice-Warranty-Chart .row div {text-align:center;border: 1px solid black;padding:5px}
#Apollo-Warranty-Chart div:nth-child(1), #Apollo-Tile-Warranty-Chart div:nth-child(1), #Solstice-Warranty-Chart div:nth-child(1) {text-align:right;background:#E0E0E0;}
#Apollo-Warranty-Chart div.row:first-child div, #Apollo-Tile-Warranty-Chart div.row:first-child div , #Solstice-Warranty-Chart div.row:first-child div  {background: #0073BF;color:white;}
#Apollo-Warranty-Chart .show-for-small-only, #Apollo-Tile-Warranty-Chart .show-for-small-only, #Solstice-Warranty-Chart .show-for-small-only {background-color: #0073BF;color: white;}


.tabs dd > a {
border-left: 2px solid #ababab;
border-top: 2px solid #ababab;
border-right: 2px solid #ababab;
border-bottom: none;
margin-right:10px;
border-radius: 3px 5px 0 0
}
.readMore{display:none;}
.tabs-content {
border: 2px solid #ababab;
border-radius: 0px 10px 10px 10px;
background:#ffffff;
}
.prodDisclaim{font-size: .7em; margin: 10px;color: #9D9B9B;}

.colorDisclaim {font-size: .7em;margin: 10px;color: #9D9B9B; position:relative; top:20px; clear:both;}


.prodInfo{border-right:2px solid #ababab; margin:10px 0; padding:0 2rem;}
.orbit-container {width: 100%;overflow: hidden;}

.prodTitle {
position: relative;
top: 80px;
left: 40px;
z-index: 2;
color: #ffffff;
margin-top:-50px;
}

@media only screen and (max-width:1024px){
.prodTitle {
position: relative;
top: 40px;
left: 40px;
z-index: 2;
color: #ffffff;
margin-top:-50px;
}
}
.prodTitle img{max-width:45%;}

.imageHolder img{margin-top:10px;}
.featuredTestimonial{overflow:hidden;}
.featuredTestimonial img{max-height :175px}
.imgDes{display:none;}
.highlight-image img{max-height:40px;   min-height: 25px;
  min-width: 30px;}
.highlight-image{padding:2px;}

@media only screen and (max-width:1024px){
.prodTitle{top:70px;}
.highlight-image img{height:140px;}
.EstimateBtn {
line-height:55px;
margin-bottom:60px;
margin-top:40px;
position: static;

}
	}

@media only screen and (max-width:1024px){
.tabs dd > a {
display: block;
background: #efefef;
color: #222222;
padding: .7rem .2rem;
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-size: 0.8em;
margin-right:2px;
}
}

.CommandButton{position:relative; z-index:999;}

.Pimage {width:33%; float:left}
.Pname{width:66%; float:left; text-align:center; padding-top:20px;}

.tabs {
margin-top: 0px;
}
@media only screen and (max-width: 40.063em){
.ctaButton{top: 40%;}
.top-bar li:hover{background:none;}
.parent-link{display:inline-block !important;}
}



@media (max-width:642px){
.Pimage {width: 100%; float:left;display: block;}
.Pname{width: 100%; float: none; text-align:center; padding-top: 10px;display: block;clear: both;}


.productBox td div div {border: none !important;height: auto !important;}
.productBox td {vertical-align: top;}
.productBox tr {border-bottom: 1px black solid;}
}

table#Apollo-Warranty-Chart, #Apollo-Tile-Warranty-Chart, #Solstice-Warranty-Chart {
  font-size: 2em;
}

.displayNone {height:50px;}
.displayNone img {display:none;}

.EstimateBtn a {
  padding: 2% 6.25%;
  background: #052755;
  color: #ffffff;
  border: 3px solid #ababab;
  font-size: 1.2em;
  box-shadow: 3px 3px 15px #000000;
}