fa:hover{
    text-decoration:none;
}
a img{
    border:none;
}
body{
    background:#AEB1A8;
    color: #22000E;
    font-family: Arial,Helvetica,sans-serif;
    font-size:17px;
    line-height:1.5;
}
.container{
    z-index:1;
    position:relative;
    padding:0;
}
.clearfix{
    clear:both;
    display:block;
}

.shadow{
    background:#fff;
    -webkit-box-shadow:0 0 10px 3px #666;
    -moz-box-shadow:0 0 10px 3px #666;
    box-shadow:0 0 10px 3px #666;
}
.radius8{
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
}
.logo{
    /*max-width:380px;*/
    height:130px;
    float:left;
}
.logo a img{
    display:block;
    margin:30px 15px 20px;
}
.old_font {
    font-size:14px;
    line-height:1.5;
}

/************************************
	nav
************************************/
.navbar-collapse.collapse {
    background: none repeat scroll 0 0 #64A8CF;
    height: auto ;



}
.nave-color{
    background:#AEB1A8;
    border:none;

}
.navbar{margin-bottom:0;
    min-height:40px ;
}
.navbar-header{background:#64A8CF;}

.navbar-toggle .icon-bar {
    border-radius: 1px;
    display: block;
    height: 2px;
    width: 24px;
    background: black;
}
.navbar-wrapper span {
    color: #978880;
    display: block;
    padding-left:0px;
    margin:5px;
    text-align: center;
}

.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
    margin-left: 0;
    margin-right: 0;
}
.navbar-nav >ul{
    overflow:visible;
    position:relative;
    z-index:1000000;
}
.navbar-nav > li{

}
.navbar-nav > li > a {
    background: url("/images/border-right.jpg") no-repeat scroll right center rgba(0, 0, 0, 0);
    color: #222222;
    padding-bottom: 10px; /* was 15 */
    padding-top: 10px; /* was 15 */
    text-transform: uppercase;

}
.navbar-nav > li > a:hover{
    background:none;
}
.blank_li{
    width:170px;
    height:40px;
    font-size:14px;


}

.air_conditioners{
    width:170px;
    height:40px; /* was 50 */
    font-size:14px;


}
.air_conditioners:hover{
    background:#CFC058;
    height:45px; /* was 55 */
    font-size:14px;
    display:block;
    padding-top:5px;
    margin-top:-5px;



}
.boilers{
    width:90px;
    height:40px;
    font-size:14px;

}
.boilers:hover{
    background:#CFC058;
    width:90px;
    height:45px;
    font-size:14px;
    display:block;
    padding-top:5px;
    margin-top:-5px;

}
.furnaces{
    width:104px;
    height:40px;
    font-size:14px;

}
.furnaces:hover{
    background:#CFC058;
    height:45px;
    font-size:14px;
    display:block;
    padding-top:5px;
    margin-top:-5px;

}
.heat_pumps{
    width:125px;
    height:40px;
    font-size:14px;


}
.heat_pumps:hover{
    background:#CFC058;
    height:45px;
    display:block;
    padding-top:5px;
    margin-top:-5px;

}
.filters{
    width:100px;
    height:40px;
    font-size:14px;

}
.filters:hover{
    background:#CFC058;
    width:100px;
    height:45px;
    display:block;
    padding-top:5px;
    margin-top:-5px;

}
.members{
    width:120px;
    height:40px;
    font-size:14px;
}
.members a.no-bg {
    background: none;
}
.members:hover{
    background:#CFC058;
    width:120px;
    height:45px;
    display:block;
    padding-top:5px;
    margin-top:-5px;
}
nav {
    position: relative;
    width: 100%;
    z-index: 0;
}

ul.center {
    display: block;
    margin: auto;
    padding-left: 300px;
    text-align: center;
}


.content-container{
    width:100%;
    float:left;
    /*
    margin:0px 5px; */
}

#left_sidebar2{
    display:none;
}
.left-sidebar{
    background: none repeat scroll 0 0 #AB1427;
    border-radius: 10px;
    float: left;
    margin: -45px 0 10px -14px;
    position: relative;
    width: 25%;
    z-index: 4;
}
.left-sidebar-widget,.resources,.brands{}

.left-sidebar-widget h3,.resources h3, .brands h3 {
    color: #DBDFD1;
    font-size: 20px;
    line-height: 1.2;
    margin: 30px 0 10px 10px;
    text-align: left;
}

.left-sidebar-widget ul,.resources ul, .brands ul{}

.left-sidebar-widget ul li,.resources ul li, .brands ul li {
    line-height: 24px;
    list-style: none outside none;
}
.left-sidebar-widget ul li a,.resources ul li a, .brands ul li a {
    color: #DBDFD1;
    display: block;
    text-decoration: underline;
}

.left-sidebar-widget ul li a:hover,.resources ul li a:hover, .brands ul li a:hover {
    color: #DBDFD1;
    display: block;
    text-decoration: none;
}

.sign_up_area{}
.bg-color {
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    float: left;
    width: 90%;
    margin: 15px;
}
.sign_up{}
.user_form form, input {
    margin: 5px;
    padding: 3%;
    width: 95%;
}
.two-column input[type="submit"],.one-column input[type="submit"]{
    width: 25%;

}
.user_form p {
    margin-bottom:2px;
    float: left;
    padding: 5px 0 0px 5px;
}
.user_form input{}

