/* +-----------------------------------------------------+ | | | PHARMON.COM.CN Created by Bioon.com @ Dec.2008 | | all rights reserved | | | +-----------------------------------------------------+ 正式发布的时候记得把这些东东去掉 */ /* ==================>(0 _ 0)<======================= I'm Pretty Line for the Private part */ /* ------------------------------ 5.2 Product Index ------------------------------ */ #wrap-pdtindex {width:986px;margin:auto;overflow:auto;} #wrap-pdtindex #leftcol{width:768px;float:left;} #wrap-pdtindex #rightcol{width:218px;float:left; overflow:hidden;} #rightcol .rightbox{height:auto;} #wrap-pdtindex #topbanner {width:760px;height:80px;overflow:hidden;position:relative;margin:0;padding:0;background:red;} #wrap-pdtindex .slider {position:absolute;} #wrap-pdtindex .slider li{list-style:none;display:inline;} #wrap-pdtindex .slider img{width:760px; height:80px; display:block;} #wrap-pdtindex .num{ position:absolute; right:3px; bottom:3px;} #wrap-pdtindex .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;} #wrap-pdtindex .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;} .category {width:758px;} .category .boxtopEva{background:url(../images/evabarL.png) no-repeat;height:29px;padding:0 4px 0 0;float:left;clear:both;}/* EVA is The E-V-A from Wall-E */ .category .boxtopEva div{width:734px;background:url(../images/evabarR.png) 100% 0;height:24px;margin-left:4px;clear:both;padding-top:5px;padding-left:20px;font-weight:bold;font-size:14px;color:#069;} .category .boxtopEva a{color:#069;text-decoration:none;} .category .boxmain, .category .boxmainOrange{overflow:auto;padding-bottom:10px;background:#fff;float:left;width:756px;clear:both;} .category .boxbottom{clear:both;} .catebox {float:left;width:241px;padding-right:10px;border-right:1px dotted #ccc;margin-bottom:10px;} .catebox ul{padding-left:10px;margin:7px 0 0 10px;height:94px;overflow:hidden;} .catebox li{float:left;padding-right:5px;margin:4px 5px 4px 0;word-break:keep-all;white-space:nowrap;border-right:1px solid #ccc;line-height:120%;} .catebox li a{color:#666;text-decoration:none;} .category h1{padding:0 0 3px 10px;margin-left:10px;font-weight:bold;font-size:14px;background:url(../images/list-arrow.gif) no-repeat left 3px;*background-position:left top;border-bottom:1px solid #bfd0e0;} .category a{color:#333;text-decoration:none;} .category a:hover{color:#f60;} .category .top{color:#666;font-size:12px;float:right;padding-right:20px;} #classnav{font-weight:bold;background:#cce0f5;border:1px solid #bfd0e0;height:18px;margin:4px 10px 4px 0;padding:5px 0 5px 10px;} #classnav li {padding:0 5px;border-right:1px solid #ccc;float:left;font-size:12px;} #classnav li a{color:#369;} #pysort{background:url(../images/pinyinbar.png) repeat-x;position:relative;height:29px;border-left:1px solid #bfd0e0;border-right:1px solid #bfd0e0;width:756px;} #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;font-size:12px;color:#666;display: block; padding:0 6px; position:relative;cursor:pointer;_cursor:hand;border-right:1px solid #ccc;} #pysort div {background:#fafdfe; border:1px solid #bfd0e0; color:#369; width:732px; 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:#666;font-size:12px;font-weight:bold;float:left;top:5px;} #pysort div ul {padding:0; margin:5px 10px;} #pysort div li {float:left;white-space:nowrap;overflow:hidden; text-align:left; margin:0 0 4px 10px;padding-right:10px;border-right:1px solid #ccc;} #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;} /* ------------------------------ 5.3 Product List ------------------------------ */ #wrap-list{width:986px;margin:auto;overflow:auto;} #wrap-list #leftcol{width:768px;float:left;} #wrap-list #rightcol{width:218px;float:left;} #abSort{width:758px;} #abSort{} #cate {overflow:auto;width:756px;} #cate ul{margin:10px 0;padding:0;font-size:12px;list-style:none;overflow:auto;display:block;} #cate li{list-style:none;line-height:21px;float:left;padding:0 10px 0 3px;margin-left:0;width:165px;} #cate h3{color:#900;font-weight:bold;font-size:16px; line-height:150%} #cate a:link,#cate a:active,#cate a:visited{text-decoration:none;color:#444;padding:0;} #cate a:hover{text-decoration:underline;color:#f60;} /*********Filter Box ***/ #filter{overflow:auto;width:756px;display:none;} #filter h3{color:#900;font-weight:bold;font-size:16px;float:left;padding-right:30px;} #filter h5{color:#900;font-size:12px;font-weight:bold;margin:0;} #filter select{margin:10px 3px 5px 10px;height:20px;border:1px solid #ccc;width:90px;} #filter button{width:90px;cursor:pointer;height:23px;*margin-bottom:5px;margin-left:20px;} /*********Product List ***/ #pdt-list{width:758px;text-align:center;} #pdt-list table{float:left;width:756px;} #pdt-list table th{height:33px;background:url(../images/greybarR.png);} #pdt-list table th a{color:#369;text-decoration:none;} #pdt-list table td{} #pdt-list table tr.toprank {background:url(../images/bg_toprank.gif) no-repeat scroll 0 0; height:152px;*height:auto;} #pdt-list table tr.firstrank {background:url(../images/bg_firstrank.gif) no-repeat scroll 0 0;height:152px;*height:auto;} #pdt-list table tr.rank {background:url(../images/bg_rank.gif) repeat-x scroll 0 0;height:152px;*height:auto;} #pdt-list table tr.searchlist {background:url(../images/bg_rank.gif) repeat-x scroll 0 0;height:152px;*height:auto;} #pdt-list .lc1{padding:20px 0;*padding:15px 0;margin:0;width:20px;vertical-align:top; background-color:#fafdfe; } #pdt-list .lc2{width:102px; padding-left:10px; line-height:100%; vertical-align:top;height: } #pdt-list .lc2 img{margin:16px 0; *margin:16px 0 40px 0;border:1px solid #ccc;height:100px;width:100px;} #pdt-list .lc2 a:hover img{border-color:#f60;} #pdt-list .lc3{width:330px;padding:15px 10px;vertical-align:top;text-align:left;overflow:hidden;} #pdt-list .lc3 a:hover{color:#f60} #pdt-list .lc3 h5{font-weight:bold;font-size:14px;line-height:150%;height:40px;overflow:hidden;width:300px;} #pdt-list .lc3 h5 a{color:#369;text-decoration:underline;} #pdt-list .lc3 p{color:#666;height:34px;overflow:hidden;width:300px;} #pdt-list .lc3 span a{color:#333;text-decoration:underline;} #pdt-list .lc4 {width:27px;} #pdt-list .lc5 {width:75px;color:#ff8040;font-weight:700;font-size:12px;font-style:italic;font-family:Arial, Helvetica, sans-serif;} #pdt-list .lc6 {width:90px;} #pdt-list table tr.toprank td.lc7 {background:url(../images/bg_toprank.gif) no-repeat scroll right top;} #pdt-list .cmpw{text-align:left;} #pdt-list .cmpw a{color:#369;text-decoration:none; font-weight:bold; text-align:left;} .page{float:right;padding-top:5px;} .page a{padding-left:5px;} .page .current{padding-left:5px;font-weight:bold;text-decoration:none;} /* ------------------------------ 5.4 Product Show ------------------------------ */ #wrap-pdtshow {width:986px;margin:auto;overflow:auto;} #wrap-pdtshow #leftcol {width:656px;float:left;} #wrap-pdtshow #rightcol {width:320px;float:right;} #wrap-pdtshow a:hover .pdtimg{border-color:#f60;} #wrap-pdtshow .boxtopEva {width:656px;color:#369;font-weight:bold;font-size:14px;} #pdt-info .boxtopOrangeD{width:656px;} #pdt-info .boxtopOrangeD div{color:#900;font-weight:bold;font-size:14px;background:url(../images/orangebarR-1.png) 100% 0;height:24px;margin-left:4px;padding-top:5px;padding-left:20px;overflow:hidden;} #pdt-info .boxmainOrange{background:#fff;} #pdt-info a .pdtimg{border:1px solid #ccc;float:left; width:220px; height:168px; } #pdt-image {padding:20px;float:left; position:relative;} #pdt-info table,th{border:none; line-height:120%} #pdt-info h1{font-size:16px;font-weight:bold;color:#900;padding:0 0 20px 10px;line-height:110%;} #pdt-info td{padding:7px 10px 5px 7px;text-align:left;background:url(../images/greydot.gif) repeat-x top;} #pdt-info td.left { text-align:right;} #pdt-info a {color:#369; text-decoration:underline} #pdt-info a:hover {color:#f60; text-decoration:underline;} #enlarger { width:220px; height:20px; position:absolute; left:5px; top:195px; text-align:center;} #enlarger a {color:#000; text-decoration:none;} #enlarger a:hover { text-decoration:none;} #supcard {width:636px;margin:0 10px;} #supcard h2{float:left;padding:12px 0 0 30px;font-size:14px;font-weight:bold;line-height:100%;} #supcard h2 a{text-decoration:none;} #supcard .logo{border:1px solid #ccc;margin:0 30px 3px 10px;float:left;width:120px;height:70px;} .golden .top, .silver .top {background:url(../images/tab_silverM.gif) repeat-x top;} .golden .top .left{background:url(../images/tab_goldenL.gif) no-repeat left top;} .silver .top .left{background:url(../images/tab_silverL.gif) no-repeat left top;} .golden .top .right{background:url(../images/tab_goldenR.gif) no-repeat right top;} .silver .top .right{background:url(../images/tab_silverR.gif) no-repeat right top;} .golden .box, .silver .box {background:url(../images/bg-silver.png) no-repeat left bottom;} .golden .box div, .silver .box div {background:url(../images/bg-silver.png) no-repeat right bottom;} .top {overflow:hidden;height:29px;} .top .left{padding-left:135px;height:29px;float:left;} .top .right{height:29px;width:32px;float:right;} .box {margin:0;padding:0 0 0 6px;} .box div {width:630px;height:100px;overflow:auto;padding:10px 0;} .box .buttons{float:right;padding:0 10px 0 0;clear:both;width:350px;} #pdt-features td{border:none;height:24px;padding:5px 10px 5px 10px;} #pdt-features td.left { text-align:right;} #pdt-features #table{overflow:hidden;border-width:1px 0;border-style:solid;border-color:#ccc;background:#fafafa;margin:0 25px 10px;width:600px;} #wrap-pdtshow #table .oddrow{background:#fff;} #wrap-pdtshow #description{width:600px;overflow:hidden; margin-left:20px;} .boxmain .title{background:#cce0f5;padding:3px 20px;font-size:14px;color:#369;font-weight:bold} #SupInfo .SupName{font-size:11px; padding:4px 0 4px 20px;} #SupInfo .SupName a{ color:#ccc; text-decoration:underline } #SupInfo .SupName a{ color:#666; text-decoration:underline } #SupInfo .SupName h4 {font-size:14px; display:inline-block} #SupInfo .SupName h4 a {font-size:14px; font-weight:bold; color:#369; text-decoration:none; line-height:150%} #SupInfo .SupName h4 a:hover { color:#f60; text-decoration:underline;} #SupInfo table td{width:50%;padding:3px 20px} #Comment {background:#fff;overflow:auto;padding:3px 8px;} #Comment .title{background:#cce0f5;padding:3px 20px;font-size:14px;color:#369;font-weight:bold} #Comment .content {border-left:10px solid #ccc;padding-left:20px;margin-top:10px;} #Comment tr{height:30px;} #Related {overflow:hidden;padding:5px 0 0 10px;} #Related ul{padding:7px 0 0 7px;margin:0 0 0 5px;width:112px;float:left; height:100px;} #Related li.up {width:112px; height:65px; margin:0; padding:0;} #Related li.down {width:112px; height:22px; margin:0; padding:3px 0 0;word-wrap:break-word; text-align:center; overflow:hidden;} #Related img{width:112px;height:65px;border:1px solid #ccc;} #Related a{color:#666; font-size:11px;} /* 评论2.0版 */ #comment_1 {padding:20px;border-width:0 1px;border-color:#bfd0e0;} #comment_1 .contentrow{margin:3px 10px 3px 40px;width:480px;border-bottom:1px dashed #ccc;overflow:auto;border-left:20px solid #fffaf0;} #comment_1 .contentrow p{font-size:12px;margin:0;float:left;clear:both;padding:1px 10px;} #comment_1 .title {background:#cce0f5;padding:3px 20px;font-size:14px;color:#369;font-weight:bold} #comment_1 .post1{padding:10px;margin:10px 0 10px 40px;} #comment_1 .post2{margin:10px 0 10px 40px;overflow:auto;border:1px solid #ccc;background:#f4f4f4;padding:10px;width:500px} #comment_1 .post1, #comment_1 .post2,{font-size:12px;color:#666;} #comment_1 .post1 .f60, #comment_1 .post2 .f60{color:#f60;} #comment_1 .postarea{width:450px;height:70px;border:1px solid #ccc;margin-top:5px;;clear:both;overflow-y:auto;} #comment_1 .button{padding:0;*padding-top:3px;float:left;margin:0 10px;cursor:pointer;} #comment_1 .input{margin:0 10px;border:1px solid #ccc;width:120px;height:24px;float:left;} #comment_1 p{font-size:12px;margin:0;float:left;clear:both;padding:10px} #comment_1 .hack{clear:both;height:1px;padding:0;margin:0; line-height:1px;} #comment_1 .info{float:right;padding:0px 10px;font-size:12px;} /* ------------------------------ 5.5 Product Compare ------------------------------ */ #wrap-pdtcompare {width:986px;margin:auto;} #compare {width:982px; padding:0 1px;} #comparebox {margin:0;padding:0;text-align:center;border-collapse:collapse;} #comparebox tr{background:#fff;height:30px;} #comparebox td{paddding:5px;} #comparebox .oddrow{background:#fff;} #comparebox .firstcol{background:#000;} #comparebox th {background:#fafdfe;text-align:center; padding:10px 0;} #comparebox th a{color:#369;text-decoration:none;} #comparebox td.listleft { background:#fafdfe} span.listlefttitle{color:#369; font-size:13px; font-weight:bold;} /* ------------------------------ 5.6 Product Inquiry ------------------------------ */ #wrap-pdtinquiry {width:986px;margin:auto;} #wrap-pdtinquiry #leftcol{width:656px;float:left;} #wrap-pdtinquiry #rightcol{width:320px;float:right;} #wrap-pdtinquiry #inquirylist {width:656px;} #wrap-pdtinquiry #contactinfo {width:656px;} #inquirybox, #contactbox {padding:3px 8px;} #inquirybox table, #contactbox table{width:640px;} #inquirybox .leftlist, #contactbox .leftlist{width:120px; padding-right:10px; text-align:right;} #inquirybox .leftlistimg{width:110px; height:110px; padding:10px} #inquirybox input.ipttitle{width:350px; height:20px; font-size:11px;} #inquirybox .txtbox{width:350px; height:60px; font-size:11px;} #inquirybox .title{background:#cce0f5;color:#369;font-weight:bold;padding:5px 8px;font-size:14px;} #inquirybox .title a {color:#369; text-decoration:underline;} #inquirybox .title a:hover {color:#f60; text-decoration:underline;} .orangebox{padding:10px;text-align:center; border:1px solid #fc6; background:#fffaf0;} #inquirybox #button{width:150px; height:35px;} #inquirybox table{} #inquirybox table tr, #contactbox table tr{height:30px;padding:5px;} /* ------------------------------ 5.7 Product Search ------------------------------ */ #wrap-pdtsrh {width:986px;margin:auto;overflow:auto;} #wrap-pdtsrh #leftcol{width:768px;float:left;} #wrap-pdtsrh #rightcol{width:218px;float:right;}