/* CSS Document */

#homeContent { width: 100%; background-color:#ffffff;}
#mainContent { width: 1050px; height: auto; margin: 0 auto }
.page-left { width: 200px; height: auto; overflow: hidden; margin-left: -10px; }
.page-right { width: 850px; height: auto; margin-top: 15px }
.left-shadow-top { width: 200px; height: 13px; background: url("images/left_shadow_top.png") no-repeat; }
.left-shadow-bottom { width: 200px; height: 13px; background: url("images/left_shadow_bottom.png") no-repeat; }
.left-shadow { width: 200px; height: auto; background: #f7f7f7;}
.left-content { width: 200px; height: auto; margin: 0 auto; background: #f7f7f7; font-size:12px }
.left-content a { font-size:12px}
.left-content .tea-category:before { width: 24px; height: 24px; background: url(images/sprite.png) scroll -96px 0; display: inline-block; vertical-align: middle; content: ''; margin: -2px 0 0 -24px; }
.left-content .tea-category { padding: 5px 25px; width: 140px; height: 14px; }

.left-content .tea-category a { color: #B26411; font-weight: 700; font-size:14px }
.left-content .tea-category a:hover { color: #7d460d }
.left-dotted-line { background: url("images/left_dotted_line.jpg") no-repeat; width: 193px; margin-top:5px; margin-bottom:5px; height: 9px; }
.left-content ul { margin: 0 0 10px 24px; padding: 0 }
.left-content ul>li { list-style: none; line-height: 22px; color: #999; }
.left-content ul>li a { color: #999999; }
.left-content ul>li a:hover { color: #666666; }
 

.h-bottom { height: 80px; width: 100%; }
.catetitle { width:160px; padding-left:20px; background-color:#F2ECDC; font-weight:bold; color:#B56914; padding:20px; font-size:16px; }
.pbanner { width:100%;  height:285px; overflow:hidden; }
.pbanner1 { width:100%;  height:285px; overflow:hidden; background-color:#9AAB77}
.pbanner2 { width:100%; background-color:#46386B}
.pbanner3 { width:100%; background-color:#B40116}
.pbanner4 { width:100%; background-color:#7B5EBA}
.pbanner5 { width:100%; background-color:#4E1911}
.pbanner6 { width:100%; background-color:#1E1F24}
.pbanner7 { width:100%; height:285px; overflow:hidden; background-color:#863D1A}
.pbanner8 { width:100%; height:285px; overflow:hidden; background-color:#FCB600}
	.pbanner8 .spics  { width:228px; overflow:hidden; padding-top:6px;}
	.pbanner8 .spics ul { width:230px;}
	.pbanner8 .spics li { display:block; float:left;}
.leftimg { width:595px; height:285px; float:left; display:block; overflow:hidden}


.pbanner9 { width:100%; background-color:#DC6D14}
.pbanner10 { width:100%;  height:285px; overflow:hidden; background-color:#C5A074}
.pbanner11 { width:100%; background-color:#5E2E22}
.pbanner12 { width:100%; background-color:#401B08}

#pcatedes { display:block; float:left; width:220px; color:#ffffff;  padding:10px 10px 20px 12px; }
#pcatedes h3 { font-size:22px; line-height:32px;}
#pcatedes p { line-height:24px;font-size:11px;padding-top:15px;}

#cattitle { width:100%; padding-top:20px; padding-left:25px;  }

 
#cattitle h2 { border:#cccccc solid 1px; display:block; float:left; padding:10px;color:#666666; background-color:#eeeeee; font-size:14px; font-weight:normal; margin-bottom:20px;}