/* CSS Document */

body{
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	background:#ffffff url(../images/bg_blu.gif) top repeat-x;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
	line-height:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}

/*------------------------------------------------main--------------------*/

/*------------------------------------------------top--------------------*/
#topmain{
	width:100%;
	height:193px;
}
#top{
	width:946px;
	margin:0 auto;
	height:193px;
}
#logomain{
	display:block;
	font-size:0;
	line-height:0;
	height: 158px;
	position: relative;
}
#logomain .logo{
	display:block;
	font-size:0;
	line-height:0;
	height: 77px;
	width: 435px;
	position: absolute;
	left: 2px;
	top: 43px;
}
#logomain .call{
	display:block;
	font-size:0;
	line-height:0;
	height: 35px;
	width: 293px;
	position: absolute;
	left: 653px;
	top: 13px;
}
#menu{
	width:946px;
	height:33px;
	margin: 0;
}

#main-menu {
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
	height:33px;
	margin-top: 2px;
}

#main-menu a {
  border-style:none;
}

#main-menu li {
  display:block;
  float:left;
  margin:0;
  padding:0;
}

#main-menu li img {
  vertical-align:top;
}

#main-menu a {
  display:block;
  height:0px;
  padding-top:33px;
  line-height:33px;
  overflow:hidden;
  background:url(../images/nav.gif) no-repeat;
}

#nav- a        { width:190px;	background-position:0 0;}
#nav-nutrition a      { width:189px;	background-position:-190px 0px;}
#nav-suppliments a { width:190px;	background-position:-379px 0px;}
#nav-sports a   { width:190px;	background-position:-569px 0px;}
#nav-dieting a        { width:187px; background-position:-759px 0px;}
#nav-homex a     { width:163px;	background-position:-783px 0px;}

#nav- a:hover, #nav- a.active					{background-position:0 -34px; }
#nav-nutrition a:hover, #nav-nutrition a.active				{background-position:-190px -34px;}
#nav-suppliments a:hover, #nav-suppliments a.active	{background-position:-379px -34px;}
#nav-sports a:hover, #nav-sports a.active		{background-position:-569px -34px;}
#nav-dieting a:hover, #nav-dieting a.active					{background-position:-759px -34px;}
#nav-homex a:hover, #nav-homex a.active			{background-position:-783px -34px;}
/*------------------------------------------------top--------------------*/

/*------------------------------------------------body--------------------*/
#bodyMain{
	width:100%;
}
#body{
	width:920px;
	margin:0 auto;
	padding: 16px 12px 10px 12px;
	background: #E5EFFE url(../images/body_bg.gif) top repeat-x;;
}
/*------------------------------------------------left--------------------*/
#left{
	width:595px;
	float:left;
}
#left img{
	border:solid #333 1px;
}
#banner{
	width:606px;
	height:181px;
	margin:0 0 16px 0;
}
#searchbox{
	width:554px;
	background:url(../images/box.jpg) 0 0 no-repeat;
	height:121px;
	margin:0 0 16px 0;
	border: solid #000 1px;
	padding: 120px 0 0 32px;
}
.btnGo{
	background:url(../images/btn_go.gif) 0 0 no-repeat;
	width:29px;
	height:23px;
	border:none;
	cursor:pointer;
	color:#fff;
	font:bold 11px/21px Arial, Helvetica, sans-serif;
}
#toplinks {
	padding:0 0 10px 10px;
	font-size: 12px;
	color: #FF0000;
}
#toplinks a{
	color: #000000;
	text-decoration: none;
	font-size: 12px;
}
#toplinks a:hover{
	text-decoration: underline;
}

#breadcrumb{
    padding: 0;
	font-size: 11px;
	margin: 15px 0px 0px 0px;
 /*   position: relative;
    top: 10px;*/
    list-style-type: none;
}
#breadcrumb li{
    display: inline;
}

#breadcrumb a {
	font-weight: bold;
}

#left h3{
	display:block;
	background:url(../images/latest.jpg) 0 0 no-repeat;
	height:25px;
	margin:0 0 10px 0;
	text-indent:-2000px;
}

#left form{
	width:210px;
	padding:5px 15px 41px 15px;
	background-color:#D2D2B4;
	color:#000;
}
#left form label{
	display:block;
	font:bold 11px/23px Arial, Helvetica, sans-serif;
	float:left;
}
#left form input.txtBox{
	width:208px;
	height:19px;
	background-color:#fff;
	color:#000;
	border-bottom:#D4D0C8 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-left:#808080 solid 1px;
	border-top:#808080 solid 1px;
	float:left;
}
#left form a{
	display:block;
	font:bold 11px/21px Arial, Helvetica, sans-serif;
	float:left;
	color:#945E02;
	background-color:inherit;
	text-decoration:none;
	margin:4px 0 0 0;
}
#left form a:hover{
	text-decoration:underline;
}
#left input.login{
	background:url(images/btn_login.gif) 0 0 no-repeat;
	width:66px;
	height:21px;
	float:right;
	font:bold 11px/21px Arial, Helvetica, sans-serif;
	color:#F2F2E2;
	background-color:#D2D2B4;
	border:none;
	cursor:pointer;
	margin:4px 0 0 0;
}

