@charset "utf-8";
/* CSS Document */

#product-main {
	background-color:#FFFFFF;
	margin-bottom:20px;
}

#product-area {
background:transparent url(/site/img/box-bg.gif) no-repeat scroll left bottom;
padding:25px 15px 35px;
width:660px;
}

#product-area h1 {
padding:5px 10px;
width:640px;
margin-bottom:40px;
margin-top:10px;
background:#81b3b8;
color:#FFFFFF;
font-weight:bold;
font-size:108%;
}

.d_FLeft {
float:left;
margin:12px 0 0;
width:270px;
}

.d_FRight {
float:right;
margin:0;
width:370px;
}

#product-area h2 {
color:#333333;
font-size:123%;
font-weight:bold;
height:32px;
line-height:16px;
margin:0;
padding:15px 0 0 0;
text-indent:0;
width:370px;
}

#product-area h4 {
color:#333333;
font-size:123%;
font-weight:bold;
height:32px;
line-height:16px;
margin:0;
padding:15px 0 0 0;
text-indent:0;
width:370px;
}
#product-area h5 {
	color:#30adc4;
	font-size:108%;
	font-weight:bold;
}

.d_out {
color:#333333;
float:left;
margin:7px 0 10px;
position:relative;
width:370px;
}

.d_out p {
/*height:72px;*/
margin:5px 0 0;
padding:0;
}
.d_icon {
position:absolute;
right:0;
top:-90px;
}


.d_in {
float:left;
margin:0;
position:relative;
text-align:right;
width:170px;
}


#product-area table {
border:2px solid #999999;
float:left;
width:184px;
}

#product-area table td {
border:1px solid #CCCCCC;
border-collapse:collapse;
padding:10px;
}

.pprice {
color:#FF0000;
font-size:138.5%;
font-weight:bold;
}

.d_quantity select {
border:1px solid #CCCCCC;
margin:15px 0 0;
}

.d_btn {
	margin-top:10px;
}


#recommend1.nutritionL {
background:url(/site/img/rec-top.gif) no-repeat left top;
margin:50px 0 0;
}

.nutritionL {
clear:both;
color:#695E54;
float:left;
/*font-size:10px;
*/margin:0;
width:317px;
}

.rec-in {
	background:url(/site/img/rec-bottom.gif) no-repeat left bottom;
	padding-bottom:20px;
}

.rec-in ul {
margin:10px 0 0 20px;
padding:0;
}

.rec-in li {
background:url(/site/img/icon-arrow.gif) no-repeat left center;
height:15px;
line-height:15px;
margin-bottom:3px;
padding:3px 0 2px 25px;
width:230px;
border-bottom:1px solid #e6efe6;
}




.nutritionR {
	color:#333333;
	float:right;
	font-size:77%;
	margin-top:50px;
	margin-bottom:40px;
	padding:0;
	width:315px;
}

.nutritionR p {
 	background:#4dc2a3;
	color:#FFFFFF;
	padding:2px 20px;
	border-bottom:1px solid #FFFFFF;	
}

.border dt {
background:#CCCCCC;
}

.border dd {
background:#CCCCCC;
}

.nutritionR dt {
padding:3px 20px;	
}	


.nutritionR dd {
line-height:15px;
margin:-17px 10px 0 170px;
padding:0;
text-align:right;
}

.nutritionR dt.bg-green {
padding:3px 20px;
background:url(/site/img/element-bg.gif) repeat left top;	
}	
.nutritionR dd.bg-green  {
line-height:15px;
margin:-17px 10px 0 170px;
padding:0;
text-align:right;
background:url(/site/img/element-bg.gif) repeat left top;	
}



table #more {
	width:610px;
	clear:both;
}

table #more th {
	background:#e8f4ea;
	border:1px solid #cccccc;
	border-collapse:collapse;
	padding:3px 5px;
	text-align:left;
	vertical-align:top;
}

table #more td {
	border:1px solid #cccccc;
	border-collapse:collapse;
	padding:3px 5px;
	text-align:left;
	vertical-align:top;
}


/*more-----------*/


#more-area {
	clear:both;
	width:635px;
	margin-left:25px;
}

#more-area table.more {	
width:613px;
border:none;
}

#more-area table.more th {
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	background:#e8f4ea;
	padding:5px;
	width:148px;
	vertical-align:top;
}

#more-area table.more td{
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	padding:5px;
}