html, body { padding:0; margin:0; font:normal 12px Arial, Helvetica, sans-serif; background:url(../images/topbg.gif) repeat-x top #f3f3f3; }
img { border:0; }
ul, li {padding:0; margin:0;}
a { text-decoration:none; color:#000000; outline:none;}
a:hover { text-decoration:none; outline:none; }

h1 { color:#e87e00; font-size:20px; font-weight:normal; }
h2 { color:#FFFFFF; display:block; padding:7px 9px; margin:0; font-size:17px; background:#87ac07; }
h3 { color:#FFFFFF; display:block; padding:7px 9px; margin:5px 0px 5px 0px ; font-size:17px; background:#dbaa00; }
.cl { clear:both; }
.fl {float:left; }
.fr {float:right; }
.vm { vertical-align:middle; }
.vt { vertical-align:top; }
.tec { text-align:center; }
.pad { padding:0 10px; }
.gray { border:#cccccc solid 1px; }
.mal { margin-left:5px; }
.tel { text-align:left !important; }
.ter { text-align:right; }



#mainOuter { width:100%; }
.topbanner { height:90px; padding:5px 0; text-align:center; } 
.header { height:84px; background:url(../images/headerbg.jpg) no-repeat left top; }
.logo { float:left; padding:9px 0 5px 24px; }
.logout { float:right; width:235px; text-align:center; color:#FFFFFF; font:bold 12px Arial; }
.logout span { padding-right:10px; }
.logout a { padding-left:10px;color:#FFFFFF; font:bold 12px Arial; }
.logout a:hover { color:#000000; }
.menu { height:38px; background:url(../images/menubg.gif) repeat-x; padding-left:10px; }
.menu ul { float:right; height:33px; width:339px; list-style:none; padding:0; margin:0; }
.menu li { float:left; }
.menu li a { float:left; padding:0 0 0 10px; color:#393939; font:bold 12px Arial;  }
.xmenu li a:hover { float:left; color:#FFFFFF; background:url(../images/menu-h.gif) no-repeat left top;  }
.menu li a span { float:left; padding:8px 15px 8px 6px; }
.xmenu li a:hover span { float:left; background:url(../images/menu-h.gif) no-repeat right top; }
.search { float:left; padding-top:4px; }
.sarchinput { border:#8d8b7a solid 1px; padding:3px; font:normal 11px Tahoma, Arial, Verdana; } 

.contantleft { width:680px; padding:5px 0 5px 10px; background:#FFFFFF; }
.bannertable { }
.bannertable td { padding:5px 0; }
.services { width:670px; margin-top:5px; padding:10px; background:url(../images/orangebg.jpg) no-repeat top center; }
.services img { float:right; padding-top:20px; }
.services p { width:376px; color:#555555; }
.services ul { list-style:none; width:376px; color:#555555;  }
.services li { list-style:none; padding:0 0 3px 12px; background:url(../images/bulet.jpg) no-repeat 0 5px;  }
.boxtable { }
.box { text-align:left; width:100%; margin-bottom:10px; font:normal 11px Tahoma, Arial, Verdana; color:#555555; }
.boxtop { height:7px; background:url(../images/bg.gif) repeat-x top; }
.head { padding-left:10px; background:url(../images/headbg.gif) no-repeat left top; position:relative;  }
.head div { height:24px; padding-top:8px; color:#FFFFFF; font:bold 13px Tahoma, Arial, Verdana;  background:url(../images/headbg.gif) no-repeat right top;  }
.head_g { padding-left:10px; background:url(../images/headbg-gray.gif) no-repeat left top;  }
.head_g div { height:24px; padding-top:8px; color:#FFFFFF; font:bold 13px Tahoma, Arial, Verdana;  background:url(../images/headbg-gray.gif) no-repeat right top;  }

.boxtext { padding:10px; border-left:#cfcfcf solid 1px; border-right:#cfcfcf solid 1px; }
.boxtextSearch1 { padding:10px; border-left:#cfcfcf solid 1px; border-right:#cfcfcf solid 0px; }
.boxtextSearch2 { padding:10px; border-left:#cfcfcf solid 0px; border-right:#cfcfcf solid 1px; }
.boxtext ol { padding:5px 10px; margin:0 0 0 15px;}
.boxtext li { padding-bottom:5px; }
.boxtext p { margin:0; padding:10px; line-height:17px; }
.boxbottom { height:7px; background:url(../images/bg.gif) repeat-x bottom; }
.graybg { background:#f3f3f3;  }
.space { width:10px; background:#FFFFFF; }
.contantright { width:220px; padding:10px; background:#FFFFFF; }
.formtable { margin:5px 0;}
.formtable td { padding:3px 5px; }
.lpart { padding:3px 10px 0 0; text-align:right; font:normal 11px Tahoma, Arial, Verdana; color:#555555; }
.textbox { border:#c1c1c1 solid 1px; padding:2px; font:normal 11px Tahoma, Arial, Verdana; color:#555555; }
a.forpass { font:normal 12px Arial; line-height:30px; color:#038cd0;}
a.forpass:hover { color:#329126;}
.btn { line-height:20px; font:bold 12px Arial; color:#FFFFFF; border:#db6b02 solid 1px; background:url(../images/btnbg.gif) repeat-x top; }
.sebox { border:#c1c1c1 solid 1px; width:50px; padding:1px; font:normal 11px Tahoma, Arial, Verdana; color:#555555; }


#footer { height:47px; color:#FFFFFF; background:url(../images/footerbg.gif) repeat-x bottom; }
.fleft { font:normal 12px Arial; color:#FFFFFF; }
.fleft a { padding:0 5px; font:normal 12px Arial; color:#FFFFFF;}
.fleft a:hover { font:normal 12px Arial; text-decoration:underline;  }


/* Search Page  */


.summery { width:100%; font:normal 11px Tahoma, Arial, Verdana; color:#666666; background:#FFFFFF; border-left:#e9e9e9 solid 1px; border-top:#e9e9e9 solid 1px;  }
.summery td { padding:5px 5px 5px 0; font:normal 11px Tahoma, Arial, Verdana; color:#666666; text-align:right; 
border-bottom:#e9e9e9 solid 1px; border-right:#e9e9e9 solid 1px; }
.summery td span { float:left; padding-left:5px; }
.searchtable { width:95%; margin:8px 0; border:#e9e9e9 solid 1px; border-bottom:none;  }
.searchtable td { height:21px; padding-left:5px; color:#666666; font:normal 11px Tahoma, Arial, Verdana; border-bottom:#e9e9e9 solid 1px; background:url(../images/greybg.gif) repeat-x; }
.nopad { padding:0; }
.searchboxbottom { width:100%; }
.searchboxbottom td { text-align:right; padding:8px 10px; background:url(../images/boxbottombg.gif) repeat-x top; }
.searchboxbottom td a { color:#666666; font:normal 12px Tahoma, Arial, Verdana; }
.searchboxbottom td a:hover { color:#000000; }
.bluebox { text-align:left; width:291px; margin-bottom:10px; font:normal 11px Tahoma, Arial, Verdana; color:#555555; }
.bluehead { padding:10px; color:#1798d7; font:bold 13px Arial; background:url(../images/blue-topbg.gif) no-repeat left top; }
.blueboxtext { padding:10px 10px 0 10px; border-left:#e9e9e9 solid 1px; border-right:#e9e9e9 solid 1px; }
.lightboxbottom { height:8px; background:url(../images/lightgray-bo.gif) repeat-x bottom; }
.serving { width:100%; text-align:right; margin-bottom:5px; }
.serving td { padding-bottom:5px; color:#666666; font:normal 12px Arial; }
.serving input { font-size:11px; padding:3px; border:#cccccc solid 1px; }
.blueheadbig { padding-left:10px; background:url(../images/bluehead.gif) no-repeat left top; position:relative;  }
.blueheadbig div { height:24px; padding-top:8px; color:#FFFFFF; font:bold 13px Tahoma, Arial, Verdana;  background:url(../images/bluehead.gif) no-repeat right top;  }
.foodtext { padding:10px 0; border-left:#e9e9e9 solid 1px; border-right:#e9e9e9 solid 1px; }
.fooditem { width:98%; margin:0 1% 2% 1%; border-left:#dbdbdb solid 1px; }
.fooditem td { padding:0 5px; font-size:11px; font-family:Tahoma, Arial, Verdana; line-height:22px; text-align:left; border-right:#dbdbdb solid 1px; border-bottom:#dbdbdb solid 1px;  }
.fooditem .fooditemhead { font-weight:bold; border-top:#dbdbdb solid 1px;  background:url(../images/foodboxheadbg.gif) repeat-x left center #e7e7e7; }

.fooditem1 { width:98%; margin:0 1% 2% 1%; border-left:#dbdbdb solid 1px; }
.fooditem1 td { padding:0 5px; font-size:11px; font-family:Tahoma, Arial, Verdana; line-height:22px; border-right:#dbdbdb solid 1px; border-bottom:#dbdbdb solid 1px;  }
.fooditem1 .fooditemhead { font-weight:bold; border-top:#dbdbdb solid 1px;  background:url(../images/foodboxheadbg.gif) repeat-x left center #e7e7e7; }


.searchbox { width:100%; margin-bottom:10px; background:url(../images/searchboxbg.gif) repeat-x bottom;}
.searchbox td { color:#666666; font:normal 12px Arial;   }
.inputwith { width:315px; margin-left:5px; color:#666666; font:normal 11px Arial;  }
.inputwith_compare { width:250px; margin-left:5px; color:#666666; font:normal 11px Arial;  }

.tabboxtop { height:7px; border-left: solid 1px #e9e9e9; background:url(../images/lightgray-bo.gif) repeat-x top; }
.contantpart { padding:10px 10px 0 10px;  border-right: solid 1px #e9e9e9; border-left: solid 1px #e9e9e9;  }


/* customised */
td .error
{
    font:10px verdana;
    color:red;
    line-height:14px;
}
.servingNormal { width:100%; margin-bottom:5px; }
.servingNormal td { padding-bottom:5px; color:#666666; font:normal 12px Arial; }
.servingNormal input { font-size:11px; padding:3px; border:#cccccc solid 1px; }

hr{border:0.5px dashed;}

.fieldsetclass{
border:#666666 1px solid;
margin:5px 5px 5px 5px ;
padding:5px 5px 5px 5px ;
}

td .infoheading
{
 	font:10px verdana;
 	font-weight: bold;
    color:green;
    line-height:14px;
}

.trackercharttableclass
{ 
	width: 260px;
	background-color: #fafafa;
	border: 1px #CCCCCC solid;
	border-spacing: 0px;
}

.calendar_date					{ font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 14px; color : #222222; }
a.calendar_date					{ color: #0000aa; text-decoration: none; }
a.calendar_date:hover			{ color: #000080; text-decoration: underline; }

.calendar_navigation			{ font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 14px; color : #222222; }
a.calendar_navigation			{ color: #0000aa; text-decoration: none; }
a.calendar_navigation:hover		{ color: #000080; text-decoration: underline; }

.calendar_day					{ font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 11px; color : #222222; }
a.calendar_day					{ color: #0000aa; text-decoration: none; }
a.calendar_day:hover			{ color: #000080; text-decoration: underline; }

.calendar_date_number			{ font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; color : #222222; }
a.calendar_date_number			{ color: #0000aa; text-decoration: none; }
a.calendar_date_number:hover	{ color: #000080; text-decoration: underline; }

.calendar_date_small					{ font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 12px; color : #222222; }
a.calendar_date_small					{ color: #0000aa; text-decoration: none; }
a.calendar_date_small:hover			{ color: #000080; text-decoration: underline; }

.calendar_navigation_small			{ font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 12px; color : #222222; }
a.calendar_navigation_small			{ color: #0000aa; text-decoration: none; }
a.calendar_navigation_small:hover		{ color: #000080; text-decoration: underline; }

.calendar_day_small					{ font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; color : #222222; }
a.calendar_day_small					{ color: #0000aa; text-decoration: none; }
a.calendar_day_small:hover			{ color: #000080; text-decoration: underline; }

.calendar_date_number_small			{ font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 9px; color : #222222; }
a.calendar_date_number_small			{ color: #0000aa; text-decoration: none; }
a.calendar_date_number_small:hover	{ color: #000080; text-decoration: underline; }

table.rounded td 		{ -moz-border-radius: 10px 10px 10px 10px; }
table.rounded5 td 		{ -moz-border-radius: 5px 5px 5px 5px; }
table.notrounded td 		{ -moz-border-radius: 0px 0px 0px 0px; }

.text					{ font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 13px; color : #222222; }
a.text					{ color: #0000aa; text-decoration: none; }
a.text:hover			{ color: #222222; text-decoration: underline; }