﻿


/* 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; position:relative; z-index:100; }
.sitetop .logo { position:absolute; margin:0; width:215px; }
.login-logout { position:absolute; padding:10px 0 0 0; width:auto; right:300px; }
.login-logout a  { color:#02933d; text-decoration:none; font-weight:bold; }
.login-logout a span { color:#f96b02; }
.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 { width:149px; padding:0 3px; height:17px; border:1px solid #84B414; }



/* TOPNAV */
#topnav { height:32px; width:530px; list-style-type:none; }
#topnav li { float:left; width:auto; }
#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/tips_and_articles.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/store_locator.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/tips_and_articles.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/store_locator.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; }

/* signup modal */
.signup-modal { background:url(images/modal/modal_bg.png) no-repeat; width:557px; height:428px; padding:0 0 0 60px; }
.signup-modal h3 { padding:50px 0 6px 0; }
.signup-modal p { width:205px; margin:0 0 10px 0; }
.signup-modal .input-field { border:1px solid #3596ce; width:180px; margin:0 0 20px 0; }
.signup-modal .input-field input { width:175px; border:0; }
.signup-modal .simplemodal-close { display:block; float:right; width:26px; margin:30px 40px 0 0; }
.signup-modal label { color:#0a4f9a; font-size:14px; font-weight:bold; display:block; margin:0 0 6px 0; }

/* Modal Pouup */
.modalPopup {
        background-color:#eaeaea;
        color:#333;
        border-width:3px;
        border-style:solid;
        border-color:Gray;
        padding:5px;
        text-align:left;
    }    
    
.modalPopup h3 { color:#064593; } 
.modalPopup .errors li { margin-left:35px; }

/* addthis */
.addthis-container { position:absolute; right:26px; bottom:-26px; }
.addthis-container a span { background-image:none; }
.addthis-container a { display:block; float:left; width:22px; height:22px; background-image:url(images/share_icons.jpg); background-repeat:no-repeat; }
.addthis-container a:hover { opacity:1; filter:none; -ms-filter:none; }
.addthis-container a.fb-icon { background-position:0 0; margin:0 5px 0 0; }
.addthis-container a.email-icon { background-position:0 -22px; }

