#teaGroup1{
width:430px;
margin-left:80px;
}

#teaGroup2{
width:555px;
}

#teaGroup1 li,
#teaGroup2 li{
float:left;
width:125px;
margin:0 6px;
}



/**/


a.redTeaB{
background:url(../images/tea/red/red1_2.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:15px;
width:107px;
float:left;
margin-right:10px;
margin-left:20px;
}

.ie6 a.redTeaB{
background:url(../images/tea/red/red1_2.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:15px;
width:107px;
float:left;
margin-right:10px;
margin-left:10px;
}

a.redTeaC{
background:url(../images/tea/red/red1_3.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:15px;
width:95px;
float:left;
margin-right:10px;
}

a.redTeaD{
background:url(../images/tea/red/red1_4.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:15px;
width:99px;
float:left;
margin-right:10px;
}

a.redTeaE{
background:url(../images/tea/red/red1_5.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:15px;
width:96px;
float:left;
margin-right:10px;
}

a.redTeaF{
background:url(../images/tea/red/red1_6.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:15px;
width:62px;
float:left;
margin-right:10px;
margin-left:20px;
}

.ie6 a.redTeaF{
background:url(../images/tea/red/red1_6.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:15px;
width:62px;
float:left;
margin-right:10px;
margin-left:10px;
}

a.redTeaG{
background:url(../images/tea/red/red1_7.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:15px;
width:58px;
float:left;
margin-right:10px;
}

a.redTeaH{
background:url(../images/tea/red/red1_8.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:15px;
width:56px;
float:left;
margin-right:10px;
}

a.redTeaI{
background:url(../images/tea/red/red1_9.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:15px;
width:36px;
float:left;
margin-right:10px;
}

a.redTeaJ{
background:url(../images/tea/red/red1_10.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:15px;
width:35px;
float:left;
margin-right:10px;
}

a.redTeaK{
background:url(../images/tea/red/red1_11.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:15px;
width:47px;
float:left;
margin-right:10px;
}

a.redTeaL{
background:url(../images/tea/red/red1_12.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:15px;
width:62px;
float:left;
margin-right:10px;
}


a.teaRedOB{
background:url(../images/tea/red/red3.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:35px;
width:265px;
margin-bottom:5px;
}

a.teaRedFL{
background:url(../images/tea/red/red4.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:35px;
width:265px;
margin-bottom:5px;
}

a.teaRedCF{
background:url(../images/tea/red/red5.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:35px;
margin-bottom:5px;
}

a.teaRedTG{
background:url(../images/tea/red/red6.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:35px;
width:265px;
margin-bottom:5px;
}

a.redAllTea{
background:url(../images/tea/red/all.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:35px;
width:265px;
}

#teaRedGroupL .teaRedGroup2{
background:url(../images/tea/red/red2.gif) no-repeat left top;
padding:5px 17px;
height:105px;
margin-bottom:5px;
}

.ie6 #teaRedGroupL .teaRedGroup2{
/*background:url(../images/tea/red/red2.gif) no-repeat left top;*/
padding:3px 17px;
margin-bottom:0px;
width:231px;
}

#teaRedGroupL,#teaRedGroupR {
float:left;
width:265px;
*margin-top: 10px;
margin-right:10px;
margin-bottom:30px;
}

a.redTeaTB{
background:url(../images/tea/red/teabag.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:35px;
width:265px;
}

a.redTeaDB{
background:url(../images/tea/red/red2_2.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:15px;
width:144px;
margin-bottom:4px;
margin-left:20px;
}

a.redTeaDC{
background:url(../images/tea/red/red2_3.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:15px;
width:144px;
margin-bottom:4px;
margin-left:20px;
}

a.redTeaDD{
background:url(../images/tea/red/red2_4.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:15px;
width:144px;
margin-bottom:4px;
margin-left:20px;
}

a.redTeaDE{
background:url(../images/tea/red/red2_5.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:15px;
width:104px;
margin-left:20px;
}

.ie6 a.redTeaDB{
background:url(../images/tea/red/red2_2.gif) no-repeat left top;
text-indent:-9999px;
display:block;
width:144px;
margin-bottom:0px;
padding-bottom:0;
margin-left:10px;
}

.ie6 a.redTeaDC{
background:url(../images/tea/red/red2_3.gif) no-repeat left top;
text-indent:-9999px;
display:block;
width:144px;
margin-bottom:0px;
padding-bottom:0;
margin-left:10px;
}

.ie6 a.redTeaDD{
background:url(../images/tea/red/red2_4.gif) no-repeat left top;
text-indent:-9999px;
display:block;
width:144px;
margin-bottom:0px;
padding-bottom:0;
margin-left:10px;
}

.ie6 a.redTeaDE{
background:url(../images/tea/red/red2_5.gif) no-repeat left top;
text-indent:-9999px;
display:block;
width:104px;
margin-left:10px;
}

#teaRMonthSpecial{
position:relative;
margin-bottom:30px;
padding-bottom:30px;
clear:both;
height:318px;
}

.teaRMonthSpecial{
background:url(../images/tea/red/recommend.jpg) no-repeat left top;
height:318px;
width:555px;
text-indent:-9999px;
display:block;
}

#teaRMonthSpecial img{
position:absolute;
bottom:45px;
left:125px;
}

/*#redTeaTitle{
background:url(../images/tea/red/red_title.gif) no-repeat center top;
height:20px;
text-indent:-9999px;
display:block;
margin-bottom:15px;
}*/

/**/

#greenTeaTitle{
background:url(../images/tea/green/green_title.gif) no-repeat center top;
height:20px;
text-indent:-9999px;
display:block;
margin-bottom:15px;
}

#teaGreenGroupL,
#teaGreenGroupR{
float:left;
width:265px;
margin-top: 0;
*margin-top: 10px;
margin-right:10px;
margin-bottom:30px;
}

a.greenTeaTB {
background:url(../images/tea/green/teabag.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:35px;
width:265px;
}

a.greenAllTea {
background:url(../images/tea/green/alltea.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:35px;
width:265px;
}


a.greenTeaA{
background:url(../images/tea/green/green1_1.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:25px;
width:205px;
margin-bottom:3px;
}

a.greenTeaB{
background:url(../images/tea/green/green1_2.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:15px;
width:35px;
float:left;
margin-right:10px;
margin-left:20px;
}
a.greenTeaC{
background:url(../images/tea/green/green1_3.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:15px;
width:36px;
float:left;
margin-right:10px;
}
a.greenTeaD{
background:url(../images/tea/green/green1_4.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:15px;
width:36px;
float:left;
margin-right:10px;
}
a.greenTeaE{
background:url(../images/tea/green/green1_5.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:15px;
width:63px;
float:left;
margin-right:10px;
}

a.teaGreenOB{
background:url(../images/tea/green/green2.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:35px;
width:265px;
margin-bottom:5px;
}

a.teaGreenTG{
background:url(../images/tea/green/green3.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:35px;
width:265px;
margin-bottom:5px;
}

a.teaGreenFT{
background:url(../images/tea/green/green4.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:35px;
width:265px;
margin-bottom:5px;
}

/*a.greenAllTea{
background:url(../images/tea/green/green5.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:35px;
width:265px;
}*/

/**/

#oolongTeaTitle{
background:url(../images/tea/oolong/oolong_title.gif) no-repeat center top;
height:20px;
text-indent:-9999px;
display:block;
margin-bottom:15px;
}

#teaOolongGroupL,
#teaOolongGroupR{
float:left;
width:265px;
margin-right:10px;
margin-bottom:30px;
}

a.oolongTeaA{
background:url(../images/tea/oolong/oolong1_1.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:25px;
width:205px;
margin-bottom:3px;
}

a.oolongTeaB{
background:url(../images/tea/oolong/oolong1_2.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:15px;
width:35px;
float:left;
margin-right:10px;
margin-left:20px;
}
a.oolongTeaC{
background:url(../images/tea/oolong/oolong1_3.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:15px;
width:36px;
float:left;
margin-right:10px;
}
a.oolongTeaD{
background:url(../images/tea/oolong/oolong1_4.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:15px;
width:62px;
float:left;
}

a.teaOolongOB{
background:url(../images/tea/oolong/oolong2.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:35px;
width:265px;
margin-bottom:5px;
}

a.teaOolongTG{
background:url(../images/tea/oolong/oolong4.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:35px;
width:265px;
margin-bottom:5px;
}

a.teaOolongFT{
background:url(../images/tea/oolong/oolong3.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:35px;
width:265px;
margin-bottom:5px;
}

a.oolongAllTea{
background:url(../images/tea/oolong/oolong5.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:35px;
width:265px;
}

/**/

#originalTeaTitle{
background:url(../images/tea/original/original_title.gif) no-repeat center top;
height:20px;
text-indent:-9999px;
display:block;
margin-bottom:15px;
}

a.OBTea{
background:url(../images/tea/original/original1.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:35px;
width:265px;
margin-bottom:5px;
}

a.teaTG{
background:url(../images/tea/original/original3.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:35px;
width:265px;
}

a.OBGreenTea{
background:url(../images/tea/original/original2.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:35px;
width:265px;
margin-bottom:5px;
}

a.originalAllTea{
background:url(../images/tea/original/original4.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:35px;
width:265px;
}

#teaOriginalGroupL,
#teaOriginalGroupR{
float:left;
width:265px;
margin-right:10px;
margin-bottom:30px;
}

/**/

#FBTeaTitle{
background:url(../images/tea/flavored/flavored_title.gif) no-repeat center top;
height:20px;
text-indent:-9999px;
display:block;
margin-bottom:15px;
}

a.FBTea{
background:url(../images/tea/flavored/flavored1.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:35px;
width:265px;
margin-bottom:5px;
}

a.FBcafe{
background:url(../images/tea/flavored/flavored3.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:35px;
width:265px;
margin-bottom:5px;
}

a.FBAllTea{
background:url(../images/tea/flavored/flavored5.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:35px;
width:265px;
margin-bottom:5px;

}

a.FBGreenTea{
background:url(../images/tea/flavored/flavored2.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:35px;
width:265px;
margin-bottom:5px;
}

a.FBteabag{
background:url(../images/tea/flavored/flavored4.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:35px;
width:265px;
}

#teaFBGroupL,
#teaFBGroupR{
float:left;
width:265px;
margin-top: 20px;
margin-right:10px;
margin-bottom:30px;
}

/**/

#HWteaTeaTitle{
background:url(../images/tea/herb/herb_title.gif) no-repeat center top;
height:20px;
text-indent:-9999px;
display:block;
margin-bottom:15px;
}

a.HBBTea{
background:url(../images/tea/herb/herb1.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:35px;
width:265px;
margin-bottom:5px;
}

a.HBGTea{
background:url(../images/tea/herb/herb3.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:35px;
width:265px;
margin-bottom:5px;
}

a.HBteabag{
background:url(../images/tea/herb/herb5.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:35px;
width:265px;
}

a.RTea{
background:url(../images/tea/herb/herb2.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:35px;
width:265px;
margin-bottom:5px;
}

a.HWtea{
background:url(../images/tea/herb/herb4.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:35px;
width:265px;
margin-bottom:5px;
}

a.HBAllTea{
background:url(../images/tea/herb/herb6.gif) no-repeat left top;
text-indent:-9999px;
display:block;
height:35px;
width:265px;
}

#teaHWGroupL,
#teaHWGroupR{
float:left;
width:265px;
margin-top: 20px;
margin-right:10px;
margin-bottom:30px;
}

/**/

.bHImg{
background:url(../images/tea/herb/dot2.gif) no-repeat left bottom;
display:block;
margin-top:50px;
margin-bottom:20px;
padding-bottom:20px;
}

#herbInfoText{
background:url(../images/tea/flavored/dot1.gif) no-repeat left top;
display:block;
padding:70px 60px 50px 230px;
color:#cfb10b;
font-size:0.8em;
line-height:1.5em;
}

.bFImg{
background:url(../images/tea/flavored/dot2.gif) no-repeat left bottom;
display:block;
margin-top:50px;
margin-bottom:20px;
padding-bottom:20px;
}

#flavoredInfoText{
background:url(../images/tea/flavored/dot1.gif) no-repeat left top;
display:block;
padding:70px 60px 50px 230px;
color:#ff894a;
font-size:0.8em;
line-height:1.5em;
}

.bOImg{
background:url(../images/tea/oolong/dot2.gif) no-repeat left bottom;
display:block;
margin-top:50px;
margin-bottom:20px;
padding-bottom:20px;
}

#oolongInfoText{
background:url(../images/tea/oolong/dot1.gif) no-repeat left top;
display:block;
padding:70px 60px 50px 230px;
color:#955f3a;
font-size:0.8em;
line-height:1.5em;
}

.bGImg{
background:url(/images/tea/green/dot2.gif) no-repeat left bottom;
display:block;
margin-top:50px;
margin-bottom:20px;
padding-bottom:20px;
}

#greenInfoText{
background:url(/images/tea/green/dot1.gif) no-repeat left top;
display:block;
padding:70px 60px 50px 230px;
color:#909e14;
font-size:0.8em;
line-height:1.5em;
}

.bRImg{
background:url(../images/tea/flavored/dot2.gif) no-repeat left bottom;
display:block;
margin-top:50px;
margin-bottom:20px;
padding-bottom:20px;
}

#redInfoText{
background:url(/images/tea/red/dot1.gif) no-repeat left top;
display:block;
padding:70px 60px 40px 230px;
color:#a54e43;
font-size:0.8em;
line-height:1.5em;
}

.bORImg{
background:url(/images/tea/original/dot2.gif) no-repeat left bottom;
display:block;
margin-top:50px;
margin-bottom:20px;
padding-bottom:20px;
}

#originalInfoText{
background:url(/images/tea/original/dot1.gif) no-repeat left top;
display:block;
padding:70px 60px 50px 230px;
color:#c27d21;
font-size:0.8em;
line-height:1.5em;
}

.bTTImg{
background:url(/images/tea/dot2.gif) no-repeat left bottom;
display:block;
margin-top:10px;
margin-bottom:20px;
padding-bottom:20px;
}

#teaTOPInfoText{
background:url(/images/tea/teatop.jpg) no-repeat left top;
display:block;
padding:180px 15px 35px 270px;
color:#9da255;
font-size:0.8em;
line-height:1.5em;
}