.signup-now {
    margin-top: 20px;
}

.btn {
    border-radius: 7px;
    font-size: 1.5em;
    font-weight: bold;
    height: 50px;
}

.main-content{
    width:50%;
    float:left;
}
label {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 5px;
    margin-right: 5px;
}

input[type="radio"], input[type="checkbox"] {
    line-height: normal;
    margin: 4px 0 0;
}
.form_table form input[type="radio"]{

    width:20px;
}
.radiowrap{width:80%;display:block}

.user_form form input {
    margin: 5px;
    padding: 5px 10px;
    width:95%;
}

.user_form form, input {
    margin:5px;
    padding: 8px 15px;
    /* for which form ???
    width: 5%;
    */
}

.radio_width{
    margin: 5px;
    padding: 2%;
    width:25px;
}

.user_form form, input {
    margin: 5px 0;
    /*  width: 5%;*/
}

.btn-default{
    width:70%;
    height:25px;
    display:block;
    font-size:14px;
    margin:10px auto;
    padding:0px;
    border-radius:5px;
}

.btn{
    font-size:14px;/* was 20px; */
    font-weight:bold;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
}
.signup-now{margin-top:20px;}
.content_question{
    float: left;
    line-height: 24px;
    margin-top: 20px;
    padding: 16px;
    width: 100%;
}
.content_question ul{
    padding:0px;

}
.content_question ul li{
    background:url('/images/asking.png') no-repeat left top;
    width:25px;
    height:26;
    display:block;
    width:100%;
    padding-left:35px;
}

.right-sidebar{
    background: none repeat scroll 0 0 #DBDFD1;
    float: left;
    margin-right: 0;
    margin-top: -5px;
    position: relative;
    width: 25.8%;
    z-index: 4;
    padding-bottom:25px;
}
.right-sidebar a img{
    display: block;
    margin: auto;
    padding-top: 10px;
    width: 88%;
}
.right-sidebar-widget h3 {
    font-weight:bold;
    font-size: 20px;
    line-height: 1.2;
    margin: 30px 0 10px 10px;
    text-align: left;
}

.right-sidebar-widget ul{}

.right-sidebar-widget ul li {
    line-height: 24px;
    list-style: none outside none;
}
.right-sidebar-widget ul li a {
    display: block;
    text-decoration: underline;
}

.right-sidebar-widget ul li a:hover {
    display: block;
    text-decoration: none;
}

.align-center {
    width: 60%;
    margin: auto;
    display: block;
}
.sign_up{}
.user_form{}
.user_form form{}
.user_form form p{}
.user_form form  input{}

.span_center {
    clear: both;
    color: #666666;
    float: left;
    font-size: 13px;
    margin: 0 0 9px;
    text-align: center;
    width: 100%;
}

.footer-col {
    color: #555555;
    margin: 7px 0 20px;
    text-align: center;
}

