/* HTML ********************************************************************/
html, body { height: 100%; }
body {
        padding: 0;
        margin: 0;
        background: #177246;
        color: #3b3b3b;
        font: 76% Arial, Helvetica, sans-serif;
        text-align: center;
        line-height: 1.4em;
}
div { text-align: left; }
p {
        margin: 0;
        padding: 0 0 15px 0;
}
h1 {
        font: bold 1.2em "Times New Roman", Times, serif;
        margin: 0 0 12px 0;
        padding: 0;
        color: #393031;
        letter-spacing: 0.2em;
}
h2
{
        font: bold 1.7em/1em Georgia, Times, serif;
        color: #C2292C;
}
h3 {
        font: bold 1.4em/1em Arial, Helvetica, san-serif;
        color: #666;
        margin: 0 0 4px 0;
        padding: 0;
}
h4 {
        font-size: 1.2em;
        font-weight: bold;
        color: #177246;
        margin: 0 0 5px 0;
        padding: 0;
}
h5 {
        font-size: 1.4em;
        font-weight: 600;
        color: #177246;
        padding: 0;
        margin: 5px 0 4px 0;
	

}
h6 {
        font-size: 1.3em;
        color: #000;
        margin: 0px 0 5px 0;
}
table { font-size: 1em; }
a {
        color: #0C493C;
        text-decoration: none;
}
a:hover {
        color: #d42C2B;
}
form { display: inline; }
img { border: 0px none; }
ul {
        margin: 0;
        padding: 5px 0 10px 25px;
}
hr {
        color: #999;
        background: #999;
        height: 1px;
        font-size: 0;
        border: none;
        margin: 12px 0;
        display: block;

}
/* DIV's ********************************************************/
#containerWrap {
        width: 777px;
        margin: 0 auto;
        position: relative;
        min-height: 100%;
        background: url(images/bg_main.jpg) repeat-y left top;
}
.guestbegin {
        background: url(images/bg_guestbook_begin.jpg) no-repeat 80px 0;
        padding-bottom: 0px !important;
}
.guest { background: url(images/bg_guestbook.jpg) repeat-y 80px 0; position: relative; }
#container { margin: 0 14px; }
#header {
        height: 98px;
        position: relative;
}
.header_life { background: #1A7C4B url(images/bg_header_festival.jpg) no-repeat left top; }
.header_recipes { background: #1A7C4B url(images/bg_header_recipes.jpg) no-repeat left top; }
.header_products { background: #1A7C4B url(images/bg_header_products.jpg) no-repeat left top; }
.header_about { background: #1A7C4B url(images/bg_header_about.jpg) no-repeat left top; }
.header_faqs { background: #1A7C4B url(images/bg_header_faqs.jpg) no-repeat left top; }
.header_club { background: #1A7C4B url(images/bg_header_club.jpg) no-repeat left top; }
#header a {
        position: absolute;
        display: block;
        top: 10px;
        left: 10px;
        width: 185px;
        height: 105px;
        text-indent: -9999px;
        overflow: hidden;
}

#footer {
        font: 0.9em Arial, Helvetica, sans-serif;
        height: 60px;
        padding-left: 215px;
        width: 777px;
        w\idth: 562px;
        margin: -60px auto 0 auto;
        color: #0C493C;
        text-align: center;
        background: url(images/bg_main.jpg) repeat-y left top;
        position: relative;

}
#footer div { padding-top: 20px; text-align: center; }
#footer a { color: #0C493C; text-decoration: underline; }
#footer a:hover { color: #000;  text-decoration:underline}
#content {
        padding: 10px 0 60px;
}
#col1Wrapper {
        float: left;
        width: 208px;
}
#col1 {
        padding: 0 25px;
        font-family: "Times New Roman", Times, serif;
}
#col2Wrapper {
        float: left;
        width: 541px;
}
#col2 {
        padding: 0 50px 0 12px;
}
#col2.col2alt { padding-right: 30px; }
#col2 a { text-decoration: underline; }
#content.altStyle #col2 { padding: 0 20px 0 17px; }
#col2a {
        float: left;
        width: 192px;
        margin-right: 24px;
}
#col2b {
        float: left;
        width: 298px;
}
#printLogo { display: none; }
/* Classes *******************************************************/
.clear { clear: both; }
.info {
        font-weight: bold;
        line-height: 1.6em;
}
.boxTop {
        border-top: 1px solid #d42C2B;
        background: #FEF8F8;
        color: #333;
        padding: 4px;
        margin-bottom: 15px;
}
.secondary { color: #666; margin-bottom: 7px; }
.on { display: block; }
.off { display: none; }
.tab { height: 135px; padding: 5px 15px; }
.submitted { color: #D42A2B; font-style: italic; font-size: 0.9em; }
.area {
        border: 1px solid #C1A62A;
        padding: 5px;
        margin: 10px 0;
        border-right-width: 2px;
        border-bottom-width: 2px;
}
.button {
        background: #EE1D30;
        font-size: 0.8em;
        color: #FFF;
        border: 0 none;
        padding: 2px 3px;
}
.strong { font-weight: bold; }
.underline { text-decoration: underline; }
.imgBorder { border: 2px solid #C99F33; }
.ruler, .rulerAlt {
        margin: 0 0 20px 0;
        padding: 20px 0 0 0;
        font-size: 2px;
        border-bottom: 2px solid #c99F33;
}
.rulerAlt { border-bottom: 1px solid #333 !important; padding-top: 10px !important; }
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;
}
.warning { color: #CC0000; }
/*Main Navigation ************************************************/
#nav ul{
        height: 34px;
        margin: 0;
        padding: 0;
        position: relative;
        background: url(images/bg_nav.jpg) no-repeat top left;
        overflow: hidden;
}
#nav ul li {
        margin: 0;
        padding: 0;
        list-style: none;
        position: absolute;
        overflow: hidden;
}
#nav ul li, #nav ul li a {
        height: 28px;
        display: block;
}
#nav ul li a {
        text-indent: -9999px;
        text-decoration: none;
}

