/* GLOBALS */
* { margin:0; padding:0; border:0; }
hr { display:none; }
body { font:67% Arial, Helvetica, sans-serif; background:#fff 
       color:#000; }
.middle { display:block; margin:0 auto; }
.hidden, .forPrint { display:none; }
.left { float:left; margin-right:6px; margin-bottom:6px; }
.right { float:right; margin-left:6px; margin-bottom:6px; }
.clear { clear:both; }



/* LINKS */
a { color:#008000; text-decoration:none; }
a:hover { text-decoration:underline; }
a {
  outline: none;
}


/* HEADER */
h2#company { position:absolute; top:-100px; }
div#header { height:220px; background:transparent url(../images/bg_header.jpg) no-repeat top left;}



/* NAVIGATION */
#header ul.nav { list-style:none; padding-top:126px; padding-left: 20px; }
#header ul.nav li { display:block; float:left; font:bold 1.1em/1em Palatino Linotype, Book Antiqua, Palatino, serif;
            margin:0 0 0 12px; position:relative; }
#header ul.nav li.rightside { margin-left:296px; }
#header ul.nav li a { color:#23335F; }
#header ul.nav li a:hover { text-decoration:none; color:#e3252e; }

#header ul.nav ul { display:none; position:absolute; z-index:10; left:-22px; padding:10px; background:#fff; width:200px;
            filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; list-style:none; }
#header ul.nav ul li { display:block; float:none; margin-bottom:0.6em; font:normal 0.9em/1em Arial,Helvetica,sans-serif; }
#header ul.nav ul li a { color:#000; }
#header ul.nav li:hover ul, ul.nav li.over ul { display:block; }

#header #homebtn {position:absolute; left:294px; top:28px;}
#header #homebtn a {color:#999; width:180px; height:20px; padding-top:135px; text-align:right; display:block;}
#header #homebtn a:hover {color:#333;}



/* HOME PAGE */
#featuredTopic {margin:0 10px 20px;}
div#featuredNews, div#organics, div#healthy { width:300px; float:left; margin:0 10px 30px 10px; }
#homecontent {position:relative; border:10px solid #f00;}
#homeflash {position:absolute; top:-80px; z-index:200; display:block; border:10px solid #f00;}



/* SIDEBAR */
.sidebar { width:200px; }
#juices { background:url(../images/bg_nav_juices.jpg) center bottom no-repeat; padding:0 0 200px 0; }
#healthyFamily { background:url(../images/bg_nav_healthy_family.jpg) center bottom no-repeat; padding:0 0 270px 0; }
#juiceFAQ { background:url(../images/bg_nav_juice_faq.jpg) center bottom no-repeat; padding:0 0 275px 0; }
#news { background:url(../images/bg_nav_news.jpg) center bottom no-repeat; padding:0 0 300px 0; }
#about { background:url(../images/bg_nav_about_us.jpg) center bottom no-repeat; padding:0 0 300px 0; }
#contact { background:url(../images/bg_nav_contact_us.jpg) center bottom no-repeat; padding:0 0 320px 0; }
#schoolNutrition { background:url(../images/bg_nav_school_nutrition.jpg) center bottom no-repeat; padding:0 0 320px 0; }



