/* CSS Document */
body {
	padding: 0;
	margin: 0;
}

body{
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background:url(../images/blue_green_algae_bg.gif) repeat top;
	background-color:#fff;
	color:#434343;
	line-height:14px;
}

h1,h2,h3,p,ul,ol,li,dl,dt,dd,table,img,form {
	margin: 0;
	padding: 0;
	border: 0;
}
TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}
div { margin:0 auto; padding:0px;}
.floatleft { float:left;}
.clear { clear:both;}

.marginT5 { margin-top:5px;}
.marginT10 { margin-top:10px;}
.marginT15 { margin-top:15px;}
.marginT20 { margin-top:20px;}
.marginT30 { margin-top:30px;}

#container { width:802px;}
#top { width:802px;}
#menu { width:802px; float:left; height:57px;}
#menu ul { list-style-types: none; background:url(../images/superfood_top_01.jpg) repeat-x;}
#menu li { display:inline; float:left; background:url(../images/superfood_top_01.jpg) repeat-x;}

#menu ul li a{ display:inline-block; height:57px; background:url(../images/main-nav.jpg) no-repeat;}
/*nav-home */
#menu ul li.nav-home a{ width:72px; background-position:0 0;}
#menu ul li.nav-home a:hover{ background-position:0 -57px;}

/*nav-product*/
#menu ul li.nav-product a{ width:91px; background-position:-72px 0;}
#menu ul li.nav-product a:hover{ background-position:-72px -57px; }

/*nav-about */
#menu ul li.nav-about a{ width:110px; background-position:-163px 0;}
#menu ul li.nav-about a:hover{  background-position:-163px -57px;}

/*nav-health-consultation*/
#menu ul li.nav-health-consultation a{ width:122px;  background-position:-273px 0;}
#menu ul li.nav-health-consultation a:hover{  background-position:-273px -57px;}

/*nav-newsletter*/
#menu ul li.nav-newsletter a{ width:183px; background-position:-395px 0;}
#menu ul li.nav-newsletter a:hover{  background-position:-395px -57px;}

/*nav-tasty-recipes*/
#menu ul li.nav-tasty-recipes a{ width:116px; background-position:-578px 0;}
#menu ul li.nav-tasty-recipes a:hover{  background-position:-578px -57px;}

/*nav-contact*/
#menu ul li.nav-contact a{ width:90px; background-position:-694px 0;}
#menu ul li.nav-contact a:hover{  background-position:-694px -57px;}

#main { width:802px; background-color:#fff; overflow:hidden;}
#c1 { width:284px; float:left;}
#c2	{ width:518px; float:left;}

#product { margin-top:15px; margin-left:20px; width:250px;}
.border_pro { border-bottom:4px solid #dcdcdc; width:auto;}
.border_line { border-bottom:1px solid #dcdcdc; width:auto;}
.blue { color:#0033ff;}
.title_pro { font-size:16px; text-transform:uppercase;}
.title_pro2 { font-size:16px; text-transform:uppercase;}

#contact { background:url(../images/superfood_contact_bg.jpg) no-repeat; width:248px; height:202px;}
#contact1 { background:url(../images/superfood_contact_bg.jpg) no-repeat; width:450px; height:202px;}
.red { color:#c3070d;}
.red1 { color:#c3070d;
	font-weight: bold;
	font-size: 13px;
}

#form01 { width:80px; float:left; height:25px; margin-top:10px;}
#form02 { width:150px; float:right; height:25px; margin-left:10px; margin-top:10px;}

#content { width:477px; margin-left:20px;}
.txt13 { font-size:13px;}
.txt12 { font-size:12px;}
.txt11 { font-size:11px;}

#foot { background:url(../images/superfoods_heart02.jpg) no-repeat; background-color:#c3070d; height:49px; float:left; width:802px; color:#fff;}
#foot div { width:762px; margin-top:10px;}
#foot a {
	color: #fff;
	text-decoration:none;
}
#foot a:link { text-decoration:none;}
#foot a:hover{ text-decoration:underline;}

.heart { background:url(../images/superfood_heart01.jpg) no-repeat bottom; width:248px; height:127px;}


#to { 
	background:url(../images/superfoods_top_bg.jpg) no-repeat; 
	background-color:#c3070d; 
	height:34px; 
	float:right; 
	width:802px; 
	color:#E5E5E5;
	margin-top:-2px;
}
#to div { margin:10px 20px 0px 25px}
#to a {
	color: #E5E5E5;
	text-decoration:none;
	font-weight: bold;
	font-size: 10px;
}
#to a:link { text-decoration:underline;}
#to a:hover{ text-decoration:underline;}

/*********INNER PAGE************/

#p_product { width:477px; margin-top:15px; overflow:hidden;}
#p_product .c1 { width:186px; margin-top:5px; float:left;}
#p_product .c2 { width:283px; margin-top:5px; float:right;}
.border_img { border:1px solid #dcdcdc;}

#detail_pro { overflow:hidden;}
#categories { margin-top:20px; width:250px; overflow:hidden;}
#categories ul {}
#categories li {margin-top:10px; margin-left:20px; list-style-type:circle;}
#categories a:link { text-decoration:none; color:#434343}
#categories a:hover{ text-decoration:underline; color:#c3070d}
#formula { margin:0 auto; width:540px; background-color:#fff;padding:20px;}
.sanpham{
padding: 5px 0px 0px 10px;
}

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 11px; color: #578448; text-decoration: underline; }

.a-center{ text-align:center;}	
.a-right{ text-align:right;}
.label-front{ background:url('../images/label-font-bg2.jpg') no-repeat; width:396px; height:449px;  color:#fff; text-align:center; font-size:13px; margin-bottom:5px; }
.label-front .frame{  width:340px;text-align:center; position:relative;}
.label-front .list{ position:absolute; top:125px; left:0px;}
.label-front .list table td{ text-align:center; width:50%; padding:10px; font-size:15px;}

.label-back{  border:solid 0px #a03022; width:386px; line-height:130%;}
*html .label-back{ width:380px;}
.label-back .frame{ background:#fff; color:#008459; width:386px;  font-size:12px;}
.label-back .frame-content{ padding:10px;}
.label-back .frame .top-line{ padding:5px; font-size:13px;}
.label-back .frame .logo{ background:#791500; padding:3px 0; height:46px; min-height:46px; width:386px; border-top:solid 2px #69a298; border-bottom:solid 2px #69a298;}
*html .label-back .frame .logo{width:389px;}
.margin-b10{ margin-bottom:10px;}
.margin-b5{ margin-bottom:5px;}
.margin-b15{ margin-bottom:15px;}
.margin-b20{ margin-bottom:20px;}