#nav1 { left: 210px; width: 50px; }
#nav2 { left: 260px; width: 70px; }
#nav3 { left: 325px; width: 100px; }
#nav4 { left: 425px; width: 95px; }
#nav5 { left: 520px; width: 60px; }
#nav6 { left: 580px; width: 70px; }
#nav7 { left: 650px; width: 85px; }



/* SL Navigation *************************************************/
#navSL {
        margin: 0 0 30px 0;
        padding: 0;
        list-style-type: none;
}
#navSL li {
        margin-bottom: 3px;
        font-size: 1.1em;
}
#navSL li a {
        color: #0c493c;
        display: block;
}
#navSL li a.on, #navSL li a:hover.on {
        color: #C99f33;
        font-weight:bold;
        text-decoration:none;
}
#navSL li a:hover {
        color: #0c493c;
        text-decoration:underline;
}
#join {
        position: relative;
        margin: 35px 0 0 -25px;
}
.slTitle { position: relative; }
.slTitle h4 {
        position: absolute;
        top: -39px;
        left: -25px;
        width: 210px;
        text-align: center;
}

/* TABS *************************************************************************************************/

#tabs {
        background: #3F7652;
        overflow: hidden;
        margin: 0;
}
#tabs ul{
        margin: 0;
        padding: 5px 2px 0px 2px;
        list-style: none;;
}
#tabs ul li {
        float: left;
        margin: 0 3px 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.9em;
        color: #FFF;
        background-color:#CC0000;
}
#tabs ul li.on a {
        color: #333;
        background: #FFF;
        border-bottom: 1px solid #FFF;
}

/* Recipe Details *******************************************************************/
#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: #0C493C;
}
#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: #0C493C;
}
#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; }

/* PRODUCTS *********************************************************************************************/
#products h2 {
        font: italic bold 1.5em/1em Georgia, "Times New Roman", Times, serif;
        color: #0C493C;
        margin: 0;
        padding: 0 0 3px 0;
}
#products h2.alth2 {
        font-size: 1em;
        padding: 0 0 5px 0;
}
#products .rulerAlt {
        border-bottom: 1px solid #c99F33 !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; }
.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; }
.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;
}

/* Tomato Questions****************************************************************************************/

#questions h4 {
        font-weight: normal;
        color: #333;
        margin: 0 0 5px 0px;
        padding: 0 0 0 10px;
        background: url(images/bullet_333.gif) no-repeat;
}
#questions div.answer {
        font-weight: bold;
        color: #0C493C;
        margin: 0px 0 10px 8px;
        padding: 0;
}
#questions .qGroup { margin-bottom: 20px; }

/* Members Section ********************************************************************************************/
#login {
        float: right;
        width: 220px;
        background: #C99F33;
        margin: 0 0 5px 5px;
}
#loginInner {
        background: #FFF2C7;
        margin: 2px;
        padding: 3px 8px;
}
#login p { color:#C2292C; padding-bottom: 4px; }
#login input.style1 {
        font-size: 10px;
        width: 110px;
}
.entry {
        margin-bottom: 12px;
}
#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 #C99F33;
        background: #FFF2C7;
        padding: 10px;
        color: #333;
}
#guestbook .small { color: #0C493C; }
.endguest {
        background: url(images/bg_guestbook_end.jpg) no-repeat 80px 0;
        height: 179px;
        margin: 0 14px;

}
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; }
/* Tomato Stats *******************************************************************************************/