#maintbox {
	margin:0 0 30px 0;
	width:538px;
	float: left;
	border:solid #666 1px;
	padding: 20px 20px 30px 20px;
	background-color: #2b2b2b;
}

#maintbox h1{
	font-size:xx-large;
	color: #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
}

#maintbox h2{
	font-size:16px;
	color: #FFCC00;
	font-weight: normal;
}

#maintbox p{
	font-size:12px;
	color: #CCCCCC;
}

#maintbox strong{
	font-size:12px;
	color: #CCCCCC;
}

#maintbox a{
	color: #FF0000;
}

#maintbox img{
	padding:0px;
	float:left;
	margin: 0 20px 12px 0;
}

.ltopics {
	width:595px;
	height: 164px;
	margin: 0px 0px 10px 0px;
}
.tbox {
	background: #2b2b2b;
	margin:0;
	margin-right:7px;
	margin-top:4px;
	margin-bottom:2px;
	height:114px;
	width:288px;
	float: left;
	border:solid #666 1px;
}

.toptitle {
	background:url(../images/tbg.gif) no-repeat;
	height:35px;
	width:580px;
	padding: 0 0 0 14px;
}

.headerbar {
	color:#fee223;
	font-size:14px;
	font-weight:bold;
	float:left;
	margin: 7px 0px 0px 0px;
}

.headermore a{
	font-size:14px;
	font-weight:bold;
	float:right;
	color:#f7f7f7;
	margin: 7px 20px 0px 0px;
}

.headermore a:hover{ text-decoration:underline;}

.topcon {
	margin:10px 8px 10px 10px;
	width: 270px;
	clear: left;
}

.floatbox{
float: left;
width: 90px;
}

#left img{border:solid #CCC 1px;}
/*------------------------------------------------left--------------------*/

/*------------------------------------------------right--------------------*/
#right{
	width:317px;
	float:right;
}
#flashbox {
	width:315px;
	height:245px;
	margin:0 0 10px 0;
	padding: 0 0 10px 0;
}
#addsbox { width:315px; margin:0 0 8px 0; padding:0 0 10px 0;}
#green h2{
	display:block;
	background:url(images/why_ecode.gif) 0 0 no-repeat;
	height:63px;
	margin:0 0 10px 0;
	text-indent:-2000px;
}
#green p{
	display:block;
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	color:#FFFFC1;
	background-color:inherit;
	width:256px;
}
#green p span{
	font-weight:bold;
	color:#fff;
	background-color:inherit;
}
#right h3{
	display:block;
	height:30px;
	border-bottom:#C5C5A8 solid 1px;
	font:bold 28px/25px Arial, Helvetica, sans-serif;
	color:#333333;
	background-color:inherit;
	margin:0;
}
#right h4{
	display:block;
	font:bold 17px/46px Arial, Helvetica, sans-serif;
	color:#6B1420;
	background-color:inherit;
	margin:0;
}
#right p.rightTxt1{
	display:block;
	font:bold 16px/23px Arial, Helvetica, sans-serif;
	color:#B3770F;
	background-color:inherit;
	margin:0 0 18px 0;
}
#right p.rightTxt1 span{
	font:normal 13px/23px Arial, Helvetica, sans-serif;
	color:#000;
	background-color:inherit;
}
#right p.rightTxt2{
	display:block;
	font:normal 13px/19px Arial, Helvetica, sans-serif;
	color:#000;
	background-color:inherit;
	margin:0 0 28px 0;
}
#right p.rightTxt2 span{
	color:#000;
	background-color:#F4F4E3;
}
#fvideo{}
#flash{
	width:631px;
	background:url(images/flash_1px.gif) 0 0 repeat-x;
	padding:22px 32px 17px 32px;
}
#flash img{
	float:left;
	font-size:0;
	line-height:0;
}
#flash ul{
	width:255px;
	height:15px;
	padding:0 230px 0 0;
	float:right;
	margin:0 0 10px 0;
}
#flash ul li.redBg{
	display:block;
	background:url(images/red_bg.gif) 0 0 no-repeat;
	width:76px;
	height:15px;
	font:bold 10px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-align:center;
	margin:0 3px 0 0;
	float:left;
}
#flash ul li.blackBg{
	display:block;
	background:url(images/black_bg.gif) 0 0 no-repeat;
	width:171px;
	height:15px;
	font:bold 10px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	margin:0;
	float:left;
	padding:0 0 0 5px;
}
#flash p{
	float:right;
	font:bold 13px/18px Arial, Helvetica, sans-serif;
	font-style:italic;
	color:#056888;
	background-color:inherit;
	display:block;
	width:483px;
	margin:0 0 3px 0;
}
#flash p span{
	color:#959E07;
	background-color:inherit;
}
#flash  a{
	display:block;
	background:url(images/read_more_bg.gif) 0 0 no-repeat;
	width:76px;
	height:21px;
	font:bold 11px/21px Arial, Helvetica, sans-serif;
	color:#F2F2E2;
	background-color:inherit;
	text-decoration:none;
	margin:0 0 0 181px;
	text-align:center;
	float:right;
}
#flash  a:hover{
	color:#000;
	background-color:inherit;
}
#rcontact{
	width:270px;
	background:url(../images/contact2.gif) 0 0 no-repeat;
	height:60px;
	padding: 70px 0 0 18px;
	position: relative;
}
#rcontact p{
	font-size: 12px;
	color: #CCCCCC;
	line-height: 22px;
	font-weight: bold;
}
#rcontact a{
	color: #0099CC;
	font-weight: normal;
	text-decoration: none;
}
#rcontact a:hover{
	text-decoration: underline;
}
.clear1 {
	clear: both;
	height: 33px;
	padding: 2;
	display: block;
}
.clear {
	clear: both;
}
.field-name label {
	/*border: 1px solid #FF0099;*/
	display: block;
	float: left;
	width: 35%;
	background:transparent url(../images/grey_bullet.png) no-repeat scroll 5px 10px;
	padding-left:17px;
	
}
.field-name .text-fields {
	width: 50% !important;
	margin-bottom: 10px;
}
.field-name .field-description {
	font-size: 0.8em;
	color: #CCCCCC;
}
.field-name {
	/*border: 1px solid #00CCFF;*/
	margin-top: 10px;
	margin-bottom: 10px;
	clear: left;
}
fieldset {
	border:1px solid #666666;
	margin-top:10px;
	padding:8px;
	clear: both;
	font-size: 12px;
}
fieldset hr {
    border:1px solid #2A2A2A;
    height: 1px;
}
fieldset legend {
    color:#CCCCCC;
	font-weight:bold;
	margin-left:1px;
	padding:0pt 6px;
    margin: 5px 0px;
}

