@import url(public.css);


/* 3.3	Content
-----------------------------------------------------------------------------------------------*/	
 #wrap-right .wrap-right-healthcontent{
		padding:17px 20px 17px 10px;
		background:url(../images/bg-rightcontainer_top.gif)  no-repeat;
		text-align:left ;
		}	
	#wrap-right .wrap-right-healthcontent .greengradient{
		margin:auto;
		text-align:left;
		width:605px;
		padding:10px 0 10px 15px;
		background:url(../images/bg-greengradient.gif) top center no-repeat; }

	#wrap-right .wrap-right-healthcontent .breadcrumb{
		width:100%;
		overflow:hidden;
		display:block;
		color:#63770a;
		margin-bottom:9px;
		font:11px Verdana, Arial, Helvetica, sans-serif }

	.wrap-right-healthcontent h2#heading-matcha,
	.wrap-right-healthcontent h2#heading-matcha span{
		width:100%;
		height:46px;
		display:block;
		position:relative;
		margin-bottom:12px!important;
		margin-bottom:6px; }
		
	.wrap-right-healthcontent h2#heading-matcha span,
	.wrap-right-healthcontent h2#heading-matcha{ height:89px; width:330px; float:left }

		.wrap-right-healthcontent h2#heading-matcha span{
			position:absolute;
			top:0;
			left:0;
			background:url(../images/matcha_health.gif) no-repeat }

.wrap-right-healthcontent .absoluteright{
		margin:0 28px 10px 10px!important;
		margin:0 14px 10px 10px;
		float:right;
		top:0px;
		position:relative;
		 }
		 
		 
		 
	#wrap-right .wrap-right-healthcontent .subtitle{
		width:326px;
		font:16px "MyriadPro", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif !important;
		color:#5d6f0d;
		
	}
	
	.wrap-right-healthcontent .greengradient .box{		
		margin:12px 0 412px;
		width:605px;
		font-size:13px;
		color:#4c4c4c;
		line-height:16px;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
	
	.wrap-right-healthcontent h3#subheading-antioxidants,
	.wrap-right-healthcontent h3#subheading-antioxidants span,
	.wrap-right-healthcontent h3#subheading-nutrients,
	.wrap-right-healthcontent h3#subheading-nutrients span,
	.wrap-right-healthcontent h3#subheading-weight,
	.wrap-right-healthcontent h3#subheading-weight span,
	.wrap-right-healthcontent h3#subheading-healing,
	.wrap-right-healthcontent h3#subheading-healing span,
	.wrap-right-healthcontent h3#subheading-health,
	.wrap-right-healthcontent h3#subheading-health span{
		width:100%;
		height:18px;
		position:relative;
		display:block;
		margin-bottom:10px;
		margin-top:10px;
		font-size:15px;
		font-weight:bold;
		padding-top:15px }
		
	.wrap-right-healthcontent h3#subheading-antioxidants span,
	.wrap-right-healthcontent h3#subheading-nutrients span,
	.wrap-right-healthcontent h3#subheading-weight span,
	.wrap-right-healthcontent h3#subheading-healing span,
	.wrap-right-healthcontent h3#subheading-health span{
	position:absolute;
			top:0;
			left:-5px }
	.wrap-right-healthcontent h3#subheading-antioxidants span{
			background:url(../images/matcha_an.gif) no-repeat }	
		
		.wrap-right-healthcontent h3#subheading-nutrients span{
			background:url(../images/matcha_nu.gif) no-repeat }	
		
		.wrap-right-healthcontent h3#subheading-weight span{
			background:url(../images/matcha_we.gif) no-repeat }	
		
		.wrap-right-healthcontent h3#subheading-healing span{
			background:url(../images/matcha_he.gif) no-repeat }	
		
		.wrap-right-healthcontent h3#subheading-health span{
			background:url(../images/matcha_hea.gif) no-repeat }	
		
	
	
	.wrap-right-healthcontent .greengradient .box .list{
		margin-bottom:16px;
	}
	
	.wrap-right-healthcontent .greengradient .box .list img{
		position: relative;
		left:-10px;
	}
	.wrap-right-healthcontent .greengradient .box .list .content{
		width:414px;
		color:#575757;
		font:12px  Verdana, Geneva, Arial, Helvetica, sans-serif;
		float: right;
	}
	.wrap-right-healthcontent .greengradient .box .list .wide{
			width:467px;
		}
	
	.wrap-right-healthcontent .greengradient .box .list .content p{
		margin-bottom:10px;
	}
	
	.wrap-right-healthcontent .greengradient .box .list .content .bot{
		margin-bottom:20px;
	}
	
	.wrap-right-healthcontent .marginright{
		margin-right:46px!important;
		margin-right:26px;
	}	
	.wrap-right-healthcontent .greengradient .box .listbg{
		padding-left:20px;
		background:url(../images/ico-arrow-shop.gif) no-repeat 0 50%;
		margin-bottom:21px;
	}
	
	.wrap-right-healthcontent .greengradient li {
	background:url(../images/icon-bull2.gif) no-repeat left 4px;
	padding-bottom:10px;
	padding-left:15px;
}
	.wrap-right-healthcontent .marginleft{
		margin-left:234px!important;
		margin-left:224px;
	}
.wrap-right-healthcontent .leftblank{
		margin-left:229px;
	}
	
	.wrap-right-healthcontent .bottomblank{
		margin-bottom:10px;
		}
	
