/* CSS Document */

/* HTML ********************************************************************/
html, body { height: 100%; }
body {
        padding: 0;
        margin: 0;
        background: #336532 url(images/bg_col1_white.jpg) repeat-y left top;
        color: #000;
        font: 76% Arial, Helvetica, sans-serif;
}
p {
        margin: 0;
        padding: 0 0 15px 0;
}
h1 {
        margin-top: 60px;
        color: #D42A2A;
        text-decoration:underline;
        padding: 0 0 20px 0;
        font-size: 1.5em;
}
h3 {
        color: #3C662F;
        font-size: 1.5em;
}
h4 {
        font-size: 1.4em;
        font-weight: bold;
        color: #3C662F;
        margin: 0 0 5px 0;
        padding: 0;
}
table { font-size: 1em; }
ul {
        padding: 1px 6px 1px 15px;
}
a {
        color: #3C662F;
        text-decoration: underline;
}
a:hover {
        color: #d42C2B;
}
object {
        margin: 0;
        padding: 0;
}
form { display: inline; }
img { border: 0px none; }
/* UNIVERSAL DIVS ***************************************************************/
#gradientWrap {
        position: relative;
        min-height: 100%;
}
* html #gradientWrap { height: 100%; }
#contentWrap {
        width: 785px;
        padding-bottom: 60px;
}
#col1 {
        width: 281px;
        float: left;
        background: url(images/bg_col1_white.jpg) repeat-y left top;
}
#logo {
        width: 281px;
        height: 130px;
        background: url(images/bg_col1_logo_white.jpg) no-repeat;
}
#col1Tomato {
        width: 281px;
        height: 310px;
        background: url(images/bg_col1_tomato.jpg) no-repeat left top;
}
#col2 {
        float: left;
        width: 470px;
        line-height: 1.4em;
}
#fruitMonth {
        position: absolute;
        z-index: 99;
        left: 660px;
        height: 85px;
        width: 95px;
}
#footer {
        font: 0.9em Arial, Helvetica, sans-serif;
        height: 60px;
        width: 470px;
        text-align: center;
        margin-left: 281px;
        color: #3C662F;
        position: relative;
        margin-top: -60px;
        clear: both;
}
#footer div { padding-top: 20px; }
#tomatoHead {
        float: right;
        padding: 0 0 15px 30px;
        margin: 0;
}
#printLogo {
        display: none;
}
#logo a{
        display: block;
        width:281px;
        height: 130px;
        text-indent: -3000px;
}
/* NAVIGATION *******************************************************************************************/
#nav {
        padding: 0 0 15px 37px;
}
#nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
        width: 211px;
        overflow: hidden;
}
#nav ul li {
        margin: 0;
        padding: 0;
}
#nav ul li a {
        color: #FFFFFF;
        text-decoration: none;
        text-indent: -9999px;
        height: 22px;
        display: block;
}

#nav ul li ul {
        padding-bottom: 4px;
        background: url(images/nav_second_bg.jpg) repeat-y;
}

#nav ul li ul li a {
        text-indent: 0;
        height: auto !important;
        padding: 1px 0 1px 23px;
        color: #006600;
        font-weight: bold;
        font-size: 0.8em;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}
#nav ul li ul li a:hover { color: #D42A2A; }

#nav1  { background: url(images/nav_main.gif) no-repeat 0px 0px; }
#nav2  { background: url(images/nav_main.gif) no-repeat 0px -22px; }
#nav3  { background: url(images/nav_main.gif) no-repeat 0px -44px; }
#nav4  { background: url(images/nav_main.gif) no-repeat 0px -66px; }
#nav5  { background: url(images/nav_main.gif) no-repeat 0px -88px; }
#nav6  { background: url(images/nav_main.gif) no-repeat 0px -110px; }
#nav7  { background: url(images/nav_main.gif) no-repeat 0px -132px; }

a#nav1:hover { background: url(images/nav_main.gif) no-repeat -211px 0px; }
a#nav2:hover { background: url(images/nav_main.gif) no-repeat -211px -22px; }
a#nav3:hover { background: url(images/nav_main.gif) no-repeat -211px -44px; }
a#nav4:hover { background: url(images/nav_main.gif) no-repeat -211px -66px; }
a#nav5:hover { background: url(images/nav_main.gif) no-repeat -211px -88px; }
a#nav6:hover { background: url(images/nav_main.gif) no-repeat -211px -110px; }
a#nav7:hover { background: url(images/nav_main.gif) no-repeat -211px -132px; }

