/*#faqs h2, */

.faqs h2, #faqs h2 {padding:.4em .2em .4em .2em; margin:1em 0 0 0; border-bottom:none;}
.faqs dl, #faqs dl {margin:.4em 0; padding-top: .4em;}
.faqs dt, #faqs dt{
    font-size:1em; margin:0; padding:6px 2px 6px 20px; 
    border-top:#ccc dotted 1px; font-weight:normal; color:#000;
    background:#fff url(/climate/images/symbols/plus.gif) no-repeat 2px 12px;
}

.faqs dd, #faqs dd {
    padding:6px 6px 6px 20px; margin-bottom:1em; 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#fff));
    background: -webkit-linear-gradient(bottom, #efefef, #ffffff); 
    background:    -moz-linear-gradient(bottom, #efefef, #ffffff);
    background:     -ms-linear-gradient(bottom, #efefef, #ffffff);
    background:      -o-linear-gradient(bottom, #efefef, #ffffff);
    background:         linear-gradient(to top, #efefef, #ffffff);
}
.faqs dt:hover, #faqs dt:hover {background-color:#efefef;}

.faqs dt.opened, #faqs dt.opened {
    color:#000; font-weight:bold; 
    background:#efefef url(/climate/images/symbols/minus.gif) no-repeat 2px 12px !important;
}

/* for show/hide all */
a.button {text-decoration:none; padding:3px; display:block; background-color:#f3f4ef; border:1px solid #ccc; text-align:center; border-radius:6px;}
a.button:hover{background-color:#fff; }

@media print{
a.button{display:none; }
#faq dd {position:relative; top:0;display:block;}
}

/* add numbers */
.faqs dl  {counter-reset: section; }

.faqs dt::before {
counter-increment: section;
content: counter(section);
font-weight: bold;
background-color: #efefef;
display: inline-block;
box-sizing: border-box;
padding: 5px;
border-radius: 14px;
min-width:24px;
text-align: center;
color: #666;
margin-right: 10px;
}

/* end faqs */