/*------------------------------------------------right--------------------*/

/*------------------------------------------------body--------------------*/

/*------------------------------------------------footer--------------------*/
#footerMain{
	width:100%;
	height:80px;
	background: #838383 url(../images/footer_bg.gif) 0 0 repeat-x;
}
#footer{
	width:944px;
	margin:0 auto;
	position:relative;
	height:80px;

}
#footer ul{
	width:698px;
	position:absolute;
	left:187px;
	top:26px;
	height: 16px;
}
#footer ul li{
	float:left;
	font:normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
}
#footer ul li a{
	padding:0 10px;
	font:normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}
#footer ul li a:hover{
	text-decoration:underline;
}
#footer p.copyright{
	font:normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	position:absolute;
	left:291px;
	top:45px;
	width:373px;
	color:#FEDC3B;
}
#footer a.copyright{
	font:normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	left:292px;
	color:#FEDC3B;
	text-decoration: none;
}

/*------------------------------------------------footer--------------------*/


/*------------------------------------------------Contact--------------------*/
#contact {
	width:562px;
	height:175px;
	margin:16px 0 6px 0;
	padding: 0 0 0 25px;
	font-size: 12px;
}

#cleft{
	width:540px;
	float:left;
	color: #CCCCCC;
}

#cright{
	width:280px;
	float: right;
}

#cleft textarea, .text-fields, #content div.editable_slot  {
	border: #2e2e2e 1px solid;
	padding: 2px;
	font-size: 12px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #CCCCCC;
}

#cleft label span {
    display: block;
    width: 30%;
	padding:5px 2px 8px;
	vertical-align:top;
    float:left;
}
#cleft label span em {
    margin-left: 5px;
    color: #FFCC00;
    font-style: normal;

}
#cleft label {
	background:transparent url(../images/grey_bullet.png) no-repeat scroll 5px 10px;
	padding-left:40px;
	display: block;
	margin: 10px 0px;
	color: #CCCCCC;
}
#cleft label.require {
	background: transparent url(../images/std_bullet.gif) no-repeat scroll 30px 10px;
}

#cleft label.require2 {
float:right;
}

#cleft label textarea {
	/*margin-top: 10px;*/
	/*margin-bottom: 10px;*/
	padding: 5px;
	width: 54%;
	
}

#submit_btn {
	float:right;
	left: 574px;
	padding: 0 50px 0 0;
	margin: 0 0 20px 0;
}

.btnSnd{
	background:url(../images/btn_snd.gif) 0 0 no-repeat;
	width:63px;
	height:23px;
	border:none;
	cursor:pointer;
	color:#fff;
	font:bold 11px/21px Arial, Helvetica, sans-serif;
	margin: 10px 78px 0 0px;
}

.blut{
	color:#0099cc;
	font:arial, sans-serif;
	font-weight:bold;
	font-size: 11px;
}

.grayt{
	color:#ccc;
	font:verdana,arial, sans-serif;
	font-size: 11px;
}

.boxt{
margin-top: 0;
margin-left: 102px;
}

.topcon a{
	color:#ffcc33;
	font-size: 11px;
}

.topcon a:hover{ text-decoration:underline;}


.topcon a:hover{ text-decoration:underline;}
/*nina magbanua
July 18, 2008
*/

#searchImg
{
	background: url(../images/box.jpg) no-repeat;
	width:588px; 
	height:241px;
}