a#nav1.on, a#nav1.on:hover{ background: url(images/nav_main.gif) no-repeat -422px 0px; }
a#nav2.on, a#nav2.on:hover{ background: url(images/nav_main.gif) no-repeat -422px -22px; }
a#nav3.on, a#nav3.on:hover{ background: url(images/nav_main.gif) no-repeat -422px -44px; }
a#nav4.on, a#nav4.on:hover{ background: url(images/nav_main.gif) no-repeat -422px -66px; }
a#nav5.on, a#nav5.on:hover{ background: url(images/nav_main.gif) no-repeat -422px -88px; }
a#nav6.on, a#nav6.on:hover{ background: url(images/nav_main.gif) no-repeat -422px -110px; }
a#nav7.on, a#nav7.on:hover{ background: url(images/nav_main.gif) no-repeat -422px -132px; }

#nav li.on { padding-top: 4px; }
#nav li.onFruit { padding-top: 35px; }

/* UNIVERSAL CLASSES ************************************************************************************/
.clear {
        clear: both;
}
.ruler, .rulerAlt {
        margin: 0 0 20px 0;
        padding: 20px 0 0 0;
        font-size: 2px;
        border-bottom: 2px solid #D3292A;
}
.rulerAlt { border-bottom: 1px solid #333 !important; padding-top: 10px !important; }
p.attention {
        font-weight: bold;
        padding: 0 0 5px 0;
        font-size: 1.1em;
}
ul.greenarrow { padding-bottom: 20px; list-style: none; }
ul.greenarrow li {
        background: url(images/li_green_arrow.gif) no-repeat 0px 3px;
        padding-left: 13px;
        font-weight: bold;
}
.small { font-size: 0.9em; }
.alt { color: #3C662F; }
.submitted { color: #D42A2B; font-style: italic; font-size: 0.9em; }
.colShadow { background: url(images/bg_shadow_short.jpg) repeat-y; padding-right: 20px;}
.bottomShadow {
        background: url(images/bg_shadow_bottom.jpg) no-repeat left top;
        height: 10px;
        margin-bottom:20px;
        font-size: 0;
        line-height: 0em;
}
.boxTop {
        border-top: 1px solid #3C662F;
        background: #ECF1EB;
        color: #333;
        padding: 4px;
        margin-bottom: 15px;
}

/* NEWS *******************************************************************************************************/
#news h3 { margin: 0 0 3px 0; padding: 0; }
#news a.headline, #news a.headline:hover { color: #3C662F; font-weight: bold; }
#news h4 {
        font-size: 1.1em;
        margin: 0;
        padding: 0;
}
.date {
        margin-bottom: 4px;
        font-size: 0.9em;
        color: #CC0000;
        font-weight: bold;
}
.news {
        margin-bottom: 20px;
        border-top: 1px solid #3C662F;
        background: #ECF1EB;
        padding: 3px 5px;
}
.news .break br {
        display: block;
        margin-bottom: 5px;
}
.newsThumb {
        float: left;
        margin: 0 7px 7px 0;
}
.newsThumb img { border: 1px solid #3C662F; }
.newsLarge {
        float: right;
        margin: 0 0 10px 10px;
        background: url(images/shadow.gif) no-repeat right bottom;
}
.newsLarge img { position: relative; top: -5px; left: -5px; border: 1px solid #3C662F; }

/* Members Section ********************************************************************************************/
h1#header_club_main,  h1#header_club_rate, h1#header_club_newsletter, h1#header_club_coupons {
        margin: 0;
        padding: 0;
        height: 106px;
        width: 504px;
        text-indent:-3000px;
}
h1#header_club_main{ background: url(images/h1_club_main.jpg) no-repeat left top;}
h1#header_club_rate{ background: url(images/h1_club_rate.jpg) no-repeat left top;}
h1#header_club_newsletter { background: url(images/h1_newsletter.jpg) no-repeat left top;}
h1#header_club_coupons { background: url(images/h1_coupons.jpg) no-repeat left top;}


#login {
        float: right;
        width: 220px;
        background: #C1CBBE;
        margin: 0 0 5px 5px;
}
#loginInner {
        border: 2px solid #FFF;
        background: #C1CBBE;
        margin: 2px;
        padding: 3px 8px 8px 8px;
}
#login p { color:#C2292C; padding-bottom: 4px; }
#login input.style1 {
        font-size: 10px;
        background: #DEE7D9;
        border-top: 1px solid #51815D;
        border-left: 1px solid #51815D;
        border-right: 0px none;
        border-bottom: 0px none;
        width: 110px;
}
#login h3 {
        margin: 0;
        padding: 0;
        font-size: 0;
        text-indent: -3000px;
        height: 38px;
        background: url(images/h3_login.jpg) no-repeat left top;
}
body#guestbookbody {

        background: #336532 url(images/bg_body_guestbook.jpg) repeat-y left top;
}
h1#header_guestbook {
        background: url(images/h1_guestbook.jpg) no-repeat left top;
        position: relative;
        margin: 0 0 0 -29px;
        padding: 0;
        height: 154px;
        width: 518px;
        text-indent:-3000px;
}
.entry {
        margin-bottom: 12px;
}
#guestbook {
        margin-right: 100px;
}
#navBook {
        float:right;
        width:85px;
        background: #FFF;
        padding-top:10px;
        font-size: 9px;
        text-align: center;
        line-height: normal;
}
#navBook span { color: #333; }
#addEntry {
        border-top: 1px solid #3C662F;
        background: #ECF1EB;
        padding: 10px;
        color: #333;
}
#guestbook .small { color: #3C662F; }
h1#header_signup {
        background: url(images/h1_signup.jpg) no-repeat left top;
        margin: 0;
        padding: 0;
        height: 178px;
        width: 489px;
        text-indent:-3000px;
}
ul#clubReasons { list-style: none; margin: 3px 0 12px 0; padding: 0; }
ul#clubReasons li {
        padding: 0 0 15px 36px;
        background: #EFEFEF;
}
ul#clubReasons li#reasonOne { background: url(images/li_1.gif) no-repeat left top; }
ul#clubReasons li#reasonTwo { background: url(images/li_2.gif) no-repeat left top; }
ul#clubReasons li#reasonThree { background: url(images/li_3.gif) no-repeat left top; }
ul#clubReasons li#reasonFour { background: url(images/li_4.gif) no-repeat left top; }