#col2b.tomato_stats {
        margin-left: 25px;
        width: 245px;
}
.tomato_stats table {
        color: #666;
        font-size: 0.8em;
        line-height: 1.1em;
        margin-bottom: 12px;
}
.tomato_stats img {
        border: 2px solid #C99F33;
        margin-bottom: 12px;
}
.tomato_stats h3 {
        color: #333333;
        font-weight: bold;
        font-size: 1em;
        line-height: 1em;
        margin: 0 0 5px 0;
        padding: 0;
}
.signoff         {
        margin: 7px 0 0 0;
        color: #B8A45F;
        font-size: 0.9em;
        font-style: italic;
}

#winterWrap {
        position: relative;
}
#winterCentral {
        position: absolute;
        background: #AFA989;
        width: 260px;
        margin: -130px 0 0 -35px;
}
#winter {
        position:relative;
        margin: -3px 0 3px -3px;
        border: 1px solid #666;
        padding: 5px;
        background: #FFF;
        width: 260px;
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 248px;
}body>#winter {width:248px;}

#winterContent {
        background: #94B367;
        padding: 12px;
}
#winter img { border-color: #000; margin-bottom: 7px; }
#winter .signoff { color: #000; margin: 0; }
#winter a { display: block; text-align: right; font-weight: bold; }

/* NEWS **********************************************************/
#news h3 { margin: 0 0 6px 0; padding: 0; }
#news a.headline, #news a.headline:hover { color: #0C493C; }
#news .break br {
        display: block;
        margin-bottom: 5px;
}
#news h4 {
        font-size: 1.1em;
        margin: 0;
        padding: 0;
}
.date {
        margin-bottom: 6px;
        font-size: 0.9em;
        color: #FF0000;
        font-weight: bold;
}
.news {
        margin-bottom: 20px;
        border-top: 1px dotted #999;
        padding: 3px 0;
}
.newsThumb {
        float: left;
        margin: 5px 7px 7px 5px;
        background: url(images/shadow.gif) no-repeat right bottom;
}
.newsLarge {
        float: right;
        margin: 0 0 10px 10px;
        background: url(images/shadow.gif) no-repeat right bottom;
}
.newsThumb img { display: block; position: relative; top: -5px; left: -5px; }
.newsLarge img { display: block; position: relative; top: -5px; left: -5px; }

/* Related Files******************************************************************************************/
.relatedFiles {
        margin: 10px 10px 5px 10px;
        border: 1px solid #177246;
        background: #FFF;
}
.relatedHeader {
        background: #177246;
        padding: 2px 4px;
        color: #FFF;
        font-weight: bold;
}
.relatedFiles ul { margin: 0; padding: 2px; }
.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;
        font-size: 0.9em;
        display: block;
}
/* CONTEST */
.contestimage{
	padding-left: 10px;
	text-align:center;
}
/* COUPON PROMO */
.promotion { color: #EF321E; font-family:Georgia, Times, serif;}
h2.promotion { font-size: 1.8em; }
.coupon_second_page {
	border: solid 1px #3F7652;
	padding:5px;
}

/* IE HACKS ******************************************************/

/* IE MAC \*/
* html #content, * html #tabs ul, * html #navSL li a, * html .news, * html .relatedFiles ul li a  { height: 1%; }
* html #containerWrap { height: 100%; }
*:first-child+html .news { height: 1%; }
/* */

@media print {
        #printLogo { display: block !important; }
        #col1Wrapper, #col1, #header, #nav {
                display: none;
        }
        #containerWrap, #container, #content, #col2Wrapper, #col2 {
                float: none !important;
                width: 100% !important;
                height: auto !important;
                min-height: auto !important;
                margin: 0 !important;
                padding: 0 !important;
        }
        #content { margin-top: 30px !important; }
        #col2a, #col2b {
                width: 45% !important;
                margin: 0 !important;
                padding: 0 !important;
        }
        #col2a { margin-right: 5% !important; }
        #printLogo {
                display: block !important;
                text-align: center;
        }
        h1 {
                text-indent: 0 !important;
                height: auto !important;
                margin-left: 0 !important;
                margin-right: 0 !important;
        }
        #footer {
                position: static !important;
                margin: 0 !important;
                width: 100% !important;
        }
}