/* FAQ Styling */

div#faq_header {
    background: #efefef;
    text-align: center;
	border-bottom: 1px solid #CCCCCC;
	padding: 25px 11% 35px 11%;
}
div#faq_header.slimline {
	padding: 30px 10% 30px 10%;
}
div#faq_contents {
	padding: 40px 10% 0px 10%;
}
div#faq_contents.faq_grid {
	padding: 20px 8% 0px 8%; 
}
div#faq_contents.faq_grid h1 {  
    text-align: center;   
    margin: 0px 0px 0px 0px;    
    padding: 0px; 
}
div#related_faqs {
	border-top: 1px solid #CCCCCC;
	margin-top: 40px;
	padding: 40px 0px 0px 0px;
}
div#faq_header h1 {           
    margin: 0px 0px 15px 0px; 
    padding: 0px; 
}

form.faq-search-form {
    display: block;
    width: 100%;
    margin: 0px;
    float:  none;
    padding: 0px;        
    clear: both;      
    text-align: left;        
}
.search-box {       
        position: relative;
        display: inline-block;  
        width: 75%;               
}        
    .result{
    	text-align: left;
        display: none;
        position: absolute;        
        z-index: 999;
        width: 100%;
        top: 115%;
        left: 0; 
        background: white;      
        padding: 10px;
        border-radius: 10px;
        -webkit-box-shadow: -2px 6px 11px 0px rgba(133,133,133,0.35);
        -moz-box-shadow: -2px 6px 11px 0px rgba(133,133,133,0.35);
        box-shadow: -2px 6px 11px 0px rgba(133,133,133,0.35);                                                                           
    }
    
form.faq-search-form input.search-field {
    border: 1px solid #CCCCCC;
    border-radius: 6px;
    padding: 5px 5px 5px 5px;
    font-size: 1.3em;  
    width: 100%;
    margin: 0px;
}
form.faq-search-form input.search-submit {
    background: #01906d;
    border: 0px;
    border-radius: 6px;
    padding: 5px;
    font-size: 1.3em;
    color: white;
    width: 24%;
    margin: 0px;
}
form.faq-search-form.fullwidth input.search-field {
    font-size: 1.1em; 
    width: 100%;  
}
form.faq-search-form.fullwidth input.search-submit {
    font-size: 1.1em; 
    width: 25%; 
}
@media only screen and (max-width: 700px) {
    form.faq-search-form input.search-field { width: 100% !important; clear: both; }
    form.faq-search-form input.search-submit { width: 100% !important; clear: both; } 
    .search-box  { width: 100% !important; clear: both; } 
}
div#faq {
    width: 65%;
    margin: 0px 2.5% 0px 2.5%;
    padding: 0px 2.5% 20px 2.5%; 
    float: left;    
    background: white;

}
div#faq-enquiry {
    width: 25%;
    margin: 0px 2.5% 0px 2.5%;
    padding: 0px 2.5% 20px 2.5%; 
    float: left;    
    background: white;
}


form.faq-enquiry input,
form.faq-enquiry textarea {
    width: 100%;      
    padding: 5px; 
font-size: 1.2em;
margin-bottom: 4px; 
}

form.faq-enquiry input[type=submit] {
        width: 50%;  
    background: #01906d;
    border:0px;
    border-radius: 5px;
    color: white;
    padding: 7px 0px 7px 0px;
}

form.faq-enquiry input[type=submit]:hover { 
    background: #01906d;
    color: white;
}

/* FAQ listing */
ul#faq_blocks li {
    display: inline;
}
ul#faq_blocks li a {
    display: inline-block;
    width: 31%; 
    margin: 1% 1% 0.5% 1%;
    padding: 8px;
    border-radius: 5px;
    background: white;
    vertical-align: top;
    color: black;
    text-decoration: none;
}
ul#faq_blocks li a:hover { 
    background: #efefef;
    background: linear-gradient(180deg, rgba(240,240,240,1) 0%, rgba(240,240,240,1) 56%, rgba(255,255,255,1) 100%);  
}
ul#faq_blocks li a strong {
    display: block;
    clear: both;
    color: #01906d
    }
    
ul#faq_list li a strong {
    font-weight: normal;
    color: #01906d
    }

ul#faq_list li a:hover {
    text-decoration: underline;
    }
    

@media only screen and (max-width: 700px) {   
ul#faq_blocks li a {
    display: block;
    width: 97%; 
    margin: 1%;  
}
}