/* -------------------------------------- common style start ------------------------------- */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(../images/bg.jpg) repeat-x 0 0
}
* {
	margin:0;
	padding:0;
}
fieldset {
	border:none
}
img {
	border:none
}
/* -------------------------------------- wrapper style start ------------------------------- */
#wrapper {
	width:993px;
	margin:25px auto;
}
.curv {
	float:left;
	width:100%;
}
.curv img {
	float:left
}
/* -------------------------------------- container style start ------------------------------- */
#container {
	float:left;
	width:959px;
	background:url(../images/body_bg.png) repeat-y 0 0;
	padding:0 17px 0 17px
}
/* -------------------------------------- left container style start ------------------------------- */
#left_container {
	float:left;
	width:220px;
	background:url(../images/left_bg.jpg) no-repeat 0 0;
	overflow:hidden
}
#left_container .box_bot_bg {
	float:left;
	width:220px;
}
#left_container .logo {
	float:left;
	width:220px;
	margin-top:20px
}
#left_container .menu {
	float:right;
	width:190px;
	padding:0 30px 0 0;
}
#left_container .menu .oakland {
	float:right;
	font-size:9px;
	line-height:14px;
	color:#7e7584;
	font-style:normal;
	font-weight:bold;
	text-align:right;
	letter-spacing:2px;
	padding:0 10px 0 0
}
#left_container .menu .bg {
	float:left;
	width:190px;
	margin:0 0 15px 0;
	text-align:right
}
#left_container .menu ul {
	float:left;
	width:190px;
	list-style:none;
}
#left_container .menu ul li {
	padding:0 0 7px 0;
	font-size:12px;
	font-weight:bold;
	text-align:right;
	width:190px;
	float:left
}
#left_container .menu ul li img {
	float:right
}
#left_container .menu ul li.last {
	padding:5px 10px 6px 0;
	font-size:12px;
	font-weight:bold;
	text-align:right;
	float:left;
	margin-bottom:10px
}
#left_container .menu ul li a {
	text-decoration:none;
	color:#432b16;
	padding:0 15px 0 0
}
#left_container .menu ul li a:hover {
	color:#000;
	padding:0 15px 0 0
}
#left_container .phone_number {
	float:left;
	width:180px;
	text-align:right;
	padding:0 40px 0 0
}
#left_container .phone_number p {
	color:#432b16
}
#left_container .phone_number p strong {
	font-size:15px;
	font-weight:bold;
	color:#432b16
}
#left_container .phone_number p span {
	font-size:12px;
	font-weight:bold;
	color:#432b16;
}
#tea_sample_container {
	float:left;
	width:220px;
	color:#6d6671;
	text-align:center;


}
#tea_sample_container.inner {
	float:left;
	width:220px;
	color:#6d6671;
	text-align:center;
	padding-bottom:20px;


}
#tea_sample_container h3 {
	float:left;
	width:220px;
	font-size:11px;
	font-weight:bold;
}
#tea_sample_container .more {
	float:left;
	width:185px;
	font-size:11px;
	text-align:right;
	font-weight:bold;
	text-decoration:none;
	color:#6d6671;
	font-style:italic
}
#tea_sample_container a {
	text-decoration:none;
	color:#6d6671;
}
#tea_sample_container a:hover {
	text-decoration:none;
	color:#666
}
#tea_sample_container .more:hover {
	text-decoration:underline;
}
#tea_sample_container .text {
	font-size:10px;
	font-style:normal;
	font-weight:bold;
	text-align:center;
	padding:5px 0 5px 0;
	width:40px;
}
#tea_sample_container ul {
	width:162px;
	list-style:none;
	float:left;
	padding:10px 29px 10px 29px
}
#tea_sample_container ul li {
	float:left;
	width:47px;
	background:url(../images/Sample_img_box.png) no-repeat 0 0;
	padding:5px 0 0 5px;
	margin-left:2px;
	display:inline
}
#tea_sample_container ul li span {
	float:left;
	width:47px;
	text-align:center
}
#tea_sample_container ul li img {
	float:left;
}
#tea_sample_container ul li a {
	text-decoration:none
}
#tea_sample_container ul li a:hover {
	text-decoration:none
}
/* -------------------------------------- right container style start ------------------------------- */
#right_container {
	float:left;
	width:738px;
	overflow:hidden
}
#right_container .main_container {
	float:left;
	width:738px;
	background: url(../images/right_container_bg.jpg) repeat-y 0 0
}
#right_container .main_container .body_container {
	float:left;
	width:738px;
	background:url(../images/right_container_top_bg.jpg) no-repeat top right
}
#right_container .details_container {
	float:left;
	width:738px;
	background:url(../images/right_container_top_bg.jpg) no-repeat top right
}
#right_container .main_container .body_container .main_details_container {
	float:left;
	width:738px;
	background: url(../images/home_right_effect_bg.jpg) repeat-y 0 0;
}
#right_container .main_container .body_container .content_container {
	float:left;
	width:738px;
	background:url(../images/right_container_bottom_bg.jpg) no-repeat bottom right
}
#right_container .main_container .body_container .content_container_inner{
	float:left;
	width:708px;
	padding:15px;
}
#right_container .main_container .body_container .content_container_inner .content{
	padding: 20px 0 0 0;
	color:#612b16;
	line-height:25px;
	font-weight:bold;
}
#right_container .main_container .body_container .content_container_inner .content span{
	font-size: 18px;
	font-weight: bold;
	color: #6987c1;
}
#right_container .main_container .body_container .content_container_inner .content .photo_right{
	border: 5px #FFFFFF solid;
	margin: 0 0 0 10px;
	float: right;
}
#right_container .main_container .body_container .content_container_inner .content .photo_left{
	border: 5px #FFFFFF solid;
	margin: 0 10px 0 0;
	float: left;
}

