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


.tab-box { 
	margin:0 auto;
	width:615px;
	height:36px;
	background:url(../images/tab-bg.jpg) no-repeat;
	padding-left:15px;
}
.tab-box a{ font-size:10px;}

.tab-box-1 a.activeLink { 
 height:36px; display:block;  background:url(../images/tab-recipes.jpg) no-repeat left bottom ;
}

.tab-box-2 a.activeLink { 
 /* height:36px; display:block;  background:url(../images/tab-ask.jpg) no-repeat left bottom; */
 height:36px; display:block;  background:url(../images/tab-benourished.png) no-repeat left bottom;
}
.tab-box-3 a.activeLink { 
 height:36px; display:block;  background:url(../images/tab-health.jpg) no-repeat left bottom ;
}
.tab-box-4 a.activeLink { 
 height:36px; display:block;  background:url(../images/tab-calcu.jpg) no-repeat left bottom ;
}


.tab-box a strong{
visibility:hidden;
}
.tabcontent { border-top: 0; margin:0; padding:0; float:left; width:628px; border-left:1px solid #ececec; border-right:1px solid #ececec; 
background:url(../images/tab-cont-bg-1.jpg) no-repeat center top; height:443px; margin-bottom:10px;  }

.hide { display: none;}



.tab-box-1 a{
	width:91px; height:36px; font-family:Arial, Helvetica, sans-serif; color:#CCCCCC; text-decoration:none;  
	 background:url(../images/tab-recipes.jpg) no-repeat left top ; display:block; float:left; margin-left:2px;
}
.tab-box-1 a:hover{
	width:91px; height:36px; font-family:Arial, Helvetica, sans-serif; color:#CCCCCC; text-decoration:none;  background:url(../images/tab-recipes.jpg)
	 no-repeat left bottom ; display:block; float:left;
}

.tab-box-2 a{
	width: 189px; height:36px; font-family:Arial, Helvetica, sans-serif; color:#CCCCCC; text-decoration:none;  
	 background:url(../images/tab-benourished.png) no-repeat left top; display:block; float:left;margin-left:2px;
}
.tab-box-2 a:hover{
	width:189px; height:36px; font-family:Arial, Helvetica, sans-serif; color:#CCCCCC; text-decoration:none;background:url(../images/tab-benourished.png)
	 no-repeat left bottom ; display:block; float:left;
}

.tab-box-3 a{
	width:153px; height:36px; font-family:Arial, Helvetica, sans-serif; color:#CCCCCC; text-decoration:none;  
	 background:url(../images/tab-health.jpg) no-repeat left top; display:block; float:left;margin-left:2px;
}
.tab-box-3 a:hover{
	width:153px; height:36px; font-family:Arial, Helvetica, sans-serif; color:#CCCCCC; text-decoration:none;  
	 background:url(../images/tab-health.jpg) no-repeat left bottom ; display:block; float:left;
}
.tab-box-4 a{
	width:153px; height:36px; font-family:Arial, Helvetica, sans-serif; color:#CCCCCC; text-decoration:none;  
	 background:url(../images/tab-calcu.jpg) no-repeat left top; display:block; float:left;margin-left:2px;
}
.tab-box-4 a:hover{
	width:153px; height:36px; font-family:Arial, Helvetica, sans-serif; color:#CCCCCC; text-decoration:none;  
	 background:url(../images/tab-calcu.jpg) no-repeat left bottom ; display:block; float:left;
}
.tab-bg-1{ background:url(../images/tab-cont-bg-int.jpg) no-repeat left top;}
.tab-bg-2{ background:url(../images/tab-cont-bg-int2.jpg) no-repeat left top;}
.tab-bg-3{ background:url(../images/tab-cont-bg-int3.jpg) no-repeat left top;}
.tab-bg-4{ background:url(../images/tab-cont-bg-int4.jpg) no-repeat left top;}