.footer-col p{text-align:center; font-size:13px;}
.footer-col img{display:block;margin: 25px auto;}
.btn-gradient{
    background: rgb(198,16,16); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(198,16,16,1) 0%, rgba(161,8,8,1) 47%, rgba(123,6,6,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(198,16,16,1)), color-stop(47%,rgba(161,8,8,1)), color-stop(100%,rgba(123,6,6,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(198,16,16,1) 0%,rgba(161,8,8,1) 47%,rgba(123,6,6,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(198,16,16,1) 0%,rgba(161,8,8,1) 47%,rgba(123,6,6,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(198,16,16,1) 0%,rgba(161,8,8,1) 47%,rgba(123,6,6,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(198,16,16,1) 0%,rgba(161,8,8,1) 47%,rgba(123,6,6,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c61010', endColorstr='#7b0606',GradientType=0 ); /* IE6-9 */
}


/**********************
style for review page
**********************/

.green {
    color: #6B6B2E;
    font-size: 14px;
    font-weight: bold;
}

.align-right{
    text-align:right;
}

#equip_type{}

input.input-name {
    padding: 3px;
    width: 278px;
}
.subscript {
    color: #808080;
    font-size: 15px;
}
textarea{
    width:90%;
    height:200px;
}

select#reviewer_type{}
input.location{
    width: 278px;
    padding:3px;
}

input.next{width:70px;}

/********************
style for login page
***************/
.login-form{
    width:50%;
    margin:auto;
    clear:both;
}

.login-form p{
    text-align:center;
    margin-bottom:20px;
}
.login-form p a{
    text-decoration:underline;
}

.login-form p a:hover{
    text-decoration:none;
}


.login-form p span.login-bold{
    font-weight:bold;
}

.login-form form label.required {
    text-align: right;
    width: 150px;
    font-weight: normal;
}

.one-column{
    width:100%;
    float:left;
    margin-left:1%;
    padding-right:2%;
}

.one-column h1{
    color: #22000e;
    font-size: 32px;
    line-height: 1.2;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: left;
    font-weight:bold;
}

.two-column{
    width:74%;
    float:left;
    margin-left:1%;


}

.two-column h1{
    color: #22000e;
    font-size: 32px;
    line-height: 1.2;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: left;
    font-weight:bold;
}

.rate {
    float: left;
    height: 18px;
    margin-right: 4px;
    overflow: hidden;
    position: relative;
    width: 72px;
}

.s30 img {
    left: 0;
    top: -72px;
}

.sprite-ratings {
    background-image: url("/images/radio-button.png");
    background-repeat: no-repeat;
    height: 200px;
    position: absolute;
    width: 72px;
}

.barChart li {
    font-size: 0.9165em;
    height: 100%;
    line-height: 13px;
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.barChart .text {
    float: left;
    width: 162px;
}


.bold {
    font-weight: bold;
}
.barChart .line {
    background-color: #FFFFFF;
    border: 1px solid #91B155;
    float: left;
    font-size: 6px;
    height: 8px;
    margin: 1px 4px 0 0;
    width: 100px;
}
.barChart .line .fill {
    background-color: #91B155;
    display: block;
    height: 8px;
}
ul.multi-col {
    width: 100%;
}
ul.multi-col li {
    float: left;
    width: 28%;
    list-style:none;
}
.pagination {
    width: 100%;
    float: left;
    margin:15px 0;
}
.pagination ul{}
.pagination ul li{
    list-style:none;
    float:left;
    padding-right:10px;
}
.pagination ul li a{
    text-decoration:underline;
}

.pagination ul li a:hover{
    text-decoration:none;
}
hr {
    background: #333;
    height: 1px;
    margin: 20px 0;

}
.s10 img {
    left: 0;
    top: -144px;
}
.s50 img {
    left: 0;
    top: 0;
}
.s30 img {
    left: 0;
    top: -72px;
}
.s40 img {
    left: 0;
    top: -36px;
}

p a.war{
    text-decoration:underline;
}
p a.war:hover{
    text-decoration:none;
}
#top-rated-series{
    position:relative;
    margin-bottom:10px;
}
#top-rated-series span{

    position:absolute; top:50%; height:20px; margin-top:-8px;
}
#reviews_by_series_and_brand h3{

    font-size: 18px;
    line-height: 1.2;
    margin:10px 0;
    text-align: left;
    font-weight:bold;
}

/* navlist */
#navlist{padding:3px 0;margin-left:0;border-bottom:1px solid #778;font:bold 12px Verdana,sans-serif}#navlist li{list-style:none;margin:0;display:inline}#navlist li a{padding:3px .5em;margin-left:3px;border:1px solid #778;border-bottom:none;background:#64a8cf;text-decoration:none}

#navlist li a:link{color:#fff;/*was #2c0216*/}
#navlist li a:visited{color:#fff;/*was #2c0216*/}
#navlist li a:hover{background:#cfc058;border-color:#ccc}
#navlist li a#current{background:#fff;border-bottom:1px solid #fff;text-decoration:none;color:#2c0216;}

/* right top box */
#lead_gen_upper_right_inner_hdr {
    float:right;
    margin-left:20px;
    margin-right:5px;
    margin-top:10px;
}

#lead_gen_upper_right_inner_hdr input[type="text"]{
    height:22px;
    width:63px ;
    margin:2px;
    padding:2px;
}

#lead_gen_upper_right_inner_hdr select{
    height:20px;
    width:112px ;
    margin:2px;
    padding:1px;
    font: -webkit-small-control;
    line-height: normal;
}

#lead_gen_upper_right_inner_hdr input[type="submit"]{
    height:22px;
    width:55px ;
    margin:2px ;
    padding:0;
    margin-top:0px ;
}

.rounded_corner_box_title_inner_hdr {
    color: #FFF;
    font-size: 14pt;
    font-weight: bold;
}


.rounded_corner_box_content_inner_hdr {
    width: 300px;
    height: 250px;
    background: #DDD;
    padding: 10px;
}

.rounded_corner_box_inner_hdr {
    width:300px;
    height: 30px;
    background: #9EADC6;
    padding: 0 10px 10px 10px;
}

#lead_gen_upper_right{
    float:right;
    margin-left:20px;
    margin-right:5px;
    margin-top:10px;
}

#lead_gen_upper_right input[type="text"]{
    height:22px;
    width:63px ;
    margin:2px;
    padding:2px;
}

#lead_gen_upper_right select{
    height:20px;
    width:112px ;
    margin:2px;
    padding:1px;
    font: -webkit-small-control;
    line-height: normal;
}

#lead_gen_upper_right input[type="submit"]{
    height:22px;
    width:55px ;
    margin:2px ;
    padding:0;
    margin-top:0px ;
}

.rounded_corner_box_title {
    color: #FFF;
    font-size: 14pt;
    font-weight: bold;
}


.rounded_corner_box_content {
    width: 300px;
    height: 250px;
    background: #DDD;
    padding: 10px;
}

.rounded_corner_box{
    width:300px;
    height: 30px;
    background: #9EADC6;
    padding: 0 10px 10px 10px;
}

