/**
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the EULA that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://www.magesupport.com/license/
 * 
 * @package    Inic_Faq
 * @copyright  Copyright (c) 2013 Inic
 * @license    http://www.magesupport.com/license/
 */
.page-title{
	/*margin-top: 30px;*/
    overflow: visible;
}
h2{
	border-bottom: 1px solid #DDDDDD;
	margin-bottom: 15px;
}
 
table tbody tr:first-child td:first-child {
    border-radius: 4px 0 0 0;
}
table td {
    vertical-align: top;
}
table th, table td {
    line-height: 18px;
    padding: 10px 0;
    text-align: center;
}
.label.important {
    background-color: #C43C35;
}
/*.label {
    background-color: #008800;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font-size: 9.75px;
    font-weight: bold;
    padding: 1px 3px 2px;
    text-transform: uppercase;
    white-space: nowrap;
}*/

.faq-container{
	 width: 100%;
	 text-align:center;
}
.faq-frequent-container{
	 width: 100%;
}
.faqContent {
	max-width: 798px;
	margin: 0px auto 38px auto;
	padding: 0 15px;
	text-align: center;
}
.faqContent p {
	color: #4a4341;
	font-size: 24px;
	line-height: 32px;
	font-weight: normal;
	max-width:800px;
	margin:0px auto;
	padding:0px;
	font-family: "GalaxieCopernicus"; 
	}
.faq-list .dt {
	height: 64px;
	background: #f7f1e8;
	text-align: center;
	width: 100%;
	margin-bottom: 20px;
}
.faq-list .dt h3:after {
	background-image: url('../../../images/faq_arrow.png');
	width: 13px;
	height: 11px;
	content:"";
	display: block;
    margin: 0 auto;
	top:-3px;
	top:-7px\9;
	position:relative;
}
.faq-list .dt h3 {
	max-width: 990px;
	margin: 0 auto 0 auto;
	padding: 0 15px;
	margin-bottom: 50px;
}
.faq-list .dt h3 a.catname{
	cursor: pointer;
	text-decoration: none;
	color: #73838a;
	font-size: 24px;
	line-height: 67px;
	line-height: 71px\9;
	color:#73838a;
	font-weight: normal;
	cursor:default;
	text-transform: uppercase;
}
.faq-list .dd {
	max-width: 990px;
	margin: 0px auto;
	padding:30px 0px 25px 0px;
}
.faq-griddata-table{width: 47%;float:left;}
.faq-listdata-table{
    width: 100%;
}
.ansContent{ padding-bottom:13px;}
.faq-listdata-table{
    border: 0 none;
    border-collapse: separate;
    border-radius: 4px 4px 4px 4px;
    font-size: 13px;
    padding: 0;
	max-width:760px;
	margin:0px auto 28px auto; 
}
.faq-griddata-table th + th, .faq-griddata-table td + td ,table.faq-listdata-table th + th, table.faq-listdata-table td + td{
    border-left: 0 none;
}
.faq-griddata-table tr + tr td ,table.faq-listdata-table tr + tr td {
    border-top: 0 none;
}
.faq-detail table tbody tr td:first-child{
	margin-right: 10px;
}
.faq-list .faq-griddata-table{
	margin-right: 10px;
}
.faq-griddata-table table{
	border: 0 none;
    border-collapse: separate;
    border-radius: 4px 4px 4px 4px;
    font-size: 13px;
    margin-bottom: 18px;
    padding: 0;
}
.faq-question{
	color: #ce858c;
    font-size: 20px;
	margin-bottom:5px;
	padding:0px 0px 0px 0px;
    letter-spacing: 0.8px;
    cursor: pointer;
	font-weight: normal;
	line-height: 28px;
	max-width:100%;
	display:inline-block;
}
.faq-question:hover{ border-bottom-color:transparent;}
.faq-answer {
    color: #73838a;
    font-size: 20px;
	line-height: 28px;
	letter-spacing: 0.8px;
	width:100%;
}

.faq-answer td {
    color: #73838a;
    font-size: 20px;
	line-height: 28px;
	letter-spacing: 0.8px;
}

.faq-answer td {
	padding: 0px;
}
.faq-question strong {
	color: #ce858c;
    font-size: 20px;
    letter-spacing: 0.8px;
    cursor: pointer;
	font-weight: normal;
	line-height: 23px;
}
.faq-answer strong {
	font-weight: normal;
}
.catname{
cursor: pointer;
text-decoration: none;
color: #2F2F2F;
}

.bk-link{
	clear: both;
}

