﻿.formtext {
    display: block;
}

.none {
    float: none;
}

.center {
    text-align: center;
    margin: 0 auto;
}

.first {
    margin-left:0 !important;
}

 .border-dark{
  height:1px;
  color:#d5d5d5;
  border-bottom:1px dotted #b5b5b5;
  letter-spacing: 4px;
  margin-top:20px;
  margin-bottom:20px;}

/* Perfect 10*/

.product_Perfect10Buttonbar
{
  float:left;
  margin-right:20px;
  }

.p10formfield{
    margin-bottom:5px;
    margin-top:5px;
    background-color:#f3f2f2;
    border:1px solid #bbbbbb;
    height:25px;
    padding-left:5px;
    }

.p10CartHolder{
    float: left;
    width: 270px;
    margin-right: 20px;
    background-color: white;
    padding:20px;
    }

.product_divPerfect10ShippingDetails{
    margin: 30px 0 0;
    }

.div_generaltablerow{
    float: none;
    margin-bottom: 20px;
    padding: 0px;
    }

.item, .itemalt{
   float: none;
   overflow:hidden;
   margin-bottom: 20px;
   padding-bottom:10px;
   border-bottom: 1px solid #dddddd;
        }

/* overall forms*/

.stdFormLabel{
  font-weight:bold;
  }

.floatl
{
  float:left;}

.rowholder
{
  width:100%;
  padding-bottom:10px;
  display:block;
  clear:both;
  }

/* Lit Order Form */

.shippingcolumns{
  width:320px;
  float:left;
  margin-right:30px;}

.shippingrowHolder{
  margin:10px 0px 10px 0px;}

.asceformfield{
    float:left;
    width:280px;
    border:1px solid #bbbbbb;
    height:25px;
    }

.itemb{
    font-weight:bold;
    color:#272727;}

#sectionsHeader div{
     float: left;
     width: 250px;
     }

#sections .item{
    clear: both;
    }

#sections .header{
    clear: both;
    background-color: #777;
    background-image:url("../_images/actionbar-dropdown-arrow.png");
    background-repeat:no-repeat;
    background-position:left;
    color: White;
    padding: 10px;
    padding-left:20px;
    margin-bottom: 11px;
    cursor: pointer;
    }

#sections .item div{
    float: left;
    padding-bottom: 8px;
    }

#sections .group{
    display: none;
    }

#sections .group h2{
    margin-left: 4px;
    margin-bottom: 4px;
    clear: both;
   }


/* Adhesive Savings Calc Form */

.adheredformlabel, .adheredformlabelinner2, .adheredformlabelinner, .asceformlabel,  .asceformlabel1, .tpoformlabel, .generalformtext{
  font-weight:bold;
  float:left;
  width:140px;
  margin-top:6px;
  }

.warrantymatrix{
  font-weight:bold;
  float:left;
  width:200px;
  margin-top:6px;
  }

.generalformresult{
  font-weight:normal;
  float:left;
  width:300px;
  margin-top:6px;
  }

.adheredformfield, .asceformfield, .tpoformfield, .generalformfield, .login_formfields{
    width:280px;
    border:1px solid #bbbbbb;
    margin-bottom:10px;
    float:left;
    padding-left:5px;
    height:25px;}

.new-requestfields{
    width:280px;
    border:1px solid #bbbbbb;
    margin-bottom:10px;
    padding-left:5px;
    height:25px;}
 .newsel {
    width: 293px;
    height:33px;
 }
.new-requesttext{
    font-weight:bold;
  float:left;
  width:110px;
  margin-top:6px;
  }

.div_formholder{
    width:960px;
    display:block;}


.div_formhalf{
    width:470px;
    margin-bottom:10px;
    display:block;
    float:left;}

.div_formhalf-header{
    width:470px;
    overflow:hidden;
    display:block;
    float:none;}

.div_formhalfadhered {
  width: 445px;
  float: left;
  background-color:#e4e4e4;
  padding: 10px;
  margin:20px 0px 20px 0px;
}

.formsubheading, .leedformtitle{
  color: black;
  font-size: 14px;
  margin-bottom: 10px;
  height: 25px;
  text-align: left;
  margin-top: 0px;
  padding-top: 4px;
}

.none{
  display:block;
  overflow:hidden;
  }

.finalnums {
  color: black;
  font-size: 20px;
  text-align: center;
}

.calcheader{
  margin-top:20px;
  display:block;
  font-weight:bold;
  }

/* ASCE7 */

.ascetable, .div_generaltable {
  margin-top: 20px;
  padding: 20px;
  overflow: hidden;
}

.ascetablerow, .div_generaltablerow {
  float: none;
  margin-bottom: 15px;
  overflow: hidden;
  padding: 0px 0px 0px 0px;
}

.asceformfieldsmall
{
  width:88px;
    border:1px solid #bbbbbb;
    margin-left:10px;
    float:left;
    padding-left:5px;
    height:25px;}

.generalformlabel {
  float: left;
  width: 400px;
  margin-right: 20px;
  text-align: right;
  font-size: 13px;
}

.btnclick {
  text-align: center;
  margin: 10px 0px 10px 0px;
  overflow: hidden;
  float:none;
}

.buttonHolder{
    width:960px;
    display:block;
    overflow:hidden;
    float:none;
    margin-left:350px;
}

/* FAT savings calc */

.disabled
{
  width:280px;
    border:1px solid #bbbbbb;
    margin-bottom:10px;
    float:left;
    padding-left:5px;
    height:25px;
  }

.style11{
  font-weight:bold;
  }

.style21{
  margin-bottom:10px;
  }

/* Roof Nav*/

