/*
+-----------------------------------------------------+
|													  |
|   PHARMON.COM.CN  Created by Bioon.com @ Dec.2008	  |
|		        all rights reserved					  |
|													  |
+-----------------------------------------------------+
*/

/*  ---------------------------------------------
	Container & Layout (to select unique site)
	---------------------------------------------	*/
		#container_index {width:986px;margin:auto;overflow:auto;}
		#header {height:auto;}
		#container_index #main{width:986px;}		
		#container_index #leftside{width:180px;float:left;}
		#container_index #rightside{width:806px;float:left;}


/*  ------------------------------
	Main - Leftside - Index
	------------------------------	*/
		
		#quickentry {padding:3px 10px;background:#fff;overflow:auto;}
		#quickentry .title{color:#7b2e00;font-size:12px;font-weight:bold;border-bottom:1px solid #ffbf64;background:#fff;}
		#quickentry ul.content {margin:0; padding:5px 0 10px 6px;background:#fff;}
		#quickentry li {width:75px; float:left; white-space:nowrap;word-break:keep-all;} 
		#quickentry li.long {width:130px; float:left;} 
		#quickentry li a{color:#666; text-decoration:none; }
		#quickentry li a:hover{color:#f60; text-decoration:underline; }
		#newsletter, #search_rank, #hotword{color:#369;padding:3px 10px;margin:0;}
		#newsletter .title, #search_rank .title{color:#369;font-size:12px;font-weight:bold;border-bottom:1px solid #bfd0e0;margin-bottom:10px}
		#newsletter .content{line-height:180%;padding:0 10px 5px;}
		#newsletter .content a {color:#369;}
		#newsletter .content a:hover {color:#f60; text-decoration:underline}
		#newsletter .text{border:1px solid #bfd0e0;margin:5px 0;height:20px; font-size:11px; color:#999; width:156px;}
		#newsletter button{background:transparent url(../images/btn_subscription.gif) repeat scroll 0 0;width:79px;height:21px;border:0;cursor:pointer;margin-left:40px;}
		#hotword ul { padding:0; margin:0;}
		#hotword li {float:left; padding:3px 8px 3px 0;white-space:nowrap;word-break:keep-all;}
		#hotword a{color:#369; text-decoration:underline;}
		#hotword a:hover {color:#f60; text-decoration:underline;}

