/* GLOBAL RESET */
a img { border:0; }
p, div, ul, ol, li, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
h1 { font-size:15px; }
h2 { font-size:14px; }
h3 { font-size:13px; }
h4 { font-size:12px; }
h5 { font-size:11px; }



/* COMMON */
body { margin:0; padding:0; font-family: Trebuchet MS, Sans-Serif; font-size:12px; color:#000; background:url(images/site_bg.jpg) repeat-x #FBF077; }
form { margin:0 auto; width:960px; overflow:hidden; }
.sitecontent { background-color:#FFF; }
.breadcrumbs { margin:10px 0 0 30px; height:22px; }
.breadcrumbs a { color:#0066CC; }
.content { margin:0 20px; }
.pgcopy { margin:0 40px; padding:0 0 40px 0; min-height:300px; }
.truste { margin:5px; text-align:center; }

h1.hdr { height:110px;  }
h1.hdr img { padding:28px 0 0 40px; }
a { color:#209E2F; }
a:hover { color:#008245; }


/* SITETOP */
.sitetop { height:100px; background:url(images/sitetop_bg.jpg) top left no-repeat; }
.sitetop .logo { position:absolute; margin:9px 0 0 20px; width:170px; }
.search { float:right; margin:6px 0 0 0; padding:7px 13px 0 13px; background:url(images/searchbox_bg.gif) top left no-repeat #FAC61D; }
.search  input, .search  img { vertical-align:middle; }
.searchbox { padding:0 3px; height:17px; border:1px solid #84B414; }



/* TOPNAV */
#topnav { position:relative; height:32px; width:530px; list-style-type:none; z-index:100; }
#topnav li { float:left; position:relative; z-index:110; }
#topnav li:hover ul, #topnav li.tnhover ul { position:absolute; display:block; margin:0 2px; top:32px; }
#topnav a.tab { display:block; height:32px; outline:none; text-indent:-9000px; background:url() top left no-repeat; }
#topnav a.tab:hover { background-position:0 -64px; }
#topnav li ul { display:none; list-style-type:none; padding-bottom:5px; }
#topnav li ul li { float:none; padding:10px; border-top:1px solid #009D5B; background-color:#008245; }
#topnav ul li a { display:block; text-decoration:none; color:#FFF; }
#topnav ul li a:hover { font-weight:bold; }

/* remove from this if adding dropdown nav item below */
#community a.tab:hover { background-position:0 -32px; } 
#finding a.tab:hover { background-position:0 -32px; }

/* add to this if adding dropdown to section from above */
#about a.tab:hover, #about.tnhover a.tab, #about:hover a.tab { background-position:0 -64px; }
#nutrition a.tab:hover, #nutrition.tnhover a.tab, #nutrition:hover a.tab { background-position:0 -64px; }

/* english */
.nav-en { position:absolute; margin:64px 0 0 425px; }
.nav-en #about a.tab { width:118px; background-image:url(images/en/about.gif); }
.nav-en #nutrition a.tab { width:121px; background-image:url(images/en/nutrition.gif); }
.nav-en #community a.tab { width:124px; background-image:url(images/en/community.gif); }
.nav-en #finding a.tab { width:104px; background-image:url(images/en/finding.gif); }
.nav-en #switchlang { padding:11px 0 0 8px; }

.nav-en #about ul { width:114px; background:url(images/en/about_foot.gif) bottom center no-repeat; }
.nav-en #nutrition ul { width:117px; background:url(images/en/nutrition_foot.gif) bottom center no-repeat; }
.nav-en #community ul { width:120px; background:url(images/en/community_foot.gif) bottom center no-repeat; }
.nav-en #finding ul { width:100px; background:url(images/en/finding_foot.gif) bottom center no-repeat; }

/* spanish */
.nav-es { position:absolute; margin:64px 0 0 425px; }
.nav-es #about a.tab { width:122px; background-image:url(images/es/about.gif); }
.nav-es #nutrition a.tab { width:132px; background-image:url(images/es/nutrition.gif); }
.nav-es #community a.tab { width:120px; background-image:url(images/es/community.gif); }
.nav-es #finding a.tab { width:90px; background-image:url(images/es/finding.gif); }
.nav-es #switchlang { padding:11px 0 0 8px; }

.nav-es #about ul { width:118px; background:url(images/es/about_foot.gif) bottom left no-repeat; }
.nav-es #nutrition ul { width:128px; background:url(images/es/nutrition_foot.gif) bottom left no-repeat; }
.nav-es #community ul { width:116px; background:url(images/es/community_foot.gif) bottom left no-repeat; }
.nav-es #finding ul { width:86px; background:url(images/es/finding_foot.gif) bottom left no-repeat; }




/* FOOTER */
.footer { clear:both; height:40px; padding:0 30px; line-height:40px; color:#FF9102; background:url(images/footer_bg.gif) top left repeat-x; }
.footer .storelocator { float:right; }
.footer .links a { padding:0 10px; color:#FF9102; text-decoration:none; }
.footer .links a:hover { text-decoration:underline; }