@charset "utf-8";
/*code by halley*/
/*Because faq and media room css style somewhat similar, so, in a file*/
#preTxt{color:#ffffff; float:right; font-weight:bold; line-height:18px; padding-right:4px;margin-top:10px;background-color:transparent;}
#QuestionSelect{ display:inline; float:right; margin-right:20px; margin-top:10px;}
.simSelect{ background:#555555 url(../images/common/ico-select-down.gif) 181px center no-repeat; border:1px solid #fd7e00; color:#ffffff; float:left; font-size:.75em; font-weight:bold; height:18px; line-height:18px; margin:0; text-indent:8px; width:205px;}
	.subSimSelect{ background:#131313; border:1px solid #fd7e00; display:none; position:absolute; z-index:100;}
		.subSimSelect li{border-top:1px dashed #fd7e00; background:none;background-color:transparent; color:#fd7e00; float:none; height:18px; line-height:18px; margin:0; width:205px;}
		.subSimSelect li.first{border-top:none;}
		.subSimSelect li.hover{ background:#fd7e00; color:#131313;}
/*faq data list*/
#faqList{display:inline; float:left; margin:10px 20px 0 0; width:709px;}
	#faqList li{ float:left; margin:10px 0 0 0; padding:0; overflow:hidden; width:709px;}
	#faqList h2{ background:#3a3a3a url(../images/common/ico-add.gif) 695px center no-repeat; cursor:pointer; color:#ffffff; font-size:.917em; font-weight:bold; height:19px; line-height:19px; margin:0; padding:0; text-indent:5px;}
	#faqList h2.show{ background:#fd7e00 url(../images/common/ico-minus.gif) 695px center no-repeat; cursor:pointer; color:#303030; }
	#faqList div{ background:#262626; border:1px solid #fd7e00; border-top:none; color:#ffffff; display:none; font-size:.917em; font-weight:bold; float:left;}
	#faqList div span.as{ color:#fd7e00; display:block; float:left; margin-top:20px; text-align:center; width:20px;background-color:transparent;}
	#faqList div span.ascn{display:block; float:left; padding:20px 10px 30px 0px; width:677px;}
		#faqList div span.ascn p{ margin-bottom:10px;}
		#faqList div span.ascn a{ font-weight:bold; color:#fd7e00;background-color:transparent;}
		#faqList div span.ascn ul{ font-size:.917em; font-weight:bold; padding:12px 0px 0px; list-style:square; margin-left:25px;}
		#faqList div span.ascn ol{ font-size:.833em; font-weight:bold; padding:12px 0px 0px; list-style:decimal; margin-left:25px;}
			#faqList div span.ascn li{ background-color:transparent;color:#ffffff; padding-bottom:12px;float:none; margin:0; width:auto; overflow:visible;}
#underTips{ clear:both; padding-top:10px;}

/*media room*/

#media-list{background:transparent url(../images/common/bg-productlist.jpg) no-repeat scroll left top; margin-top:20px; height:140px;width:710px;}
/*aricel data list in media room*/
.tabHeader{border-bottom:1px solid #fd7e00; margin-top:10px; float:left; width:709px;}
	.tabHeader li{background-color:#4f4f4f; color:#ffffff; cursor:pointer; font-size:1.167em; font-weight:bold; float:left; text-align:center; height:19px; line-height:19px; margin-right:2px; width:50px;}
	.tabHeader li.on{background-color:#fd7e00; color:#2b2b2b; cursor:default;}
#aricleList, .aricleList{ clear:both; display:inline; float:left; margin:0px 20px 0 0; width:709px;}
.aricleList{display:none;}
.on{display:inline;}
	#aricleList li, .aricleList li{ float:left; margin:10px 0 0 0; padding:0; overflow:hidden; width:709px;}
	#aricleList h2, .aricleList h2{ background:#3a3a3a url(../images/common/ico-add.gif) 695px center no-repeat; cursor:pointer; color:#fd7e00; font-size:.917em; font-weight:bold; height:19px; line-height:19px; margin:0; padding:0; text-indent:5px;padding-right:20px;}
	#aricleList span.AricleDate, .aricleList span.AricleDate{color:#cbcbcb;}
	#aricleList .show span.AricleDate, .aricleList .show span.AricleDate{color:#303030;}
	#aricleList h3.subCat, .aricleList h3.subCat{clear:right; display:inline; float:right; margin:0 0 0 20px; width:687px;}
	#aricleList h2.show, .aricleList h2.show{ background:#fd7e00 url(../images/common/ico-minus.gif) 695px center no-repeat; cursor:pointer; color:#303030; }
	#aricleList div, .aricleList div{ background:#262626; border:1px solid #fd7e00; border-top:none; color:#ffffff; display:none; font-size:.917em; font-weight:bold; float:left;}
	#aricleList div span.as, .aricleList div span.as{display:inline; float:right; margin:10px 20px 0 0px; text-align:center;}
		#aricleList div span.as a, .aricleList div span.as a{ background:transparent url(../images/common/ico-print.gif) left top no-repeat; color:#ffffff; padding-left:20px; height:20px; float:right; line-height:20px; font-size:.833em; font-weight:normal;}
	#aricleList div span.ascn, .aricleList div span.ascn{display:block; float:left; padding:20px 20px 30px 20px; width:667px;}
		#aricleList div span.ascn p, .aricleList div span.ascn p{ margin-bottom:10px;background:none;}
		#aricleList div span.ascn a, .aricleList div span.ascn a{ font-weight:bold; color:#fd7e00;background-color:transparent;}
		#aricleList div span.ascn ul, .#aricleList div span.ascn ul{ font-size:.833em; font-weight:bold; padding:12px 0px 0px; list-style:square; margin-left:25px;}
		#aricleList div span.ascn ol, .aricleList div span.ascn ol{ font-size:.833em; font-weight:bold; padding:12px 0px 0px; list-style:decimal; margin-left:25px;}
			#aricleList div span.ascn li, .aricleList div span.ascn li{ color:#ffffff; padding-bottom:12px;float:none; margin:0; width:auto; overflow:visible;background-color:transparent;}


/*media scroll*/
#main div.scrollable {float:left; position:relative; overflow:hidden; width: 592px; height:140px; text-align:left;} 
#main div.scrollable div.items { clear:both; position:absolute; width:2000em; } 
#main div.scrollable div.media{float:left; margin:0 50px 0 0; width:110px;}
#main div.scrollable div.media .brief{margin:0;}
#main div.scrollable div.items img {width:108px;height:78px; border:1px solid #fd7e00;float:left;margin:2px 0px 0 0;cursor:pointer;} 
#main div.scrollable div.items img.active { border:2px solid #e18b04;background-color:#fff; }
#main div.scrollable div.items img.blankImg { border:none; cursor:default;background:none;}

.left{float:left; display:inline; cursor:pointer; height:40px; width:15px; margin:22px 25px 0 19px;}
	#detail-container .left img, #detail-container .right img{margin:0;}
.right{float:left; clear:right; cursor:pointer; height:40px; width:15px; margin:22px 19px 0 25px;}
.disabled{ cursor:default;}
/*media popup*/
#media-pupup{border:1px solid #fd7e00; background:#000000 url(../images/common/bg-medai-pop.jpg) left top repeat-x; display:none; position:absolute; height:613px; width:788px; z-index:99999;}
	#media-pupup h2{float:left; line-height:22px; text-indent:6px;}
	#media-pupup a.close{float:right; display:inline; margin:4px;}
		#media-pupup a.close img{margin:0;}
	#media-play{ background:#000000; clear:both; display:inline; float:left; margin:24px; height:447px; width:740px;}
	#media-info{ border-top:1px solid #fd7e00; clear:both; display:inline; float:left; height:95px; margin:0 24px; width:740px;}
		#media-info .space{border-right:1px dotted #fd7e00; float:left; margin-top:20px; height:30px; width:1px;}
		#media-info p{height:22px; line-height:24px;}
			#media-info p img{margin:4px 5px 0 0;}
		#media-info input{border:1px solid #757575; background:#000000; clear:both; color:#ffffff; float:left; font-size:.75em; font-weight:bold; font-family:Arial,HelveticaNeue,sans-serif; padding-top:4px; height:12px;}
		#media-info a{clear:both; float:left; margin-top:5px;}
			#media-info a img{margin:0 0 0 5px; float:none;}
		#media-getUrl{float:left; width:238px;}
		#media-getCode{display:inline; float:left; margin-left:10px; width:490px;}
			#url{width:227px;}
			/*safari hack*/
			@media screen and (-webkit-min-device-pixel-ratio:0) {
				#url{width:225px;}
			}

			#embedcode{width:486px;}
			
/*Hearing Loss Resoruces*/
	#faqLists{display:inline; float:left; margin:10px 20px 0 0; width:709px;}
	#faqLists li{ float:left; margin:10px 0 0 0; padding:0; overflow:hidden; width:709px;}
	#faqLists h2{ background:#3a3a3a url(../images/common/ico-add.gif) 685px center no-repeat; cursor:pointer; color:#ffffff; font-size:1.03em; font-weight:bold; min-height:25px; margin:0; padding:0; padding-right:8px; text-indent:5px;padding-top:15px}
	#faqLists h2.show{ background:#ff7e00 url(../images/common/ico-minus.gif) 685px center no-repeat; cursor:pointer; color:#303030; }
	#faqLists div{ background:#262626; border:1px solid #fd7e00; border-top:none; color:#ffffff; display:none; font-size:.917em; font-weight:bold; float:left;}
	#faqLists div span.as{ color:#fd7e00; display:block; float:left; margin-top:20px; text-align:center; width:20px;background-color:transparent;}
	#faqLists div span.ascn{display:block; float:left; padding:20px 10px 30px 0px; width:677px;}
	#faqLists div span.ascn p{ margin-bottom:10px;}
	#faqLists div span.ascn a{ font-weight:bold; color:#fd7e00;background-color:transparent;}
	#faqLists div span.ascn ul{ font-size:.917em; font-weight:bold; padding:12px 0px 0px; list-style:square; margin-left:25px;}
	#faqLists div span.ascn ol{ font-size:.833em; font-weight:bold; padding:12px 0px 0px; list-style:decimal; margin-left:25px;}
	#faqLists div span.ascn li{ background-color:transparent;color:#ffffff; padding-bottom:12px;float:none; margin:0; width:auto; overflow:visible;}
	
/*Hearing Loss Resoruces*/