<style type="text/css">
#faq {
	 background-color: #FFFFFF;
	 width: 100%;
}
.qTitle {
     border: solid 1px #00;
     /*background-color: #FCEACF;*/
/*      background-color: #EFEFEF; */
     color: #000000;
     width: 100%;
}
.menu_body {
	
	width: 93%;
 }
.menu_head {
	height: auto;
	cursor: pointer;
	font-weight: bold;
	width: 100%;
	background: #666;
	border-bottom: 1px solid #FEFEFE; 
	padding-bottom: 10px;
}
 .menu_head div{
 	margin-left : 10px;
 	background : url("images/icon-sprite.gif?version=|||xxx|||") no-repeat -391px -688px;
 	float : left;
	width:10px;
	height:10px;
	margin-top: 15px;
 }
 .menu_head span{
 	margin-left : 10px;
 	display: inline-block;
	margin-top: 10px;
	color: white;
	font-size: 15px;
	width: 95%;
 }
.question {  
     background-color: #E0E0E0;
     color: #666;
     width: 100%;
     vertical-align : top;
     cursor: pointer;
     position: relative;
     font-weight:bold;
}
 .question .questionImage{
 	background : url("images/icon-sprite.gif?version=|||xxx|||") no-repeat -389px -719px;
 	margin-left : 10px;
 	width : 12px;
 	height : 12px;
 	display: inline-block;
 }
.answer {
     /*background-color: #EB4868;*/
     background-color: #FFF;
     color: #000;
     width: 100%;
     font-weight: normal;
}
.answer pre{
     /*background-color: #EB4868;*/
     display : block;
     margin-left : 35px;
     width : 85%;
     padding: 10px 0px;
     line-height : 20px; 
}
.fontWeight {
	font-weight: bold;
}
.headerLine {
	 border-top: 1px solid #666;
}
#masterContent div.footer.faqContentFooter{
	position: static;
}
</style>
<body>
<div id="masterContent">
	<div class="breadcrumbRight">&nbsp;</div>
  	<div id="breadcrumb" msgid="titleFAQ">FAQs</div>
  	<div id="pageTitle" class="content" msgid="titleFAQ">FAQs</div>
	<div class="content">	
		<div id="faq" class="mainComponent">
			{{each(i) data.data}}
			<div class="qTitle">
				<div class="menu_head" step=${i}>
					<div></div>
					<span><b>${cateText}</b></span>
				</div>
				{{if faqs.length != 0}}
<!-- 				<div id="questions" class="menu_body headerLine" style="display: none;"> -->
				{{each faqs}}
				<div class="question">
				<div name="questionTitle" style="padding: 10px 0px; border-bottom: 2px solid #D4D4D4;">
					<div style="position:absolute;top : 13px; left : 0px"><div id="questionImg" class="questionImage"></div></div>
					<div style="margin-left:35px;width: 80%;">
						<span style="word-break : keep-all;" >${faqQuestion}</span>
					</div>
				</div>
					<div class="answer">
						<pre style="word-break : keep-all;" condition="${cateId}_${faqId}">${faqAnswer}</pre>
					</div>
				</div>
					{{/each}}
<!-- 				</div> -->
				{{/if}}
			</div>
			{{/each}} 
		</div>
		
	</div>
	<div class="footer faqContentFooter">
		<img src="images/layout/bkg-content-base-right.gif?version=|||xxx|||" />
	</div>
</div>