/* Secondary Nav */
ul.secondaryNav { list-style:none; }
ul.secondaryNav li { font:1.1em Arial, Helvetica, sans-serif; display:block; text-align:center; padding:4px 0; }
ul.secondaryNav li a { color:#222; }
ul.secondarynav li a:hover { color:#e3252e; text-decoration:none; }



/* CONTENT */
div#content { width:960px; }
h1#pageTitle { font:bold 1.6em Arial, Helvetica, sans-serif; color:#e3252e; text-transform:uppercase; width:200px; text-align:center; }



/* HTMLAREA */
.htmlarea { font-size:1.1em; line-height:1.4em; width:740px; float:right; }
.htmlarea h1 { font-size:1.6em; color:#e3252e; margin:0 0 10px 0; }
.htmlarea h2 { font-size:1.5em; color:#e3252e; margin:0 0 10px 0; }
.htmlarea h3 { font-size:1.4em; color:#e3252e; margin:0 0 10px 0; }
.htmlarea h4, .htmlarea h5, .htmlarea h6 { font-size:1.3em; margin:0 0 10px 0; }
.htmlarea p { margin:0 0 12px 0; }
.htmlarea ul { list-style:disc; margin:0 0 20px 0; padding:0 0 0 13px; }
.htmlarea ol { margin:0 0 20px 0; padding:0 0 0 13px;}
.htmlarea dl { margin:0 0 20px 0; }
.htmlarea dt { display:block; font-weight:bold; }
.htmlarea dd { display:block; margin:0 0 10px 0; }



    /* Juice Product Pages */
    #related { padding:25px 0 0 0; }
    ul#products { list-style:none; font-size:1.1em; }
    ul#products li {margin-bottom:0.6em; line-height:1em;}
    /*.longtitles li {margin-bottom:0.5em;}*/
    #product_montage { display:block; float:right; margin: 0 0 10px 10px; }
    #productHeading { color:#fff; background-color:#e3252e; font-size:1em; padding:0.2em; }
    #overview { width:500px; float:left; }
    .juices { border-left:1px solid #ddd; min-height:250px; }
    /*.juices h4, .juices ul { padding:0 0 0 15px; }*/
    img#product { display:block; float:left; }
    img#nutrition { display:block; float:right; }
    #productInfo { float:left; width:420px; margin:0 20px; padding:15px 0; }

    /* School Nutrition */
    .namepic { padding:20px; float:left; width:30%; }

    /* Newsletter */
    #newsletter { width:475px; margin:0 auto; font-size:0.9em; }
    hr.newsletter { display:block; height:15px;
                    background:transparent url(../images/hr_newsletter.gif) left center no-repeat; clear:right; }
    img.newsletterThumbnail { display:block; float:right; margin:5px 0 5px 10px; }
    #newsletter a { color:#e3252e; }
    #newsletter h2 { font-size:1em; font-weight:normal; text-transform:uppercase; margin:0 0 4px 0; }
    #newsletter h2 a { color:#000; }
    #newsletter_nav { list-style:none; margin:0; padding:0; border-left:1px solid #ccc; }
    #newsletter_nav li { display:block; width:auto; float:left; padding:3px 7px 0 7px; border-right:1px solid #ccc; }
    
    
    #jobs dt {font-size:1.3em; padding-top:0.5em;}



/* FORMS */
form { width:705px; }
form fieldset { clear:left; }
form legend { display:block; font-size:1.6em; color:#e3252e; margin:0 0 10px 0; }
form label { display:block; }
form input { display:block; border:1px solid #000; padding:2px 4px; width:300px; }
form select { display:block; border:1px solid #000; width:310px; height:1.5em; }
form div { width:350px; float:left; height:4em; }
form p { clear:both; padding:15px 0 0 0; margin:0; }
form div.radio { width:150px; }
form div.radio, form div.checkbox { height:2em; }
form div.radio label, form div.checkbox label { display:inline; }
form div.radio input, form div.checkbox input { display:inline; width:auto; margin:0 8px 0 0; }
form div.interest { float:none; width:700px; }
form div.kids_ages { width:130px; }
form div.submit { padding:15px 0 0 0; }
form div.submit input { width:75px; }
form p.error { margin:0 20% 20px 20%; border:1px solid #ccc; background-color:#efefef; color:#f00; padding:10px; }
form input.error { border:1px solid #f00 !important; }

form#FormName legend {font-size:1em; color:#000; padding:1.4em 0 0; font-weight:bold;}
form#FormName fieldset {padding-top:0;}



/* FOOTER */
div#footer { clear:both; padding:25px 0 0 0; width:960px; }
div#footer h6 { clear:both; font-weight:normal; font-size:1.1em; text-align:center; }
div#footer ul { list-style:none; padding:10px 0; text-align:center; }
div#footer ul li { display:inline; padding:0 5px; font-size:1em; }
div#footer ul li a { padding:0 0 10px 0; }
div#footer ul.nav { font-size:1.1em; position:relative; }
div#footer ul.nav li ul { padding:5px 0 0 0; display:none; position:absolute; left:0; top:26px; background-color:#efefef;
                          width:730px; height:19px; text-align:left; }
/* div#footer ul.nav li:hover ul, div#footer ul.nav li.over ul { display:block; } */
div#footer ul.nav li ul li { font-size:0.9em; }
div#footer ul.nav li ul li a { padding:8px 0 0 0; }

img.alignright { display:block; float:right; margin:0 0 10px 10px; clear:right; }
img.alignleft { display:block; float:left; margin:0 10px 10px 0; clear:left; }