#right_container .main_container .body_container .content_container_inner .content iframe{
	border: 5px #FFFFFF solid;
	margin: 0 0 0 10px;
	float: right;
}

#right_container .main_container .body_container .content_container_inner .content .error {
	font-weight: bold;
	color: #CC0000;
}

.right_bg{background:url(../images/right_container_bottom_bg.jpg) no-repeat bottom right; float:left; width:100%}
#right_container .main_container .body_container .content_container_inner h2{ font-size:36px; color:#927b4a; margin-top:80px; margin-bottom:10px; text-align: center;}
#right_container .main_container .body_container .content_container_inner h2 span{ color:#6987c1}
#right_container .main_container .body_container .content_container_inner p{ margin:0 0 10px 0; color:#432b16}
#right_container .main_container .body_container .content_container .details_container {
	float:left;
	width:738px;
	background:url(../images/images_bg.jpg) no-repeat 0 0;
	
}
#right_container .main_container .body_container .content_container .details_container .special {
	float:right;
	width:310px;
	padding:40px 0 0 0
}
#right_container .main_container .body_container .content_container .details_container .special .image {
	float:left;
	padding:0 0 0 0
}
#right_container .main_container .body_container .content_container .details_container .special .address {
	float:right;
	padding:65px 25px 0 0;
	font-size:11px;
	color:#879d79;
	line-height:15px
}
#right_container .main_container .body_container .content_container .details_container .welcome_container {
	float:right;
	width:486px;
}
#right_container .main_container .body_container .content_container .details_container .welcome_container .name_image {
	float:left;
	padding:0 0 0 15px
}
#right_container .main_container .body_container .content_container .details_container .welcome_container p {
	float:left;
	padding:15px 20px 0 45px;
	width:421px;
	color:#432b16;
	line-height:25px;
	font-weight:bold
}
#right_container .main_container .body_container .content_container .details_container .welcome_container p.last {
	float:left;
	padding:10px 30px 0 75px;
	width:391px;
	color:#432b16;
	line-height:28px;
}
#right_container .main_container .body_container .content_container .bottom_container {
	float:left;
	width:738px;
	
}
#right_container .main_container .body_container .content_container .bottom_container .cup_img {
	float:left;
	width:379px;
	height:365px;
	margin-top:-70px;
	position:relative
}
#right_container .main_container .body_container .content_container .bottom_container .chinese_text {
	float:left;
	padding:55px 0 0 0
}
#right_container .main_container .body_container .content_container .bottom_container .click_here {
	float:right;
	padding:0px 25px 25px 0
}
.foot{margin-right:39px; display:inline}
.catel{margin-top:7px; display:inline}
/* -------------------------------------- footer container style start ------------------------------- */
#footer_container {
	width:993px;
	margin:0 auto 0 auto;
}
#footer_container .footer {
	width:710px;
	float:right;
	padding:10px 0 0 0
}
#footer_container .footer .icons {
	width:250px;
	float:left
}
#footer_container .footer .icons .find {
	width:250px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#716a62
}
#footer_container .footer .icons .find img {
	float:left;
	margin:0 4px 0 4px;
	display:inline
}
#footer_container .footer .icons .find .find_text {
	float:left;
	padding:5px 0 0 0
}
#footer_container .footer .icons .more {
	width:155px;
	float:left;
	padding:5px 0 0 73px;
}
#footer_container .footer .icons .more img {
	float:left;
}
#footer_container .footer .icons .more .more_links {
	float:left;
	padding:8px 0 0 37px;
	width:50px
}
#footer_container .footer .icons .more .more_links a {
	color:#606060;
	text-decoration:none;
}
#footer_container .footer .icons .more .more_links a:hover {
	text-decoration:underline
}
#footer_container .footer .links {
	width:440px;
	float:right;
	border-left:1px solid #b6b2af;
	padding:0 0 0 15px
}
#footer_container .footer .links ul.footer_links {
	width:440px;
	float:left;
	text-align:right;
	list-style:none
}
#footer_container .footer .links ul.footer_links.right{ float:right; width:auto!important}
#footer_container .footer .links ul.footer_links.right li{ float:left}
#footer_container .footer .links ul.footer_links li {
	float:left;
	padding:0 9px 9px 9px;
	background:url(../images/footer_links_sep.jpg) no-repeat 0 3px
}
#footer_container .footer .links ul.footer_links li a {
	color:#716a62;
	text-decoration:none
}
#footer_container .footer .links ul.footer_links li a:hover {
	color:#000;
}
#footer_container .footer .links ul.footer_links li.last {
	background:none
}
#footer_container .footer .copyright {
	float:right;
	width:450px;
	text-align:right;
	font-size:10px;
	color:#716a62;
	padding:15px 10px 0 0
}
#footer_container .footer .copyright a {
	color:#716a62;
	text-decoration: none;
}
#footer_container .footer .copyright a:hover {
	text-decoration: underline;
}