.roofnav_cookietrail
{
  background-color:#d2d2d3;}

.roofnav_entrytable
{
  padding:5px 0px 5px 0px;
  height:25px;
  }

/* Roof Garden */


.roofgardenformfield{
    margin-bottom:5px;
    margin-top:5px;
    background-color:#f3f2f2;
    border:1px solid #bbbbbb;
    padding-left:5px;
    height:25px;
    }

.roofgarden_results
{
  font-weight:bold;
  font-size:18px;
  margin:10px 0px 10px 0px;
  }

.roofgarden_results_div
{
  padding: 15px 15px 15px 15px;
  text-align:center;
  }

.roofgarden_search
{
  float:left;
  margin-top:17px;
  }

.div_formhalf-roofgarden{
    width:400px;
    margin-bottom:20px;
    overflow:hidden;
    display:block;
    float:left;}

.roofgarden_planttitle_div {
  height: 21px;
  padding:10px;
  background-color: #d2d2d3;
  width:940px;
  overflow: hidden;
  margin-top: 30px;
}

.roofgarden_plantinfo_div {
  margin-top: 20px;
  float: none;
}

.roofgarden_plantimage {
  float: left;
  width: 160px;
  display: block;
  overflow: hidden;
}

.roofgarden_plantstatistics {
  float: left;
  margin-left: 20px;
  width: 300px;
}

.roofgarden_plantstatistics ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

.roofgarden_plantstatistics li {
  margin-top:5px;
  margin-bottom:5px;
}


.roofgarden_labeltext {
float: right;
}

.roofgarden_description {
  float: left;
  width: 400px;
  margin-left: 40px;
}

.roofgarden_select {
float: right;
}

.roofgarden_plant_name {
  float: left;
  color: black;
  font-size: 16px;
  margin-bottom: 10px;
  height: 25px;
  font-weight: bold;
}


/* SAT TPO savings Calc*/

.sattpo_subheadings{
  font-weight:bold;
  color: black;
  margin-bottom: 15px;
  font-style:italic;}

.addmoreitems_forms
{
  background-color:#d2d2d3;
  padding:20px 10px 0px 10px;
  overflow:hidden;
  margin-bottom:30px;
  }

/* LEED  */

.Leed-sections{
    width:280px;
    margin-bottom:10px;
    float:left;
    padding-left:5px;
    height:25px;}

 /* Warranty Matrix */

        .warrantypage{
            color: #00549f;
            font-size: 20px;
            font-weight: bold;
            text-align: center;
            padding-bottom: 7px;}

        .warrantyholder{
            padding: 0px 50px 0px 50px;
            text-align: center;
            font-size: 10pt;
            font-weight: bold;
            color: #000000}

        .warranty_totalHolder{
            font-size: 12pt;
            margin-bottom: 15px;
            margin-left:250px;}

        .warranty-left{
            float: left;
            margin-top:-6px;
            width: 200px;
            margin-right:10px;}

        .warranty-center{
            float: left;
            margin-left:10px;
            width: 150px;}

        .warranty-right{
            float: left;
            margin-left:10px;
            width: 200px;}

        .warranty-total{
            padding-left: 150px;
            float: left;
            width: 400px;
            font-weight: bold;
            font-size: 16pt;}

        .border{
            clear: both;
            width: 100%;
            height: 1px;
            border-bottom: solid 1px white;
            margin-top: 20px;
            margin-bottom: 20px;}

        .div_generaltable{
            margin-top:20px;
            padding:20px;
            overflow:hidden;}

        .div_generaltablerow{
            float:none;
            margin-bottom:15px;
            overflow:hidden;
            padding:0px 0px 0px 0px;}

        .generalformlabel{
            float:left;
            width:400px;
            margin-right:20px;
            padding-top:0px;
            text-align:right;
            font-size:12pt;}

        .login_formfields{
            width:280px;
            margin-bottom:15px;
            margin-top:5px;
            border:1px solid #7f7f7f;
            height:25px;}

          .warranty_totalHolder{
            font-size:12pt;
          margin-bottom:15px;
          margin-left:250px;
          overflow:hidden;
          padding:20px 20px 20px 0px;
          margin-top:20px;}

          .warrantyformsubhead
         {
            margin-bottom:0px;
            margin-left: 250px;
            font-weight: bold;
            font-size: 12pt;
            clear:both;
         }

          .infocolumnone
        {
            float:left;
            width:350px;
            margin-left:0px;
            font-size:12pt;
        }

        .infocolumntwo
        {
            float:left;
            width:400px;
            margin-left:150px;
            font-size:12pt;
        }

        .estimateholder
        {
            margin-top:25px;
            color:Black;
        }

        .estimatetotal
        {
            float:left;
            font-size: 14pt;
            font-weight:bold;
            color:Black;
        }

        .estimatetotalcost
        {
            float:left;
            width:350px;
            margin-left:120px;
            font-weight:bold;
            font-size:14pt;
            color:Black;
        }


/*Assembly Letter */
.AssemblyMessageHeading {
    background-color: #6a6a6a;
    color: white;
    text-align: center;
    padding: 15px;
    font-size: 13px;
    overflow: hidden;
}

.AssemblyMessageHeading div {
    margin-left: 310px;
}

.checkmark-labels {
    float: left;
    margin-top: 2px;
}

.holder_assembly-info-header {
    background-color: #6a6a6a;
    padding: 15px 20px;
    text-transform: uppercase;
    display: block;
    overflow: hidden;
    font-weight: bold;
    color: white;
}

.holder_assembly-info-header:hover {
    background-color: #7c7c7c;
    cursor: pointer;
    color: white;
}

.sectionheading {
    font-size: 15px;
}

.opacity {
    opacity: .6;
}

.holder_assmebly-info-content {
    padding: 20px;
    background-color: #ccc;
    margin-bottom: 20px;
    overflow: hidden;
}