/* cb: 09/19/2017 This styling from Mansoor controls the new look of the lead gen box in the upper right */
/*================CSS FOR Find Local Contractors BOX==================================*/
#lead_gen_upper_right_inner_hdr .rounded_corner_box{border-radius:5px 5px 0 0!important; position:relative; height:inherit!important; padding:5px!important; max-width:290px!important;}
#lead_gen_upper_right_inner_hdr .rounded_corner_box::before{content:""; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #990000; position:absolute; left:47%; bottom:-8px;}
#lead_gen_upper_right_inner_hdr .rounded_corner_box_content{border-radius:0px 0px 5px 5px!important; border:1px solid #bfbebc!important; border-top:0px!important; padding:13px 10px 0px!important; height:inherit!important;  max-width:290px!important;}
#lead_gen_upper_right, #lead_gen_upper_right_inner_hdr{margin-top:-7px!important;}
#lead_gen_upper_right_inner_hdr .rounded_corner_box_content select, #lead_gen_upper_right_inner_hdr .rounded_corner_box_content  input[type=text]{border:1px solid #cbcbcb; border-radius:5px; padding:3px; width:50%; height:25px; float:right;}
#lead_gen_upper_right_inner_hdr .rounded_corner_box_content  input[type=Submit]{width:50%; height:25px; float:right; background:#64a8cf; color:#fff; border-radius:3px; border:0; margin-top:3px;}
#lead_gen_upper_right_inner_hdr .rounded_corner_box_content  input[type=Submit]:hover{background:#4fbefe;}
#lead_gen_upper_right_inner_hdr p{overflow:hidden; padding:0!important; margin:0px 0 4px!important;}

/* cb: 12-03-2013 Adding styles to control the floating of adsense */
.ad_float_left {
    float:left;
    padding-right:25px;
}

.ad_float_right {
    float:right;
    padding-left:20px;
}

/* cb: 12-05-2013 Adding styles to control the floating of images */
.img_float_right {
    float:right;
    padding-left:20px;
}

/* Alignments */
.center { text-align:center }
.right { text-align:right }
.top {vertical-align:top }
.middle { vertical-align:middle }

/* css for positioning forms */
/* cb: 10-20-2011 -- these CSS classes are used in OCF::ProductSearchApp templates */
div.row {
    clear: both;
    padding-top: 10px;
}

div.row span.label {
    float: left;
    width: 39%;
    text-align: right;
    margin-right:1%;
}

div.row span.formw {
    float: right;
    width: 60%;
    text-align: left;
}

/* cb: 10-17-2013 */
div.series_row {
    clear: both;
    padding:3px;
}

div.series_row span.label {
    width: 70%;
    float:left;
    text-align: left;
}

div.series_row span.formw {
    width: 30%;
    float:right;
    text-align: center;
}

.default {
    color: black;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
    margin-right: 0px;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
}

.mailing_addr {
    padding-left:20px;
}

.bold {
    font-weight: bold;
}

.footer {
    color: gray;
    font-size: 13px;
}

.small_text {
    color: black;
    font-size: 13px;
}

.error_message {
    color: red;
}

.error_message_li {
    color: red;
    margin-top: 0pt;
    border-top-width: 0pt;
    padding-top: 0pt;
    margin-bottom: 0px;
    border-bottom-width: 0pt;
    padding-bottom: 0pt;
}

.required {
    color: #556B2F;
    font-weight: bold;
}

ul.unadorned {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-top: 10px;
    margin-left: 0em;
    border-left: 0px;
}

ul.unadorned li{
    background-position: 0% 100%;
    border-left: 0px;
    margin-top: 0px;
    margin-bottom: 4px;
}

.err_text {
    color: red;
    background-color: #FFF;
    padding:5px;
    text-align:center;
}

.title_text {
    font-family: Times New Roman, serif;
    text-align: center;
    vertical-align: middle;
    color: #4d6ab0;
    padding: 0px;
    margin-left: 10px;
    margin-bottom: 15px;
    line-height: 37px;
    font-size: 32px;
}

.title_text_large {
    font-family: Times New Roman, serif;
    vertical-align: middle;
    font-size: 59px;
    line-height: 41px;
    line-height: 41px;
}

/* Some styling to improve usability for mobile phones */
.phone {
    float:right;
    padding:5px;
    margin-left:10px;
    border:1px solid #64a8cf;
    font-size:1.5em;
}

.phone a {
    text-decoration:none;
    color:#64a8cf;
}

.lead_gen {
    color:#96B4CE;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
}

.input {
    border: 1px solid #96B4CE;
    /*background: #ccc;*/
    padding:10px;
    margin:10px;
    font-size: 13px;
    width:90%;
}

.select {
    border: 1px solid #96B4CE;
    background: #ccc;
    padding:10px;
    margin:10px;
    font-size: 13px;
}

.button {
    border: 1px solid #96B4CE;
    padding:10px;
    margin:10px;
    background:#96B4CE;
}