/**shop*/



/* 3.3	Content
-----------------------------------------------------------------------------------------------*/	
 #wrap-right .wrap-right-shopcontent{
		padding:17px 20px 17px 10px;
		background:url(../images/bg-rightcontainer_top.gif)  no-repeat;
		text-align:left ;
		}	
	#wrap-right .wrap-right-shopcontent .greengradient{
		margin:auto;
		text-align:left;
		width:610px;
		padding:10px 0 10px 10px;
		background:url(../images/bg-greengradient.gif) top center no-repeat; }

	#wrap-right .wrap-right-shopcontent .title{
		margin-left:10px;
		background:url(../images/pan.gif) no-repeat 156px 1px;
	}
	
	#wrap-right .wrap-right-shopcontent .breadcrumb{
		width:100%;
		overflow:hidden;
		display:block;
		color:#63770a;
		margin-bottom:9px;
		font:11px Verdana, Arial, Helvetica, sans-serif }

	.wrap-right-shopcontent h2#heading-shop,
	.wrap-right-shopcontent h2#heading-shop span{
		width:100%;
		height:46px;
		display:block;
		position:relative;
		margin-bottom:15px }
		
	.wrap-right-shopcontent h2#heading-shop span,
	.wrap-right-shopcontent h2#heading-shop{ height:78px; width:193px; float:left }

	.wrap-right-shopcontent h2#heading-shop span{
			position:absolute;
			top:0;
			left:0;
			background:url(../images/shop.gif) no-repeat }

	#wrap-right .wrap-right-shopcontent .titlebox{
		margin:0 100px 40px 0!important;
		margin:0 50px 40px 0;
		width:300px;
		float:right;
		top:0px;
		position:relative;
	}
	#wrap-right .wrap-right-shopcontent .arr{
		padding-right:16px;
		font:12px "MyriadPro", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif !important;
		color:#6e8509;
		line-height:20px;
		background:url(../images/arr.gif) no-repeat right 80%;
	}
	
		#wrap-right .wrap-right-shopcontent  .titlebox ul{
			margin-top:6px;
		}
	
	#wrap-right .wrap-right-shopcontent .titlebox li{
		padding:0 6px;
		font:14px "MyriadPro", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif !important;
		color:#6e8509;
		line-height:16px;
		border-right:1px solid #85a20c;
		float:left;
	}
	#wrap-right .wrap-right-shopcontent .titlebox .first{
			padding-left:0;
		}
	
		#wrap-right .wrap-right-shopcontent  .titlebox .last{
			border:none;
		}
	
	.wrap-right-shopcontent p.greentext{
		font:14px "MyriadPro", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif !important;
		color:#6e8509;
		line-height:16px;
		padding-bottom:12px;
	}

	.wrap-right-shopcontent .greengradient .box p{		
		margin:10px 0;
		font-size:13px;
		color:#4c4c4c;
		line-height:16px;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
	.wrap-right-shopcontent .greengradient .box .list{
		padding:10px;
		margin-bottom:11px;
	}
	
	.wrap-right-shopcontent .greengradient .box .listbg{
		padding:10px;
		background:url(../images/shop_list_bg.gif) no-repeat;
		margin-bottom:21px;
	}
	
	.wrap-right-shopcontent .greengradient .add_button{
		margin:0;
		padding:0;
		border: 0;
		width:78px;
		height:26px;
		background: url(../images/addto.gif) no-repeat;
		text-indent:-9999em;
		cursor: pointer;
		display:block;
		float:left;
	}
	
	.wrap-right-shopcontent .greengradient .imgbg{
		width:143px;
		height:126px;
		text-align: center;
		line-height: 126px;
		background:url(../images/imgbg.gif) no-repeat;
		float: left;
	}
	
	.wrap-right-shopcontent .greengradient .box .rt{
		width:436px;
		float:right;
	}
	.wrap-right-shopcontent .greengradient .box .title_bg{
		margin-right:10px;
		padding-left:14px;
		width:327px;
		font:18px "MyriadPro", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif !important;
		color:#fff;
		line-height:26px!important;
		background:url(../images/shooplist.gif) no-repeat;
		float:left;
	}
	.wrap-right-shopcontent .greengradient .box .rt span{
			margin-right:6px;
			font-family:Tahoma;
			font-weight: bold;
			font-size:18px;
			color:#7c9110;
			float:right;
			position: relative;
			top:-15px;
		}
	
	.wrap-right-shopcontent .list_ico{
		padding-left:18px;
		font-size:13px;
		font-family: Tahoma;
		background:url(../images/list_ico.gif) no-repeat 0 60%;
	}
	
.wrap-right-shopcontent .greengradient .imgbg img{	
		vertical-align: middle;
}
	
	.wrap-right-shopcontent .greengradient .box .content{
		margin-left:14px;
		width:414px;
	}
	
.wrap-right-shopcontent .greengradient .right{
	margin-top:7px;
	margin-bottom:629px;
	float:right;
}
.wrap-right-shopcontent .greengradient .shop_for{
		padding:10px;
		font:18px "MyriadPro", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif !important;
		padding-left:32px;
		color:#6e8509;
		line-height:34px!important;
		line-height:34px;
		background:url(../images/shop_for.gif) no-repeat 0 50%;
	}