
 body {margin:0; padding:0; border:0px none; background:#fff; color:#333; font-size:12px; font-family:'ËÎÌå',arial,'Lucida Grande','Lucida Sans Unicode','ÐÂËÎÌå',verdana,sans-serif; line-height:180% }
 
 a {color:#333; text-decoration:none }
 a:hover {color:#f50; text-decoration:none }
 
 h1 {margin:0; font-size:16px }
 h2 {margin:0; font-size:14px }
 h3 {margin:0; font-size:12px }  
 ul {margin:0; padding:0; list-style-type:disc }
 p {margin:0 }
 form {margin:0 }
 td {padding:5px 10px }
 img {border:none }
 .img {border:1px dashed #cccccc }
 .photoborder {border:1px solid #cccccc } 
 .red {color:#f00 }
 .blue {color:#333 }
 .flesh {color:#333 }
 .black {color:#007c00 }
 .yellow {background:#f60 }
 .gray {background:#f7fee6 }
 
/*main*/
#main {margin:0 auto; width:950px; text-align:center }

/*head*/
 #head {height:58px; background:#fff }
 .logo {float:left }
 .logo h1 {width:190px; border:0; margin:0; text-indent:-9999px }
 .logo h1 a {border:0; display:block; background:url(../images/logo.gif) no-repeat; margin:0; height:58px; text-decoration:none }

 .line {float:left; background:url(../images/line.gif) no-repeat; width:10px; height:58px }
 .shopname {float:left; width:300px; line-height:58px; text-align:left }
 .topright {float:right; padding:5px 10px; text-align:right }
 .headInput {padding:2px 0 0 3px; width:120px; border:1px solid #cccccc; color:#999999 }
 
 #headMxt {clear:both; width:950px; height:40px; background:url(../images/headMxt.gif) no-repeat }
 .mxtLeft {float:left; padding-left:10px; line-height:40px }
 .mxtLeft a {color:#333 }
 .mxtRight {float:right; width:200px; padding:8px 28px 0 0; line-height:40px; color:#f00; text-align:right }
 
 #company {height:90px; background:url(../images/companyBg4.gif) no-repeat}
 .companyLeft {float:left; padding:4px 20px 0 10px }
 .companyRight {float:left; color:#ff0000; text-align:left; font-size:14px }
 
 .headname {padding-top:25px; font-size:28px; font-weight:bold; font-family:ºÚÌå; }
 
 .adver {clear:both; margin-bottom:10px }
 #banner {clear:both; margin-top:8px; padding-top:1px; height:199px; background:#ffffff url(../images/banner1.jpg) no-repeat }
 #nav {margin:10px auto; padding:3px 6px; text-align:left; border:1px solid #a8d932 }
 

/*tabs*/ 
 #menu {clear:both; background:url(../images/MenuBgG.gif); height:36px }
 .tabs {padding:6px 0 0 12px; width:auto; height:26px }
 .selectTab,.unselectTab {width:88px; line-height:30px; text-align:center; background:url(../images/MenuButtonOnBgG.gif) no-repeat;  margin:0; margin-right:8px; font-weight:bold; font-size:14px; color:#e17101; cursor:pointer; float:left }
 .selectTab a{color:#e17101 }
 .unselectTab {color:#007c00; display:block; background:url(../images/MenuButtonBgG.gif) no-repeat }
 .unselectTab a {color:#007c00; display:block; background:url(../images/MenuButtonBgG.gif) no-repeat }
 .selectContent {}
 .unselectContent {}
 
/*content*/
 #content {overflow:hidden; margin-top:10px; width:100%; text-align:left}
 .contentLeft {float:left; width:202px; border:1px solid #a8d932 }
 .contentRight {float:right; width:736px }
 
 .leftColumn {padding:5px 10px }
 .coloumnTitle {padding:2px 0 0 10px; height:23px; background:url(../images/columnBgG.gif); color:#007c00 }
 .statistics {color:#333 }
 .statistics li {list-style-type:none; word-break:break-all }
 .columnList {}
 .columnList li {list-style-type:none; padding:2px 0 2px 10px; border-bottom:1px dashed #e8e8e8; background:url(../images/allow4.gif) no-repeat 0px 8px }

 .newsList {overflow:hidden }
 .newsList li {float:left; margin-left:5px; padding:2px 0 2px 10px; width:47%; background:url(../images/allow4.gif) no-repeat 0px 8px; list-style-type:none }
 
 .storeIntro {float:left; margin:0 15px; width:250px }
 .intro {margin-bottom:10px; border:1px solid #a8d932; border-top:none; padding:8px; width:718px; color:#333 }
 .comlogo {float:right; margin-left:10px }
 .comlogo img {width:200px; height:150px }

 .rightColumn {clear:both; border:1px solid #a8d932; border-bottom:1px solid #d6eca0; background:#f7fee6; height:25px }
 .columnTitle2 {float:left; padding:3px 0 0 0; width:90px; height:22px; background:url(../images/columnTitleG.gif) no-repeat; text-align:center; color:#007c00 }
 .more {float:right; padding-top:3px; width:50px; text-align:center }
 
 .productList {overflow:hidden; margin:0 auto; width:714px }
 .productList li {float:left; list-style-type:none; line-height:120%; width:24%; height:202px; padding:3px 1px; border:2px dashed #fff; text-align:center }
 .productList li:hover{padding:3px 1px; border:2px dashed #a8d932; background:#f7fee6 }
 .productList li img {margin:0 auto; margin-bottom:5px; display:block; border:1px dashed #cccccc; width:150px; height:150px }
 .productList li span {display:block }
 
 #pagelist {clear:both; margin:10px auto; padding:6px 0px; height:20px }
 #pagelist ul li { float:left; border:1px solid #a8d932; line-height:20px; margin:0px 2px; list-style-type:none }
 #pagelist ul li a { display:block; padding:2px 8px 0 8px; background:white; text-decoration:none; color:gray }
 #pagelist ul li a:hover { background:#f7fee6; color:#007c00 }
 .current { background:#007c00; display:block; padding:2px 8px 0 8px; font-weight:bold; color:#fff }
 
 .contactList {overflow:hidden; width:698px }
 
 .nextPro {clear:both; margin-bottom:10px; padding:8px 10px; border-top:1px solid #a8d932; border-bottom:1px solid #a8d932; background:#f7fee6; text-align:center; font-weight:bold }

 .tablecon1 {background:#ffffff }
 .tablecon2 {background:#f7fee6 }
 
/*common*/ 
 .contact {padding:10px 0; width:100%; height:86px; border-bottom:1px dashed #cccccc }
 .photo {float:left; width:90px; text-align:center }
 
 .contactList {margin:10px auto; padding:0 10px }
 .contactList li {float:left; list-style-type:none; width:100% }
 
 .messageList {margin:10px auto; padding:0 10px }
 .messageList li {float:left; padding:5px 0; list-style-type:none; border-bottom:1px dashed #cccccc; width:100% }
 
 .leaveMessage {padding:5px 0; text-indent:20px; background:url(../images/allow2.gif) no-repeat 0px 8px; border-bottom:1px solid #cccccc }
 
 .leftmenu1 {font-weight:bold; cursor:hand; padding-top:4px; height:21px; text-align:left }
 .leftmenu2 {padding-left:22px; height:21px; text-align:left }
 
 .clear {clear:both; margin-top:10px }
 
 .detailTitle {margin-bottom:10px; padding:8px 0; border-bottom:1px dashed #cccccc; text-align:center}
 .detailLeft {float:left; width:280px; text-align:center }
 .detailRight {float:left; width:438px }
 
 .price {float:left; margin:20px auto; width:130px }
 .message {margin:20px auto; padding-top:4px; width:300px }
 .tags {clear:both }
 .description {margin:10px auto }
 .detailNext {margin:10px auto; padding:10px 0; border-top:1px dashed #cccccc }
 .detailNextLeft {float:left; width:60% }
 .detailNextRight {float:left; width:40% }
 
 .commend {margin:0 auto; width:560px }
 .commendTitle {text-indent:8px; padding-top:5px; background:#f7f7f7; border:1px solid #cccccc; border-bottom:none; height:25px }
 .commendContent {border:1px solid #cccccc; border-top:none }

/* footer */
#footer {clear:both; margin:10px auto; padding:10px 0; background:#fff; border-top:1px solid #a8d932 }