.input_label {
    text-align:right;
    font-size:1.2em;
    font-weight:bold;
}
/*Added by MD on 28/Feb/2013 for "Series Detail" page. */
#paginationContainer a {padding-right:5px; }
#paginationContainer span {padding-right:5px; }
.navButton, .navButtonNil {font-weight:bold;font-size:12px;display:inline-block;padding-right:8px;margin-right:5px;}
.navButton {background-color:#64A8CF;}
.navButton a { text-decoration:none;padding-left:8px;padding-right:8px;}
.navButtonNil {background-color:#DBF1FD;}
.editLink {text-decoration:none;color:#084b8f; }
#discontinuedYear { display:none; }
.hidden { display:none; }
#Spinner { display:none; }
#fSpinner { display:none; }
#sSpinner { display:none; }
#dSpinner { display:none; }
.yesBorder td {padding:10px;}
.noBorder table { border:0px; }
.noBorder td { border:1px solid #cccccc;border-spacing:3px; border-collapse:collapse;padding:10px; }
.brandTable { font-size:14px;font-family:Helvetica; }
.brandTable td { padding:3px 3px; }
.helpMsg {font-size:12px;font-family:arial;color:#64A8CF; }
.defaultText { border: 1px solid #CCCCCC;height: 25px;width: 250px; }
.text250 { border: 1px solid #CCCCCC;height: 25px;width: 250px; }
.text630 { border: 1px solid #CCCCCC;height: 25px;width: 635px; }
.text600 { border: 1px solid #CCCCCC;height: 25px;width: 600px; }
.text180 { border: 1px solid #CCCCCC;height: 25px;width: 180px; }
.text40 { border: 1px solid #CCCCCC;height: 25px;width: 40px; }
.defaultTextarea { width: 600px;height: 120px;border: 1px solid #cccccc;padding: 5px;font-family: Tahoma, sans-serif;font-size:12px; }
.genTextarea { height: 120px;border: 1px solid #cccccc;padding: 5px;font-family: Tahoma, sans-serif;font-size:12px; }
.defaultCheck { -moz-appearance:none;-webkit-appearance:checkbox;-o-appearance:none;border: 1px solid #CCCCCC;height:15px;width:15px; }
.defaultSubmit {border: 1px solid #CCCCCC;height: 30px;width: 130px; }
.w50Submit {border: 1px solid #CCCCCC;height: 30px;width: 50px; }
.defaultSelect {border: 1px solid #CCCCCC;height: 30px;min-width:250px;padding-top:4px;padding-bottom:4px; }
.defaultSelect130 {border: 1px solid #CCCCCC;height: 30px;min-width:130px;padding-top:4px;padding-bottom:4px; }
.w50Select {border: 1px solid #CCCCCC;height: 30px;min-width:50px;padding-top:4px;padding-bottom:4px; }
.w100Select {border: 1px solid #CCCCCC;height: 30px;min-width:100px;padding-top:4px;padding-bottom:4px; }
#goRight { display:inline-block;float:right;padding-right:20px;}
#goRight a { text-decoration:none;font-weight:bold;color:#64A8CF }
#goRight img { vertical-align:middle; }
#goRight form { display:inline-block; }
/*#goRight span { padding-right:7px;}*/
#goLeft { display:inline-block;float:left;padding-right:20px;padding-top:8px;}
#appInfo table{ width:900px; }
#appInfo table,#appInfo td,#appInfo th { border:1px solid #64A8CF; }
#appInfo td { padding:8px 8px; }
#appInfo th { background-color:#dbf1fd;text-align:left;color:#000000; }
.warnMsg { font-family:arial;font-size:12px;color:red; }
#countrySelect, #stateSelect {display:inline-block; }

/********************** Generics ***************************************************************/
.goRight { display:inline-block;float:right;padding-right:35px; }
#contentBody {padding-bottom:30px; }
/*#borderDiv { border:1px solid #cccccc;margin:15px 20px 15px 15px;padding:15px 5px; }*/
#borderDiv { border:1px solid #cccccc;margin:15px 20px 15px 15px;padding:0px 5px 15px 5px; }
.headerMin { color:#990000;font-size:15px;font-weight:bold;display:inline-block;margin:10px 0px 10px 180px;}
.headerP { color:#990000;font-size:18px;font-weight:bold;display:inline-block; }
.headerPn { color:#990000;font-size:18px;font-weight:bold;display:inline-block;margin:30px 0px 30px 180px;}
.headerMain { display:inline-block;color:#990000;font-size:25px;font-weight:bold;padding-top:15px;padding-bottom:15px; }
.headerCenter {padding-top:18px;padding-bottom:18px;text-align:center;color:#990000; }
.listLi { margin-bottom: 10px;}
.submitLi { padding-left:150px;padding-top:10px; }
.textAreaSpan { vertical-align:top; }
.addEdit { margin-left:25px; }
.dispNone { display:none; }
.margin20 { margin-top:20px;margin-bottom:20px; }
.padding8 { padding:8px 8px;}
.padding20 { padding-top:20px;padding-bottom:20px; }
.paddLeft15 { padding-left:15px; }
.paddLeft10 { padding-left:10px; }
.margLeft50 { margin-left:50px; }
.margLeft100 { margin-left:100px; }
.margLeft150 { margin-left:150px; }
.bottom10 { padding-bottom:10px; }
#etypeList,#brandsSelect,#seriesSelect,#modelsSelect { display:inline-block; }
.bullyModel li {float:left;margin-right:8px;margin-bottom:8px; }
.divTable { }
.divTable ul {display:table-row; }
.divTable li {display:table-cell;padding:5px 5px;  }
.divTable a {text-decoration:none;color:#084b8f; }
.w100 { width:100px; }
.w240 { width:240px; }
.w245 { width:245px; }
.w400 { width:480px; }
.w480 { width:480px; }
.w490 { width:490px; }
.w500 { width: 500px; }
.ib { display:inline-block;}
.genSpan { display:inline-block;text-align:right; }
/************************* Fork stuffs ******************************************/
.addEdit ul,li {list-style: none;margin:0;padding: 0; }
#phoneForkElems ul,li { list-style:none;margin:0px;padding:0px; }
#profileKvForkElems ul,li { list-style:none;margin:0px;padding:0px; }
#phoneForker {font-size:12px; }
.labelSpan,.forkSpanHidden { width:150px;display:inline-block;text-align:right; }
.forkSpanHidden { visibility:hidden; }
.forkFieldSet {display: inline;float: left;padding: 10px;border:1px solid #cccccc;}

/************************ TinyMCE ************************************************/
/*#company_overview_tbl,#history_tbl,#product_lines_parent,#enviro_impact_tbl,#warranty_tbl { display:inline-block; } */
.tinyMceAlign {display:inline-block; }
.tinyMceLi { margin:auto;width: 90%;padding-bottom:10px; }
.tinyMceSpan { display:inline-block;text-align:left;padding-bottom:2px; }
/**************************** Quote stuffs *********************************************/
.jbQuoteSpan {vertical-align:top;padding-top:5px; }
/****************************Ajax Form stuffs ******************************************/
.afCtrls ul, .afCtrls li {float:right;}
.afCtrls li { border: 1px solid #cccccc; padding:5px 5px; }
.viewKeySpan {color:#094466;}
.viewValueSpan {color:#1aabff;}

ol.simple_list {
}

ol.simple_list li{
    list-style-type: decimal;
    padding:0px;
    margin-top: 3px;
    margin-bottom: 0px;
    margin-right:3px;
    margin-left:15px;
}

.simple_list {list-style:disc; padding:0px; margin:5px 10px;}
.simple_list li{list-style:disc; padding:0px; margin:0px 10px;}
.ss_input { border: 1px solid #ccc; padding:5px; margin-bottom:10px; font-size: 13px; width:18em; }
.ss_button { width:3em; }

table.alternate_color tr:nth-child(even) {
    background-color:#E6E6E6;
}

th {
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #0000ff;
    background-color: #cccccc;
    border-bottom: thin solid black;
}

td {
    padding:0px;
}

p {
    margin-top:10px;
    margin-bottom:10px;
}



/* Dat added for log text in top header */
.logo{
    width:40%;
}

.navlist{padding:3px 0;margin-left:0;border-bottom:1px solid #778;font:bold 12px Verdana,sans-serif}.navlist li{list-style:none;margin:0;display:inline}.navlist li a{padding:3px .5em;margin-left:3px;border:1px solid #778;border-bottom:none;background:#64a8cf;text-decoration:none}.navlist li a:link{color:#2c0216}.navlist li a:visited{color:#2c0216}.navlist li a:hover{background:#cfc058;border-color:#ccc}.navlist li a.current{background:#fff;border-bottom:1px solid #fff;text-decoration:none}


/* 7/3/2015, Dat copied from form_b
*/
#page_2 label.choice {
    font-weight: normal;
    display: block;
    cursor: pointer;
    font-size: 100%;
    line-height: 150%;
    margin: -17px 0 0 23px;
    padding: 0 0 5px 0;
    color: #222;
    width: 88%;
}

#page_2 input.checkbox,#page_2 input.radio {
    display: block;
    margin: 4px 0 0 0;
    padding: 0;
    width: 13px;
    height: 13px;
}

.edit_review table td{
    padding-right:8px;

}
.edit_review table td ul{
    padding-left:15px;
}
.edit_review table td ul li{
    list-style:disc;
}

.p-xs-l{padding-left:5px;}
.p-xs-r{padding-right:5px;}
.p-r-no{padding-right:0px;}
.p-l-no{padding-left:0px;}


header>div.logo{
    height:150px;
}

@media (max-width: 700px){
    header>div.logo{
        height:120px;
    }
}

/* cb: June 4, 2018: The CSS which follows comes from responsive.css */
/*
	Custom Media Query
*/
@media (min-width: 1200px){

    .logo{
        width:36%;
    }

}

@media (min-width: 992px) and (max-width: 1199px) {
    ul.center {
        display: block;
        margin: auto;
        padding-left: 248px;
        text-align: center;
    }

    .bg-color {
        margin: 12px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    ul.center {
        display: block;
        margin: auto;
        padding-left: 0px;
        text-align: center;
    }
    .content-container{
        display:relative;
    }
    .left-sidebar{
        border-radius:0 0 0 8px;
        float: left;
        width: 50%;
        margin:0;
    }
    #left_sidebar{
        display:none;
    }
    #left_sidebar2{
        display:inline-block;
    }
    .main-content{width:100%;float:left;}
    #main_content{
        width:100%;float:left;padding-left:1%;padding-right:3%;
    }
    .right-sidebar{
        width:50%;
        float:left; /* was left */
        margin-top:0;
        position:relative; ;
    }

    .bg-color {
        margin: 17px;
    }

    /****style for login page***********/

    .login-form {
        clear: both;
        margin: auto;
        width: 80%;
    }

    /********style for review page***********/

    input.location {
        width: 185px;
    }

    textarea {
        height: 165px;
    }

    /***********style for furnace page******************/

    .pagination ul{
        margin:0;
        padding:0;
    }

    .multi-col ul{margin:0;padding:0;}
    .multi-col ul li {
        width: 33%;
    }
    .multi-col ul li a {
        font-size: 12px;
    }
}



@media (max-width: 700px) {
    /* cb: 08-17-2017: Mansoor helped me redesign so that we always show a lead gen form on mobile  */
    /*.hdr_lead_gen_upper_right{display:none;}*/

    #lead_gen_upper_right_inner_hdr{float: none!important;margin-left: auto!important;margin-right: auto!important; width:270px;}
    #main_content #lead_gen_upper_right{display:none;}
    .hdr_lead_gen_upper_right{display:block;height: inherit !important;padding-top: 0px !important;}

    .logo {
        clear: both;
        /*float: left; Changed 08-17-2017 */
        float: none;
        text-align: center;
        max-width: 100%;
        width: 100%;
        /* was
        margin:20px 0;
        */
        margin:10px 0;

    }
    .logo a {}

    .logo a img{
        margin:auto;
        display:block;
    }

    label {
        font-size: 13px;
    }
    .align-center {
        width: 85%;
    }
}

@media (max-width: 600px) {
    label {
        font-size: 13px;
    }

    .align-center {
        width: 85%;
    }

    /********style for login page***************/

    .login-form {
        clear: both;
        margin: auto;
        width: 100%;
    }

    /*********style for review page*************/

    input.location {
        width: 185px;
    }
}

/* 29/aug/2017, dat: remove in line width */
.address-city-state-zip>select[name="state_new"]{
    width:13%;
}
.address-city-state-zip>input[name="zip_new"]{

    width:15%;
}
.address-city-state-zip>input[name="city_new"]{

    width:31%;
}


@media (max-width: 500px) {
    label {
        font-size: 13px;
    }

    .align-center {
        width: 90%;
    }



    /********style for login page***************/

    .login-form {
        clear: both;
        margin: auto;
        width: 100%;
    }

    .login-form form label.required {
        font-weight: normal;
        text-align: right;
        width: 107px;
    }

    .login-form p {
        font-size: 13px;
    }

    /**********style for review page**********/

    input.input-name {
        width: 121px;
    }

    textarea {
        height: 110px;
    }

    input.location {
        width: 150px;
    }

    /* style for lead form, second page */

    .form_table .simple_list{
        width:80%;
    }
    .form_table .simple_list li {
        list-style: disc;
        padding: 0px;
        margin: 0px 10px;
    }
    .form_table .simple_list li.disc{
        height:auto;
        white-space:pre-wrap;
    }

    .form_table form .formtxtlft,.form_table form select.click,.form_table form .txtwide, .form_table form select{
        /* 26/aug/2017, dat: changed to 100% for mobile */
        width:100%;
        display:block;
        height:45px;
        max-width:100%;
    }
    .form_table form .formtxtlft{
        height:25px;
    }
    .form_table form select.click{
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width:100%;

    }

    .user_form form, input{
        width:100%;/* 29/aug/2017, dat: change to 100% from 80%  for submit button*/
    }

    .address-city-state-zip>select[name="state_new"], .address-city-state-zip>input[name="zip_new"]{

        width:25%;
    }
    .address-city-state-zip>input[name="city_new"], .address-city-state-zip>input.txtwide[name="city_new"]{
        width:40%;
    }
}

@media screen and (max-width : 480px) {
    .ad_float_left {
        float: none;
        width: 100%;
    }
}

@media (max-width: 400px) {

    .navbar-collapse.collapse {
        background: none repeat scroll 0 0 #64A8CF;
        height: auto;
        padding: 0;
    }
    .navbar-nav > li {
        width: 100%;
    }
    .navbar-nav > li:hover{
        width: 100%;
        background:#3894CE;
        -moz-transition: all .3s ease-in;
        -webkit-transition: all .3s ease-in;
        transition: all .3s ease-in;
    }
    .navbar-nav > li > a {
        background: none;
        padding-left:20px;
        display:block;

    }
    ul.center {
        display: block;
        margin: auto;
        padding-left: 0;
        text-align: left;
    }
    .air_conditioners:hover {
        background:none;
        display: block;
        font-size: 14px;
        height: 50px;
        margin-top: 0;
        padding-top: 0;
    }
    .boilers:hover {
        background:none;
        display: block;
        font-size: 14px;
        height: 50px;
        margin-top: 0;
        padding-top: 0;

    }
    .furnaces:hover {
        background: none;
        display: block;
        font-size: 14px;
        height: 50px;
        margin-top: 0;
        padding-top: 0;
    }
    .heat_pumps:hover {
        background:none;
        display: block;
        height: 50px;
        margin-top: 0;
        padding-top: 0;
    }
    .filters:hover {
        background:none;
        display: block;
        height: 50px;
        margin-top: 0;
        padding-top: 0;
    }
    .subscribers:hover {
        background: none;
        display: block;
        height: 50px;
        margin-top: 0;
        padding-top: 0;
    }


    .align-center {
        width: 90%;
    }

    .logo{
        height:93px;
    }
    /*
    .left-sidebar {
      float: left;
      margin-left: 0;
      margin-top: 0;
      width: 100%;
      margin-bottom: 0;
      border-radius: 0;
    }*/

    .right-sidebar{
        width:100%;
        float:left;
        margin:0;
    }
    #left_sidebar{
        display:none;

    }
    #left_sidebar2{
        display:inline-block;

    }
    .main-content{width:100%;float:left;}
    #main_content{
        width:100%;float:left;
    }


    .bg-color {
        margin: 18px;
    }
    a.home{display:none;}

    .logo a img {
        display: block;
        margin: auto;
        width: 74%;
    }

    .span_center {
        margin: 12px 0 9px;
    }


    /**********style for login page********/

    .login-form p {
        font-size: 13px;
        padding: 0 5px;
    }

    /**********style for review page**********/

    .align-right {
        font-size: 24px;
        margin-bottom: 17px;
        text-align: center;
    }

    textarea {
        width: 100%;
    }

    .display-none{
        display:none;
    }

    input.input-name {
        width: 170px;
    }
    input.location {
        width: 160px;
    }

    /*************style for furnace page*********/

    .barChart .text {
        font-weight: normal;
        width: 135px;
    }

    .barChart .line {
        width: 85px;
    }


    /* top right lead widget */
    #lead_gen_upper_right{
        float:none;
        margin: 10px auto;
    }
}

.navbar-off{
    display:none;
}
@media (max-width: 767px) {

    #main_content{
        width:100%;float:left;padding-right:3%;padding-left:3%;
    }
    .navbar-off{
        max-height: 340px;
        overflow-x: visible;
        padding-right: 15px;
        padding-left: 15px;
        border-top: 1px solid rgba(0, 0, 0, 0);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
        -webkit-overflow-scrolling: touch;
        background: none repeat scroll 0 0 #64A8CF;
        height: auto;
        padding: 0;
        display:block;

    }
    .navbar-toggle{
        display:none;
    }
    .navbar-off .navbar-nav > li{
        width:80px;
        display:block;
        height:auto;

        float:left;
    }
    .navbar-off .navbar-nav > li > a {
        background: url("/images/border-right.jpg") no-repeat scroll right center rgba(0, 0, 0, 0);
        color: #222222;
        text-transform: uppercase;
        margin:auto auto;
        position: relative;
        display: block;
        padding: 10px 5px;
        text-align:center;
    }

    .navbar-off .navhome,.navbar-off .air_conditioners,.navbar-off .furnaces,.navbar-off .navmore{
        width:80px;
        height:40px; /* was 50 */
        font-size:14px;
    }


    .navbar-off .navmore:hover,.navbar-off .navhome:hover,.navbar-off .air_conditioners:hover,.navbar-off .furnaces:hover{
        background:#CFC058;
        height:45px; /* was 55 */
        font-size:14px;
        display:block;
        margin-top:-5px;
        padding-top:15px;

    }
    .navbar-off .air_conditioners:hover{
        background:#CFC058;
        height:45px; /* was 55 */
        font-size:14px;
        display:block;
    }

    .navbar-off .furnaces:hover{
        background:#CFC058;
        height:45px;
        font-size:14px;
        display:block;
    }


    .navbar-off a.navmore{
        background:none;
    }

    /* for nalist on many pages */
    #navlist{
        border:0px solid red;
    }
    #navlist li {
        list-style: none;
        margin: 0;
        display: inline-block;
        border:0px solid red;
        line-height:12px;
        margin:8px 0px;
        height:32px;
    }

    #navlist li a#current,#navlist li a:hover#current {
        background: #FFF;
        border: 1px solid #ddd;
        padding:10px;
        text-decoration: none;
        color:#000;
        margin-bottom:5px;

    }

    #navlist li a:link,#navlist li a:visited {
        color:#428BCA;
        background: #fff;
        border:0px;
        padding:10px;
    }

    #navlist li a:hover{
        color:#428BCA;
        background: #fff;
        border: 1px solid #778;
    }
    /* end for nalist on many pages */

    .left-sidebar{
        width:100%;
        float:right;/* was left;*/
    }
    #left_sidebar {display:none;}

    .right-sidebar{
        width:100%;
        float:left;
    }
    #left_sidebar2 {display:block; margin-top:10px;}

    ul.center {
        padding-left: 30px;

    }
}


@media (max-width: 700px) {

    .row>col-xs-12.pull-right{
        float: none !important;
    }
    #lead_gen_upper_right {
        float: none !important;
        margin:5px auto;
        margin-left:auto;
        margin-right:auto;
    }
    #navlist li {
        width:100%!important;
    }
}
@media (max-width: 767px){
    #navlist li {
        width:50%!important;
    }
}

#navlistxs> .btn{
    height:40px !important;
    margin:2px 0px;

}

#navlistxs> .btn#current{
    color:#428BCA;
    background: #fff;
}

@media (min-width: 600px){
    #navlistxs> .btn{
        width:50%!important;

    }
}
@media (max-width: 600px){
    #navlistxs> .btn{
        width:99%!important;

    }
}

#lead_gen_upper_right input[type="submit"]{
    height:22px;
    width: 70px ;
    margin:1px ;
    padding:0px;
    margin-top:0px ;
}
.lead_gen_upper_right_inner{

    max-width:270px;
    margin-left:auto;
    margin-right: auto;

}

#lead_gen_upper_right input[type="text"] {

    width: 50px;

}