.expand, .collaps{
	float:right;
}
.expand a{background: url("http://www.panachocolate.com/skin/frontend/rwd/panachocolate/images/inic/faq/plus.png") no-repeat left center; padding-left:20px; display:block;}

.collaps a{background: url("http://www.panachocolate.com/skin/frontend/rwd/panachocolate/images/inic/faq/minus.png") no-repeat left center; padding-left:20px; display:block;}

/*Search Area*/
.faq #searchform {
    background: url("http://www.panachocolate.com/skin/frontend/rwd/panachocolate/images/inic/faq/faq_search_bar.png") no-repeat scroll left top #F5F5F5;
    height: 21px;
    margin: 30px;
    padding: 10px 10px 10px 30px;
}

.faq #searchform label {
    float: left;
    font-size: 18px;
    font-weight: bold;
}

.faq #searchform #keyword {
    float: left;
    margin-left: 10px;
}


.faq #searchform .btnSearch {
    background: url("http://www.panachocolate.com/skin/frontend/rwd/panachocolate/images/inic/faq/search.gif") no-repeat scroll left top transparent;
    border: 0 none;
    display: inline;
    float: left;
    height: 25px;
    margin: 0 0 0 5px;
    width: 25px;
}

/*Search Ends*/
@media only screen and (max-width: 898px) and (min-width: 761px) {
/*.faqContent {
    margin: 50px auto 10px;
    padding: 0 15px;
    text-align: center;
    width: 100%;
}
.faq-list .dt h3 {
    margin:0px auto;
    padding: 0 15px;
    width: 100%;
}
.faq-list .dd {
    margin: 50px auto 0;
    padding: 0 15px;
    width: 100%;
}*/ 
}

.faq-question a {
 	padding-bottom: 4px;
 	white-space: wrap;
	background: url(border-pink.png) repeat-x 100% 100%;	
	}
.faq-question a:hover {
 background:none;
 text-decoration: none;
}

@media only screen and (max-width: 760px) {
	.faqContent p, .faq-list .dt h3 a.catname{ font-size:21px;}	
	.faq-question{ border:none; text-decoration:none;}
	.faq-question a { line-height:1.5; padding-bottom:4px;}
	.faqSection{ padding-bottom:15px;}
	}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Chrome, if Chrome rule needed */
 	.faq-list .dt h3::after{ top:-3px;}
	.faq-list .dt h3 a.catname{ line-height:68.5px;}
    /* Safari 5+ ONLY */
    ::i-block-chrome, .faq-list .dt h3::after{ top:1px;}  
	.faq-list .dt h3 a.catname{ line-height:63px;}
	 
	}
@media only screen and (max-width: 568px) {
	.ansContent{ padding:0px 50px;}
	.faq-listdata-table{ padding:0px 20px;}
	.faqContent{ padding: 0 30px;}
	}	
@media only screen and (max-width: 480px) {
html body .faq-list .dt h3{ margin:0px auto;}
.faq-container {
    margin-bottom:0px;
    text-align: center;
    width: 100%;
}
.ansContent{ padding:0px;}
.faqContent {
	width: 100%;
	margin: 0px auto 10px auto;
	padding: 0 15px;
	text-align: center;
}
.faqContent p {
	color: #7f7383;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
}
.faq-list .dt {
	height: auto;
	background: #f7f1e8;
	text-align: center;
	width: 100%;
}
.faq-list .dt h3 {
	width: 100%;
	margin: 20px auto 20px auto;
	padding: 0 15px;
}
.faq-list .dt h3:after {
	background-image: url('../../../images/faq_arrow.png');
	width: 13px;
	height: 11px;
	content:"";
	display: block;
    margin: 0 auto;
	position: relative;
	top: 11px;
}
.faq-list .dt h3 a.catname{
	cursor: pointer;
	text-decoration: none;
	color: #73838a;
	font-size: 16px;
	color:#73838a;
	font-weight: normal;
	text-transform: uppercase;
	height: 40px;
    line-height: 17px;
    vertical-align: sub;
}
.faq-list .dd {
    margin: 20px auto 0;
    padding: 0 15px;
    width: 100%;
}
.faq-question {
    color: #ce858c;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.8px;
	line-height: 18px;
}
.faq-question strong {
    color: #ce858c;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.8px;
	line-height: 18px;
}
.faq-answer {
    color: #73838a;
    font-size: 14px;
	line-height: 18px;
}
.faq-listdata-table{ margin-bottom:10px; padding:0px 30px;}

}