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


html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, div, img { margin:0; padding:0; border:0; }

body { margin:0 auto; background:#fff; font-family: Arial, Arial, Helvetica, sans-serif; }


#wrap { margin:0 auto; padding:17px 0 0 0; width:965px; border:0px solid #000;  }

#header { width:965px; height:266px; border:0px solid #000;  }

#headertopleft { padding:2px 0 0 20px; width:715px; height:21px; float:left; background-color:#fff; text-align:center;  }

#headertopleft a span { color:#537293; font-weight:bolder; font-size:1.1em  }

#headertopleft a { padding:0 11px 0 3px; color:#7a7a7a; font-size:.75em; font-weight:bold; text-decoration:none; background:url("../img/yellow_dots.jpg") top right no-repeat; }

#headertopleft a:hover { color:#2d4359; font-size:.75em; }

#headertopleft a.end { background:none; }

#headertopright { width:230px; height:23px; background:url(../img/special_offers.gif) top left no-repeat; float:left; }

#headermidleft { width:735px; height:152px; background: url(../img/flash_area.jpg) top left no-repeat; float:left; }

#headermidright { padding:10px 20px 0 30px ; width:180px; height:142px; background:url(../img/top_form_bg.jpg) top left no-repeat; float:left; }

#headermidright p, label { color:#fff; font-size:.7em; float:left; clear:both;  }
#headermidright input { color:#7a7a7a; font-size:.7em; float:left; clear:both; width:13.5em;  }



#headermidright a.email_button { margin:13px 0 0 0;  padding:3px 0 0 18px; width:57px; height:28px;  background:url(../img/email_button.jpg) top left no-repeat; border:0; color:#fff; font-size:.7em; cursor:pointer; display:block; float:right; clear:both; border:0px solid #333; }




#headerbotleft { padding:12px 0 0 475px; width:260px; height:36px; background:url(../img/over.jpg) top left no-repeat; float:left; text-align:left;}

#headerbotleft  a.submit { margin:0 0 0 5px; padding:3px 0 3px 16px; width:55px; height:27px;  background:url(../img/button2.jpg) top left no-repeat; border:0; color:#fff; font-size:.7em; cursor:pointer;  display:block; float:left; text-align:left; }

#headerbotleft  input.submit { margin:0 0 0 3px; padding:0 0 14px 14px; width:71px; height:33px;  background:url(../img/button2.jpg) top left no-repeat; border:0; color:#fff; font-size:.7em; cursor:pointer; display:block; text-align:left; float:left; border:0px solid #000;}

#headerbotleft  input { margin:2px 0 0 0; color:#7a7a7a; font-size:.7em; float:left; width:15em; }

#headerbotleft  p { margin:-11px 0 0 0; float:left; font:9px Arial, Helvetica, sans-serif; color:#333333; }
#headerbotleft  a { color:#003366; }
#headerbotleft  a:hover { text-decoration:none; }




#headerbotright { width:230px; height:48px; background:url(../img/checkers.jpg) top left no-repeat; float:left;} 

#headerbotright  select { margin:15px 0 0 20px; color:#7a7a7a; font-size:.7em; float:left; clear:both; float:left; width:15em; }





#nav { padding:0 0 0 44px; width:921px; height:50px; background:url("../img/metal_bar_2.jpg") top left no-repeat; float:left; text-align:center;  }

#nav a { padding:7px 0 0 0; width:180px; height:23px; color:#213850; font-size:.75em; font-weight:bold; text-decoration:none; display:block; float:left; text-align:center; }


#nav a:hover { color:#192a3c; }

#nav a.left { padding-left:10px; width:172px; background:url(../img/nav_left.jpg) top left no-repeat; }
#nav a.left:hover { padding:7px 0 0 10px; width:172px; background:url(../img/nav_left_o.jpg) top left no-repeat; }

#nav a.right { padding-right:10px; width:161px;  background:url(../img/nav_right.jpg) top left no-repeat; }
#nav a.right:hover { padding:7px 10px 0 0; width:161px; background:url(../img/nav_right_o.jpg) top left no-repeat; }

#nav a.mid { background:url(../img/nav_mid.jpg) top left no-repeat; }
#nav a.mid:hover { padding:7px 0 0 0; background:url(../img/nav_mid_o.jpg) top left no-repeat; }


/**main**/

#main { padding:0 0 0 50px; width:965px; border:0px solid #666; clear:both; float:left; background:url(../img/main_bg.gif) top left repeat-y; }

#topdate { padding:15px 40px 15px 15px; height:10px; width:865px; border:0px solid #666; clear:both; float:left; text-align:right; background-color:#fff; }
#clock  { font:13px bold Arial, Arial, Helvetica, sans-serif; color:#666666; }

.box ul li { list-style-type:none; line-height:1.1em;  }
.box { width:151px; height:293px; padding:40px 0 0 175px; float:left; border:0px solid #666; }
.box a { font:11px bold Arial, Arial, Helvetica, sans-serif; color:#666666; }
.box a:hover { text-decoration:none;  }

.box .morebutton { margin:40px 0 0 0;  padding:3px 0 0 18px; width:73px; height:41px;  background:url("../img/more_white.jpg") top left no-repeat; border:0; color:#fff; font-size:.7em; cursor:pointer; display:block; float:left; clear:both; border:0px solid #333; text-decoration:none; }
.box .morebutton:hover { background:url("../img/more_white_o.jpg") top left no-repeat; color:#333333; }


#box1 { background:url("../img/diet.jpg") top left no-repeat;}
#box2 { background:url("../img/sportsnutrition.jpg") top left no-repeat;}
#box3 { background:url("../img/vitamins.jpg") top left no-repeat;}
#box4 { background:url("../img/personalcare.jpg") top left no-repeat;}


#mainleft { width:690px; float:left; }

#mainright { width:150px; float:left; }

#mainright h3 { padding-left:12px; font:11px Arial, Arial, Helvetica, sans-serif; color:#173c5f; font-weight:bold; }

#mainright h4 { padding:15px 0 5px 12px; font:12px Arial, Arial, Helvetica, sans-serif; color:#173c5f; font-weight:bold; text-align:center; }

#mainright h3.featured { margin:0; padding:185px 6px 0 12px; background:url("../img/featured_product.jpg") top left no-repeat; width:170px; }

#mainright p { padding:0 0 0 12px; font:10px Arial, Arial, Helvetica, sans-serif; color:#666; width:170px; border:0px solid #333;  }
#mainright a { font:10px Arial, Arial, Helvetica, sans-serif; color:#173c5f; font-weight:bold;  }
#mainright a:hover { text-decoration:none;  }

#mainright img.dots { padding:15px 0 10px 7px; }

#mainright #sponsor { margin-left:-4px; border:0px solid #333; width:185px; text-align:center; }

#mainright #sponsor h3 { padding:0; font:12px Arial, Arial, Helvetica, sans-serif; color:#173c5f; font-weight:bold; }

#mainright #sponsor h4 { padding:10px 0 0 0; font:12px Arial, Arial, Helvetica, sans-serif; color:#173c5f; font-weight:bold; text-align:center; border:0px solid #333; width:190px;  }

#bottsponsor img { padding:0 6px 0 0; }



#footer { margin:40px 0 0 0; padding:80px 0 0 0; text-align:center; background:url("../img/footer_bg.jpg") top left no-repeat; width:965px; height:150px; border:0px solid #666; clear:both; float:left; }

#footer p { margin:0; padding:4px 0 0 0; font:bold 10px Arial, Helvetica, sans-serif; color:#597fa6; line-height:15px; }
#footer p.copyright { margin:15px 0 0 0; padding:4px 0 0 0; font:bold 10px Arial, Helvetica, sans-serif; color:#666; }


#footer a { font:bold 10px Arial, Helvetica, sans-serif; color:#597fa6; text-decoration:none;  }
#footer a:hover { color:#ffb700; }
#footer a.dev { font:bold 10px Arial, Helvetica, sans-serif; color:#999; text-decoration:none; }
#footer a.dev:hover { font:bold 10px Arial, Helvetica, sans-serif; color:#666; text-decoration:none; }





/*custom custom*/





p.browse { margin:35px 0 0 20px; padding:0; font:bold 15px "Times New Roman", Times, serif; color:#501fa3; letter-spacing:1px;   }
p.browse a { margin:0; padding:0 8px 0 0; font:bold 11px Arial, Helvetica, sans-serif; color:#666; letter-spacing:normal; text-decoration:none; background:url(img/dots.gif) top right no-repeat; }
p.browse a:hover { color:#999; text-decoration:none; }
p.browse a.nodot { background:none; }
p.browse span { font-weight:bold; color:#9a9a9a; font-size:10px;}

p.browsedet { margin:35px 0 0 20px; padding:0; font:bold 13px "Times New Roman", Times, serif; color:#501fa3; letter-spacing:1px;   }
p.browsedet a { margin:0; padding:0 8px 0 0; font:bold 11px Arial, Helvetica, sans-serif; color:#666; letter-spacing:normal; text-decoration:none; background:url("../img/dots.gif") top right no-repeat; }
p.browsedet a:hover { color:#999; }
p.browsedet a.nodot { background:none; }
p.browsedet span { font-weight:bold; color:#9a9a9a; font-size:10px;}




#categories { margin:50px 0 0 0px; padding:0; border:0px solid #666; width:400px; }
p.cat { margin:0; padding:15px 24px 15px 24px; float:left; text-align:center; border:0px solid #666; }
p.cat a.pic { margin:0; padding:5px 0 0 0; width:149px; height:92px; display:block; }
p.cat a.pic img { border:0;}
p.cat a.title { font:bold 12px Arial, Helvetica, sans-serif; color:#666; text-decoration:none; }
p.cat a.title:hover { color:#ccc; text-decoration:none; }


/*end custom custom*/




.atoz { text-align:center; }
.atoz h4 { font-size: 100%; font-weight: bold; margin-top: 15px; font:bold 12px Arial, Helvetica, sans-serif; color:#666; }
.atoz a { font-size: 100%; font-weight: bold; margin-top: 15px; font:bold 12px Arial, Helvetica, sans-serif; color:#708c3a; }

.banner { width:850px; margin:0 auto;  }

.banner h2 { margin:10px 0 0 0; padding:3px 0 0 0; height:17px; background:#fff url(../img/banner_bg.jpg) top left repeat-x; font:bold 11px Arial, Helvetica, sans-serif; color:#666; }
.banner h3 { margin: 15px 0 20px 0; padding:0 0 20px 0; background:#fff url(../img/banner_bg_2.jpg) bottom left repeat-x; font:bold 10px Arial, Helvetica, sans-serif; text-align:left; color:#858585;  }
.banner h3 a { color:#4f7dc2; text-decoration:none; }
.banner h3 a:hover { color:#68a4ff; text-decoration:none; }



.featured {
}
.featured table {
  margin: auto;
  padding: 0px;
}
.featured th {
  background-color: #DFFBCF;
  padding: 2px;
}
.featured h4 {
  font-size: 100%;
  margin-top: 0px;
}
.featured .stars {
  font-size: x-small;
}


.menu {
}


.navigation { width:925px; text-align:center; margin:20px 0 20px 0; color:#666; font:bold 12px Arial, Helvetica, sans-serif; border:0px solid #333; }
.navigation a { color:#666; font:bold 12px Arial, Helvetica, sans-serif;  }
.navigation a.color { color:#708c3a; font:bold 12px Arial, Helvetica, sans-serif; }


.prices { padding-left:125px; color:#666; font:bold 12px Arial, Helvetica, sans-serif;  margin-top: 15px; width: 728px; }
.prices a { color:#708c3a; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:underline; }
.prices a:hover { color:#708c3a; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none; }


.pricestop { color:#666; font:bold 12px Arial, Helvetica, sans-serif;  }

.product { padding-left:100px;
  margin-top: 15px;
  width: 728px;
}

.product strong { font:bold 13px Arial, Helvetica, sans-serif; }
.product a { color:#708c3a; font:bold 13px Arial, Helvetica, sans-serif; text-decoration:underline; }
.product a:hover { font:bold 13px Arial, Helvetica, sans-serif; color:#88cd02; }
.product .oran { color:#fb6d00; font:bold 12px Arial, Helvetica, sans-serif;}
.product .from { color:#666; font:bold 12px Arial, Helvetica, sans-serif; }
.product .myprice { color:#fb6d00; font:bold 14px Arial, Helvetica, sans-serif;}


.product h3 { font:bold 16px Arial, Helvetica, sans-serif; margin: 10px 0px 0px 0px; color:#708c3a; }
.product h3 a { font:bold 16px Arial, Helvetica, sans-serif; margin: 10px 0px 0px 0px; color:#708c3a; text-decoration:underline; }
.product h3 a:hover { font:bold 16px Arial, Helvetica, sans-serif; margin: 10px 0px 0px 0px; color:#708c3a; text-decoration:none; }
.product p { font:12px Arial, Helvetica, sans-serif; color:#666; text-align: justify;}





.ratings {
  margin-top: 15px;
  width: 728px;
}
.ratings form {
  display: inline;
}
.ratings form select {
  color: #AF7817;
}
.ratings form textarea {
  width: 100%;
}






.searchresults {margin:0 auto;  width: 850px; }
.searchresults h4 { margin: 10px 0px 10px 0px; padding:0; font:bold 12px Arial, Helvetica, sans-serif; color:#3E658E; }
.searchresults h4 a { color:#3E658E; }
.searchresults p { text-align: justify; margin: 10px 0px 10px 0px; font:12px Arial, Helvetica, sans-serif; color:#666; }

.searchresults a:hover { text-decoration:none; }


.related { width: 717px; padding: 4px; margin-left: 2px; margin-top: 10px; }
.related p { margin:0; padding:0; font:bold 12px Arial, Helvetica, sans-serif; color:#ff7307}


.starsOn {
  color: #AF7817;
  font-weight: bold;
}
.starsOff {
  color: #AAAAAA;
  font-weight: bold;
}


.nobr { margin:0; padding:0; font:bold 14px "Times New Roman", Times, serif; color:#666; width:90px;  }
.nobr a { margin:0; padding:0px 0 10px 19px; width:150px; background:url("../img/arrow.jpg") top left no-repeat; border:0px solid #cacaca; font:bold 12px "Times New Roman", Times, serif; color:#666; text-transform:uppercase; text-decoration:none;}
.price { color:#fb6d00; width:150px; font:bold 13px Arial, Helvetica, sans-serif; }


.disabled { color: #AAAAAA; }





/*custom custom by eugene iglesias 20070123*/