#members h3 {
        font: bold 1.4em/1em Arial Narrow, Arial, Helvetica, san-serif;
        color: #3C662F;
        margin: 0 0 4px 0;
        padding: 0;
}

/* Related Files******************************************************************************************/
.relatedFiles {
        margin: 10px 40px 10px 44px;
        border: 1px solid #336532;
        background: #FFF;
}
.relatedHeader {
        background: #336532;
        padding: 2px 4px;
        color: #FFF;
        font-weight: bold;
}
.relatedFiles ul { margin: 0; padding: 2px !important; }
.relatedFiles ul li { margin: 0; padding: 0; list-style: none; }
.relatedFiles ul li a {
        padding: 5px 5px 5px 17px;
        background: url(../images/icon_pdf.gif) no-repeat 0px 5px;
        text-indent: 0 !important;
        height: auto !important;
        font-size: 0.9em;
        color: #000 !important;
        display: block;
}

/* Tomato Questions****************************************************************************************/
h1#header_questions {
        background: url(images/h1_tomato_questions.jpg) no-repeat left top;
        margin: 0;
        padding: 0;
        height: 106px;
        width: 489px;
        text-indent:-3000px;

}
#questions h3 {
        font: bold 1.4em/1em Arial Narrow, Arial, Helvetica, san-serif;
        color: #3C662F;
        margin: 10px 0 10px 0;
        padding: 0;
}
#questions h4 {
        font: 1.1em/1em Arial, Helvetica, san-serif;
        color: #333;
        margin: 0 0 5px 0px;
        padding: 0 0 0 10px;
        background: url(images/bullet_333.gif) no-repeat;
}
#questions div.answer {
        font: bold 1.0em/1em Arial, Helvetica, san-serif;
        color: #3c662f;
        margin: 0px 0 10px 8px;
        padding: 0;
}
#questions .qGroup { margin-bottom: 20px; }
/* Tomato Obsession***************************************************************************************/
h1#header_obsession, h1#header_obsession_events {
        margin: 0;
        padding: 0;
        height: 183px;
        width: 489px;
        text-indent:-3000px;

}
h1#header_obsession { background: url(images/h1_tomato_obsession.jpg) no-repeat left top;}
h1#header_obsession_events { background: url(images/h1_tomato_events.jpg) no-repeat left top;}



/* Recipes Search*******************************************************************************************/