/*  -------------------------------------------
	Main - Rightside - mcol & rcol - Index
	-------------------------------------------	*/
		#container_index{overflow:auto;width:986px;overflow:hidden;}
		#container_index #topbanner {width:796px; height:50px; overflow:hidden;position:relative;margin:0 0 10px 10px;padding:0;}
		.slider{position:absolute;}
		.slider li{ list-style:none;display:inline;}
		.slider img{ width:796px; height:50px; display:block;}
		.num{ position:absolute; right:3px; bottom:3px;}
		.num li{float: left;color: #FF7300;text-align: center;line-height: 14px;width: 14px;height: 14px;font-family: Arial;font-size: 12px;cursor: pointer;overflow: hidden;margin: 2px 1px;border: 1px solid #FF7300;background-color: #fff;}
		.num li.on{color: #fff;line-height: 18px;width:18px;height: 18px;font-size: 14px;margin: 0 1px;border: 0;background-color: #FF7300;font-weight: bold;}

		/****** Main - Right - mcol ******/
		#mcol {width:468px;margin:0 10px;padding:0;float:left;display:inline;}
		#mcol .line-blue{float:left;width:100%;border-top:1px dotted #ccc;line-height:0.2em;margin-top:3px;}
		.topnews{border:1px solid #ffbf64;border-top:none;border-bottom:none;padding:15px 10px 10px;float:left;width:446px;height:170px;margin:0;}
		.topnews img{border:1px solid #ccc;padding:3px;margin-right:10px;float:left; width:100px; height:69px;}
		.topnews h1.newstitle{float:left;width:320px;overflow:hidden;line-height:130%;}
		.topnews h1.newstitle a{color:#a53f14;font-size:14px;font-weight:bold;text-decoration:none;}
		.topnews p{text-indent:2em;padding-top:8px; height:58px;width:320px; overflow:hidden;display:inline;float:left;}
		.topnews .newslist{border-top:1px dotted #CCCCCC;width:426px;clear:both;margin-top:10px;float:left;padding:5px 10px;}
		.topnews .newslist ul{margin:0;padding:0;}
		.topnews .newslist li {float:left;width:211px; padding:0px; margin:0; list-style-image:url(../images/bullet.gif); *list-style-position:inside; *list-style-type:none;}
		.topnews .newslist li a{color:#666;text-decoration:none;}
		.topnews .newslist li a:hover{color:#f60}

		#scrollDiv{height:32px;overflow:hidden;float:left;background:url(../images/img_supplybanner.gif) no-repeat top left;padding-left:170px;}
		#scrollDiv li{height:20px;background:url(../images/list-arrow.gif) no-repeat left 4px;padding-left:10px;margin-top:12px}
		
		
		/****** Pinyin index  ******/
		#pysort{background:url(../images/pinyinbar.png) repeat-x;position:relative;height:29px;border-left:1px solid #bfd0e0;border-right:1px solid #bfd0e0;width:466px;}		
		#pysort ul.pinyin {margin:0; padding:2px 3px 0 3px; list-style: none; position:absolute; left:58px; top:4px;}
		#pysort li {padding:0;margin:0; float: left;text-align: center;	display: block;}
        #pysort li span {text-align:center; color:#9c9b9b; font-weight:bold; width:8px;display: block; padding:0 4px; position:relative;cursor:pointer;_cursor:hand;}
		#pysort div {background:#fafdfe; border:1px solid #bfd0e0; color:#369; width:442px; position:absolute; top:23px;left:-59px;text-align: center;padding: 10px 12px; font-style: normal;	z-index: 88;	display: none;	}
		#pysort #pyid{padding:7px 5px 4px 10px;*padding-left:6px;color:#999;font-size:12px;font-weight:bold;float:left;top:5px;}
		#pysort div ul {padding:0; margin:5px 10px;}
		#pysort div li {width:100px; float:left;word-break:keep-all;white-space:nowrap; overflow:hidden; text-align:left; margin:0 0 4px 5px;}
		#pysort div li a {text-decoration:none;color:#369;}
		#pysort div li a:hover{color:#f60;text-decoration:underline;}
		#pysort li span.fox{background:#fafdfe;font-weight:bold;color:#369; padding:0 3px 3px 3px; border-top:1px solid #bfd0e0;border-left:1px solid #bfd0e0;border-right:1px solid #bfd0e0; z-index:99;}
		
		/****** Categories ******/
        #classbox {border:1px solid #dcdcdc;border-top:none;border-bottom:none;padding:20px 10px;height:1150px;}
		#classbox h1{background:url(../images/list-arrow.gif) 1px 4px no-repeat;color:#369;font-size:14px;font-weight:bold;float:left; padding-left:11px;}
		#classbox h1 a{color:#369;font-size:14px;font-weight:bold; text-decoration:none;}
		#classbox h1 a:hover{color:#f60;font-size:14px;font-weight:bold; text-decoration:underline;}
		#classbox .more{margin:0; list-style:none;float:right;padding-right:10px; position:relative; display: block;}
		#classbox .more a {color:#f60; text-decoration:none;}
		#classbox .more a:hover {color:#ffbf64; text-decoration:underline;}
		.classindex{float:left;padding-top:5px !important;padding-top:0px;margin:0px;}
		.classindex li {float:left;padding:0 6px 0 6px;border-right:#ccc 1px solid;margin-top:4px;word-break:keep-all;white-space:nowrap;}
		.classindex li a{text-decoration:none;color:#666;}
		.classindex li a:hover{color:#f60; text-decoration:underline;}
		.classindex li.impt a{text-decoration:none;color:#f60;}
		.classindex li.impt a:hover{color:#f60;text-decoration:underline;}
		.classindex li.mc a{text-decoration:none;color:#369;}
		.classindex li.mc a:hover{color:#f60;text-decoration:underline;}
		.classindex .parent a{font-weight:bold;color:#333;}
		.classindex .hot a{color:#f60;}
		

		
		/****** Main - Right - rcol ******/
		
		#rcol {width:318px;margin:0;float:left;_overflow:hidden;}
		#rcol .title-dark{background-color:#b0cada;height:auto;padding:4px 20px 24px;*padding-bottom:25px;border:1px solid #369;border-left:none;border-right:none;}
		#rcol .title-dark a{text-decoration:none;cursor:pointer;}
		#rcol .title-dark a div{background:#fff;padding:3px 5px;border:1px solid #369;border-bottom:none;width:60px;text-align:center;float:left;color:#369;font-weight:bold;}
		
		#contact{height:20px;background:url(../images/contactservice.gif) no-repeat right top;overflow:hidden;}
		#apply{width:318px;height:50px;background:url(../images/box_apply.png) no-repeat;overflow:hidden;}
		#apply img{padding:10px;float:left;}
		#apply span a{float:left;padding:20px 0 0 10px;color:#666;text-decoration:underline;}
		#bulletintop{background:url(../images/boxtop_bulletin.png) no-repeat top;height:5px;overflow:hidden;margin:5px 0 0;padding:0;}
		#bulletinmain {padding:10px;background:url(../images/boxbg_bulletin.png) repeat-y;}
		#bulletinmain .quote{background:url(../images/ico_quoteL.gif) top left no-repeat;}
		#bulletinmain .quote div{background:url(../images/ico_quoteR.gif) bottom right no-repeat;padding:5px 10px  5px 18px;}
		#bulletinbottom {background:url(../images/boxbottom_bulletin.png) no-repeat top;height:5px;overflow:hidden;margin:0;padding:0;}
		
		#rcol .adBox{border-bottom:10px #b0cada solid;padding:10px;}
		#rcol .adList {padding:10px 10px; margin:0;}
		#rcol .adList li{background:url(../images/list-arrow.gif) 1px 7px no-repeat;color:#369;border-bottom:1px dotted #ccc;padding:3px 10px;word-break:keep-all;white-space:nowrap; overflow:hidden;}
		#rcol .adList li a{color:#369;text-decoration:none;}
		#rcol .adList li a:hover{text-decoration:underline;}
		
		#rcol .imgword{padding-bottom:10px;float:left;}
		#rcol .imgword img{float:left;margin-left:10px;margin-right:7px;}
		#rcol .imgword p{float:left;width:200px;}
		
		#rcol .title-lite { border-top:4px solid #b0cada;border-bottom:1px solid #b0cada;padding:4px 20px 24px;*padding-bottom:25px;background:#fafdfe;color:#369;font-weight:bold;height:auto;}
		#rcol .title-lite a{text-decoration:none;cursor:pointer;color:#369;}
		#rcol .title-lite a div{background:#fff;padding:3px 5px;border:1px solid #b0cada;border-bottom:none;width:60px;text-align:center;float:left;}
		#rcol .imgList {padding:10px;overflow:auto;_padding-left:0;}
		#rcol .imgList li {width:133px;padding:0;margin:5px;float:left;}
		#rcol .imgList li .box {text-align:center;border:1px solid #ccc;width:125px;height:100px;padding:2px;margin:3px;float:left;}
		#rcol .imgList li .box img{width:120px;height:96px;}
		#rcol .imgList li .title {width:125px; float:left;clear:both;height:14px;overflow:hidden;_margin-left:3px; text-align:center;}
		#rcol .imgList li a{font-size:11px;text-decoration:none;color:#333;}
		#rcol .imgList li a:hover{font-size:11px; text-decoration:underline; color:#f60;}
		#rcol .txtList {margin:0;padding:10px;overflow:auto;}
		#rcol .txtList li{background:url(../images/list-arrow.gif) 1px 7px no-repeat;color:#369;padding:3px 0 3px 10px;width:130px;float:left;overflow:hidden;height:16px;overflow:hidden}
		#rcol .txtList li a{color:#666;}
		#rcol .txtList li a:hover{color:#f60;}