h1#header_recipe_search, h1#header_recipe_month, h1#header_recipes, h1#header_recipe_submit {
        margin: 0;
        padding: 0;
        height: 106px;
        width: 504px;
        text-indent:-3000px;
}
h1#header_recipe_search { background: url(images/h1_recipe_search.jpg) no-repeat left top;}
h1#header_recipe_month { background: url(images/h1_recipe_month.jpg) no-repeat left top;}
h1#header_recipes { background: url(images/h1_tomato_recipes.jpg) no-repeat left top;}
h1#header_recipe_submit { background: url(images/h1_recipe_submit.jpg) no-repeat left top;}

#recipeTop {
        border-bottom: 1px solid #000;
        margin-bottom: 7px;
}
#recipeTop .header {
        border-right: 1px solid #000;
        font: italic bold 1.5em/1em Georgia, "Times New Roman", Times, serif;
        color: #3C662F;
}
#recipePhoto {
        float: right;
        border: 1px solid #333;
        margin: 0 0 3px 5px;
        padding-bottom: 3px;
        background: #497B36;
        font-size: 9px;
        text-align: center;
        color: #FFF;
        line-height: 0.9em;
}
#recipePhoto img {
        margin-bottom: 3px;
}
#recipePhoto img, #recipePhoto a {
        text-decoration: none;
        color: #FFF;
}
#recipeDescription ul {
        margin: 0 0 7px 0;
        padding: 0;
        list-style: none;
        color: #3C662F;
}
#recipeDescription ul a { text-decoration: none; }
#recipeDescription ul li { padding-left: 24px; }
li#emailBtn { background: url(images/email_icon.gif) no-repeat left top; }
li#printBtn { background: url(images/print_icon.gif) no-repeat left top; }
li#rateBtn { background: url(images/rate_icon.gif) no-repeat left top; }
li#videoBtn { background: url(images/video_icon.gif) no-repeat left top; }
/* PRODUCTS *********************************************************************************************/
h1#header_tomato_products, h1#header_tomato_products_alt {
        background: url(images/h1_tomato_products.jpg) no-repeat left top;
        margin: 0;
        padding: 0;
        height: 106px;
        width: 504px;
        text-indent:-3000px;
}
h1#header_tomato_products_alt { background: url(images/h1_tomato_products_alt.jpg) no-repeat left top !important; }
#products h2 {
        font: italic bold 1.5em/1em Georgia, "Times New Roman", Times, serif;
        color: #3C662F;
        margin: 0;
        padding: 15px 0;
}
#products h2.alth2 {
        font-size: 1em;
        padding: 0 0 5px 0;
}
#products h3 {
        font: bold 1.5em/1em Arial Narrow, Arial, Helvetica, san-serif;
        color: #3C662F;
        margin: 0 0 4px 0;
        padding: 0;
}
#products .rulerAlt {
        border-bottom: 1px solid #4A7C37 !important;
        padding-top: 5px;
        margin-bottom: 10px;
}
#products .listing { margin-left: 95px; }
#products ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
}
.productClassImg {
        float: left;
        margin: 0 5px 0 0;
}
#products ul li a { color: #D3292A; text-decoration: none;}
#products ul li a:hover { text-decoration: underline; }
#products { padding-bottom: 10px; }
#productBottom {
        background: url(images/bg_product_bottom.jpg) no-repeat left top;
        height: 255px;
        margin-bottom:20px;
        font-size: 0;
        line-height: 0em;
        width: 489px;
}
.productcol1 {
        float: left;
        width: 220px;
        margin-right: 10px;
        font-size: 0.8em;
        line-height: 1.2em;
}
.productcol1 img { margin-bottom: 5px; }
.productcol2 { float: right; width: 239px; }
#productNutrition {
        background: #FFEEAE;
        border: 1px solid #3C662F;
        font-size: 0.9em;
        line-height: 1.2em;
        padding: 3px;
}
#productNutrition h4 {
        height: 25px;
        background: url(images/h4_nutrition.gif) no-repeat center center;
        text-indent: -3000px;
}
#productNutrition table p { margin: 0 0 0 25px; padding: 0; }
#productTellFriend {
        background: #3C662F;
        font-size: 0.9em;
        line-height: 1.2em;
        padding: 1px;
        margin-bottom: 5px;
}
td.b1 { border-bottom: 1px solid #3C662F; }
td.b2 { border-bottom: 2px solid #3C662F; }
tr.b3 td.one {
        background: url(images/bg_nutritional_row.gif) no-repeat left bottom;
}
tr.b3 td.two {
        background: url(images/bg_nutritional_row.gif) no-repeat -20px bottom;
}
.relatedRecipe {
        width: 100px;
        float: left;
        margin-right: 8px;
        font-size: 0.9em;
        line-height: 1.1em;
}
.relatedRecipe a { color: #000; text-decoration: none; }
#featured { background: url(images/bg_featured.jpg) repeat-y left top; padding: 7px 0 2px 10px; }
#featured .productcol1 { width: 210px !important; }
#featuredTop {
        height: 16px;
        font-size: 0;
        line-height: 0em;
        background: url(images/bg_featured_top.jpg) no-repeat left top;
}
#featuredBottom {
        height: 11px;
        font-size: 0;
        line-height: 0em;
        background: url(images/bg_featured_btm.jpg) no-repeat left top;
        margin-bottom: 10px;
}

/* TO YOUR HEALTH ************************************************/
.FloatRight
{
        float: right;
        margin-top: 0px;
        margin-left: 5px;
        margin-right: 0px;
        margin-bottom: 5px;
}

.Border
{
        border: 4px solid #83AD06;
}

.tyh_highlight_box
{
        background-color:#FFF8E0;
        width:479px;
}

.tyh_highlight_title
{
        color:#C52301;
        text-transform:uppercase;
        font-weight:bold;
}

.tyh_title
{
        color: #346045;
        text-transform:uppercase;
        font-weight:bold;
}

.tyh_recipe_title
{
        color: #83AD06;
        font-weight:bold;
}

.tyh_recipe_box
{
        background-color:#FFF8E0;
        width:470px;
        padding: 10px;
}

.tyh_recipe_photo
{
        border: 1px solid #A9A3A5;
        padding: 4px;
        background-color: #FFFFFF;
}

.image_caption
{
        background-color:#D62201;
        margin-top:-4px;
        padding:5px;
        color:#F3BD01;
        text-align:center;
}

.image_caption_subpage
{
        font-weight:bold;
        color:#C52301;
        text-align:center;
        padding-top:3px;
}

h1#header_tyh_alt
{
        background: url(images/h1_to_your_health.gif) no-repeat left top;
        margin: 0;
        padding: 0;
        height: 106px;
        width: 504px;
        text-indent:-3000px;
}


/* TABS *************************************************************************************************/

#tabs {
        background: #C4C4C4;
        overflow: hidden;
        margin: 0;
}
#tabs ul{
        margin: 0;
        padding: 5px 2px 0px 2px;
        list-style: none;;
}
#tabs ul li {
        float: left;
        margin: 0 2px 0 0;
        padding: 0;
}
#tabs ul li a {
        float: left;
        display: block;
        text-align: center;
        padding: 3px 2px 1px 2px;
        text-decoration: none;
        border-bottom: 1px solid #666;
        font-size: 0.8em;
        color: #FFF;
        background-color:#CC0000;
}
#tabs ul li.on a {
        color: #333;
        background: #FFF;
        border-bottom: 1px solid #FFF;
}
.secondary { color: #666; margin-bottom: 7px; }
.on { display: block; }
.off { display: none; }
.tab { height: 145px; padding: 5px 15px; }
.area { border: 1px solid #C4C4C4; padding: 3px 3px; margin: 10px 0; border-right-width: 2px; border-bottom-width: 2px; }
.button {
        background: #CC0000;
        font-size: 0.8em;
        color: #FFF;
        border: 1px solid #333;
        padding: 2px 3px;
}
/* Mac Hide \ */
* html #tabs ul, * html #nav li, * html .listing, * html .news, * html .relatedFiles ul li a { height: 1%; }
* html #products .listing { margin-left: 92px; }
*:first-child+html .news { height: 1%; }
/* End */

/* PRINT STYLINGS ***************************************************************************************/
@media print {
body {
        margin: 0 !important;
        padding: 0 !important;
}
#col1 {
    display: none;
}
#gradientWrap, #contentWrap, #col2 {
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}
#footer {
        position: static !important;
        margin: 0 !important;
        text-align: center;
        height: auto !important;
}
#col2 {
    float: none !important;
    margin-left: 150px !important;
}
#header {
    display: none;
}
#printLogo {
    display: block;
    padding: 0 0 0 0;
    float: left;
}
h1 {
    margin: 0 !important;
    height: auto !important;
    width: auto !important;
    text-indent: 0 !important;
    background: none !important;
}
.printHide { display: none; }
}