﻿html {width:100%; height:100%; margin:0; padding:0;}
body {width:100%; height:100%; margin:0; padding:0; color:#545454; font-size:11px; font-family:arial,helvetica,verdana,sans-serif; background:url(../images/bg-woodpanel.jpg) 0 0 repeat-x #6e5e50;}
h1, h2, h3, h4, table, td, ul, li, p, form {list-style:none; margin:0; padding:0;}
h1 {font-size:20px;}
h2 {font-size:11px;}
h3 {font-size:14px;}
img {border:0;}
p, li {line-height:1.7em;}
a {color:#545454; text-decoration:underline;}
a:hover {color:#999;}
table {border-collapse:collapse;}
td {vertical-align:top;}
th {text-align:left;}
sup {font-size:smaller; vertical-align:baseline; position: relative; bottom: 0.33em;}
ol li { list-style-type: decimal; }
input, select, textarea {padding:1px; font-size:11px; font-family:arial,helvetica,verdana,sans-serif;}


/* ---- Globals -------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */

.main-wrap {width:795px; margin:0 auto; margin-top:50px; padding:10px;  /*min-height:540px; height:auto !important; height:540px;*/ background:#fff;}
.footer {margin-top:30px; padding-bottom:20px; color:#d3c2b9; text-align:center;}
.footer a {color:#d3c2b9; text-decoration:none;}
.footer a:hover {color:#fff;}

/* Home */
.h-flash {height:248px; margin-top:3px; font-size:.1em;}
.h-flash {}

.h-kickers {margin-top:3px;}
.h-kickers li {margin-left:3px; float:left;}
.h-kickers li.first {margin:0;}

.h-californiagrown {width:795px; height:292px; margin-top:3px; background:url(../images/gra-californiagrown.jpg) 0 0 no-repeat; position:relative;}
.h-californiagrown p.intro {width:375px; margin:116px 0 0 47px; color:#ec9a78; position:absolute; top:0; left:0;}
.h-californiagrown .btn-learn_more {margin:231px 0 0 45px; position:absolute; top:0; left:0;}

.h-californiagrown .mod_news {width:243px; margin:30px 28px 0 0; position:absolute; top:0; right:0;}
.h-californiagrown .mod_news .top {height:0; padding-top:48px; background:url(../images/bg-mod_news_top.gif) 0 0 no-repeat; overflow:hidden;}
.h-californiagrown .mod_news .mid {height:115px; padding:20px; background:url(../images/bg-mod_news_mid.gif) 0 0 repeat-y; overflow:hidden;}
.h-californiagrown .mod_news .mid h3 {margin-bottom:10px; font-size:12px; line-height:1.3em; color:#9c472c;}
.h-californiagrown .mod_news .mid p {margin-bottom:10px; line-height:1.3em;}
.h-californiagrown .mod_news .mid p.read_more {margin:0;}
.h-californiagrown .mod_news .mid img {margin:0 0 10px 10px; float:right; border:1px solid #f2e1d4}
.h-californiagrown .mod_news .mid a {color:#9d462b; text-deocration:underline;}
.h-californiagrown .mod_news .bot {padding:5px 20px 8px; background:url(../images/bg-mod_news_bot.gif) left bottom no-repeat;}
.h-californiagrown .mod_news .bot p {text-align:right;}
.h-californiagrown .mod_news .bot a:hover {color:#545454;}

/* Section */
.content-wrap {width:793px; margin-top:3px; border:1px solid #c0b9b2; position:relative;}
.content {width:465px; margin:35px 0 0 35px; float:left; display:inline;}
.content p {margin-bottom:15px; color:#5b4735;}
.content ul {margin-bottom:15px;}
.content .txt-head {margin-bottom:10px;}
.inpad {padding:35px;}

.c-kickers {width:50px; position:absolute; bottom:0; left:0; *margin-bottom:-2px;}
.c-kickers td {}
.c-kickers .space {padding-right:3px;}
html[xmlns*=""] body:last-child .c-kickers {bottom:150px;} /* safari fix */

.sidebar {width:261px; padding-top:35px; background:url(../images/bg-sidebar.gif) 0 0 repeat-y; float:right; position:relative;}
.side-comment {margin-bottom:20px;}
.side-graphic {margin-bottom:20px; text-align:center;}
.side-graphic img {margin-bottom:10px;}
.side-quote {}
.sidebar ul {margin-bottom:-50px;color:#B65236; text-align:center; font-size:12px; position:relative;}
.sidebar .gra_bottom {position:absolute; bottom:0; left:0;}

#body-graph {background:#fff;}
.graph-wrap {width:600px; height:640px; text-align:center;}
.graph-wrap .graph {margin:35px 0 25px 0;}

#events-wrap {color:#5b4735;}
#events-wrap a {color:#5b4735;}
#events-wrap a:hover {color:#9c8672;}

.events-selector {margin:35px; padding:15px 20px; background:#f6f5f3; border:1px solid #c0b9b1;}
.events-selector h1 {color:#566673; text-transform:capitalize;}
.events-selector select {color:#5b4735; font-size:11px;}
.events-selector ul {}
.events-selector li {float:left;}
.events-selector li.col_header {width:215px;}

.events-table {margin:0 35px 35px;}
.events-table th {padding-bottom:10px;}
.events-table td {padding:35px 0 ; border-top:1px solid #c0b9b2;}
.events-table tr.first td {border:0;}
.events-table .thumb {width:230px; padding-right:10px;}
.events-table .thumb img {width:200px; border:1px solid #c0b9b2;}
.events-table p {margin-bottom:10px;}

.nav_press {padding:25px 35px 0 35px; font-size:14px; color:#687b88;}
.nav_press a {color:#687b88 !important; text-decoration:none;}
.nav_press a:hover, .nav_press a.on {text-decoration:underline;}
.nav_press span {margin:0 5px;}

#recipes-wrap {color:#5b4735;}
#recipes-wrap a {color:#5b4735;}
#recipes-wrap a:hover {color:#9c8672;}
.recipes-searcher {width:210px; margin:35px 45px 35px 35px; float:left; display:inline;}
.recipes-searcher select, .recipes-searcher .inp-field {width:200px; padding:1px; color:#5b4735; font-size:11px; border:1px solid #948e7f;}
.recipes-searcher .inp-field {width:196px;}
.recipes-searcher #gra-gradrule {margin:10px 0;}
.recipes-searcher p {width:200px; line-height:2em; margin-bottom:15px;}

.recipes-table {width:470px; margin:35px 0 35px 0; float:left;}
.recipes-table th {padding-bottom:10px;}
.recipes-table td {padding:15px 20px; border-top:1px solid #c0b9b2;}
.recipes-table .thumb {padding-right:25px;}
.recipes-table .thumb img {border:1px solid #c0b9b2;}
.recipes-table .sortby {border:1px solid #c3bcb5; background:#fdf9ef;}
.recipes-table .sortby td {padding:8px 20px; vertical-align:middle;}

.recipe-wrap {width:470px; margin:0 0 35px 0; float:left; display:inline;}
.recipe-wrap {}
.recipe-back {height:20px; padding-top:15px; text-align:right;}
.recipe-head {}
.recipe-head h3 {width:311px; height:31px; padding:13px 0 0 30px; color:#a15039; background:url(../images/gra-recipe_tab.gif) 0 0 no-repeat; margin-bottom:-1px; position:relative;}
.recipe-head .options {margin-top:1px; float:right;}
.recipe-head .options img {}
.recipe-head .options a {color:#586574 !important; text-decoration:none;}
.recipe-head .options a:hover {color:#8594a5 !important;}
.recipe-head .options .lnk-back {color:#a15039 !important;}
.recipe-head .options .lnk-back:hover {color:#ca816c !important;}
.recipe-head .options {}
.recipe-body {padding:0 30px 25px 30px; color:#a75c46; background:#fdf9ef; border:1px solid #c3bcb5;}
.recipe-body p {margin-top:30px;}
.recipe-body #thumb {margin:30px 0 10px 10px; float:right; border:1px solid #c0b9b2;}
.recipe-body div {margin-top:30px;}
.recipe-body div p {margin:0px 0px 5px !important;}
.recipe-body li {padding-left:10px; background:url(../images/bul-ingredients.gif) 0 6px no-repeat;}

.affiliates-table {margin:35px; font-size:12px; color:#5b4735;}
.affiliates-table th {}
.affiliates-table td {padding:35px 0; border-top:1px solid #c0b9b2; vertical-align:middle;}
.affiliates-table .logo {text-align:center;}
.affiliates-table .links {width:115px; padding-left:35px; line-height:2em;}
.affiliates-table .first td {border:0; padding-top:0;}
.affiliates-table .text {padding:35px 0 35px 35px;}
.affiliates-table a {color:#ad5b43 !important;}
.affiliates-table p {margin-top:10px; padding-right:35px;}
.affiliates-table p img {margin-bottom:5px;}
.affiliates-table .gra-div {float:right;}

.recipesubmit-table {width:100%; margin-top:30px; color:#5b4735;}
.recipesubmit-table th {font-size:12px; color:#586574; padding-bottom:15px; border-bottom:1px solid #c0b9b2;}
.recipesubmit-table td {padding-top:15px;}
.recipesubmit-table .lt {padding-right:35px;}
.recipesubmit-table {}
.recipesubmit-table label {width:90px; margin-top:15px; display:block; float:left;}
.recipesubmit-table input, .recipesubmit-table select, .recipesubmit-table textarea {float:left; width:225px; margin-top:15px;}
.recipesubmit-table br {clear:both;}
.recipesubmit-table textarea {height:110px;}
#btn-submit {width:61px; margin-right:20px; float:right;}

#body-sendto {background:#fff !important;}
.friend-wrap {width:440px; margin:30px !important; border:1px solid #c2bbb4;}
.friend-wrap .header {padding:20px; background:#fdf9f0; border-bottom:1px solid #c2bbb4;}
.friend-wrap table {width:400px; margin:20px; border-bottom:1px solid #c2bbb4;}
.friend-wrap table td {padding:5px 10px;}
.friend-wrap table td .inp-field {width:200px; border:1px solid #968f80;}
.friend-wrap table label {font-weight:bold;}
.friend-wrap .recipe {padding:0 25px 20px; color:#a15039 !important;}
.friend-wrap .recipe p {margin-top:20px;}
.friend-wrap .recipe div {margin-top:20px;}
.friend-wrap .recipe div p {margin:0px 0px 5px !important;}
.friend-wrap .recipe li {padding-left:10px; background:url(../images/bul-ingredients.gif) 0 6px no-repeat;}
.friend-wrap .buttons {padding:20px; text-align:right;}
.friend-wrap .buttons img , .friend-wrap .buttons input {vertical-align:middle; margin-left:20px;}

.testimonial {margin:35px 0; padding:30px; background:url(../images/bg-testimonial.jpg) left bottom no-repeat #f2f7fa; border:1px solid #cbd3dd;}
.testimonial .photo {padding:8px; background:#cfe2ea; float:left;}
.testimonial .pho-chef {border:1px solid #ffffff;}
.testimonial .quote {width:270px; float:right;}
.testimonial .quote p {color:#69809b;}
.testimonial .quote p.align-rt {margin-bottom:0;}

/* Food Services */
#content-foodservice {padding-bottom:150px;}
#content-foodservice_products h3 {color:#a25039;}

.analysis_cols {margin:0 0 45px 0; border-bottom:1px solid #ffffff;}
.analysis_cols .gra-chart {margin-bottom:0; float:left; text-align:center;}
.analysis_cols .gra-chart img {margin-bottom:5px;}
.analysis_cols .intext {width:220px; float:right;}
.analysis_cols .intext ul {margin-bottom:0px !important;}

.cost_list {}
.cost_list li {margin:15px 0; padding-left:20px;}
.cost_list li.one {background:url(../images/bul-one.gif) 0 3px no-repeat;}
.cost_list li.two {background:url(../images/bul-two.gif) 0 3px no-repeat;}
.cost_list li.three {background:url(../images/bul-three.gif) 0 3px no-repeat;}
.cost_list li.big p {font-size:1.2em;}
.cost_list p {margin:0;}

.mid-quote {margin:45px 0; padding:28px 0; border:1px solid #e3d8c9; border-width:1px 0;}
.mid-quote p {text-align:center;}
.mid-quote p#heirloom_garlic {width:419px; height:0; padding-top:50px; background:url(../images/quo-heirloon_garlic.gif) center top no-repeat; overflow:hidden;}

/* Food Service Press */
#content-foodpress {}
#content-foodpress .events-selector {margin:0px; background:#fcf7eb;}
#content-foodpress .events-selector li.col_header {width:105px;}
#content-foodpress .page_links {padding-left:10px; float:right;}

.foodpress_wrap {font-size:11px; color:#5b4735 !important;}
.foodpress_wrap h1 {margin-bottom:10px; text-transform:uppercase; font-size:11px; line-height:1.3em;}
.foodpress_wrap h2 {margin-bottom:20px; text-transform:capitalize; line-height:1.3em;}
.foodpress_wrap p {margin-bottom:20px; line-height:1.4em;}
.foodpress_wrap .first {border:none !important;}
.foodpress {padding:30px 0 10px; border-top:1px solid #c0b9b2;}
.foodpress .foodthumb {margin:0 15px 10px 0; border:1px solid #c0b9b2; float:left;}

/* Green Garlic Recipes */
.green-recipes {height:28px; background:url(../images/GreenRecipes.jpg) 0 0 repeat-x;}
.green-recipes ul {padding-left:0px;}
.green-recipes li {height:28px; float:left;}
.green-recipes a {height:28px; display:block;}
.green-recipes span {display:none;}

.green-recipes .hum a {width:158px; background:url(../images/GreenRecipesTabs.jpg) 0px 0px no-repeat;}
.green-recipes .pot a {width:159px; background:url(../images/GreenRecipesTabs.jpg) -158px 0px no-repeat;}
.green-recipes .sam a {width:159px; background:url(../images/GreenRecipesTabs.jpg) -317px 0px no-repeat;}

.green-recipes .hum a:hover, .green-recipes .hum #on {background:url(../images/GreenRecipesTabs.jpg) 0px -45px no-repeat;}
.green-recipes .pot a:hover, .green-recipes .pot #on {background:url(../images/GreenRecipesTabs.jpg) -158px -90px no-repeat;}
.green-recipes .sam a:hover, .green-recipes .sam #on {background:url(../images/GreenRecipesTabs.jpg) -317px -135px no-repeat;}


/* Navigation */
.nav-main {height:33px; background:url(../images/bg-nav_main1.gif) 0 0 repeat-x;}
.nav-main ul {padding-left:20px;}
.nav-main li {height:22px; float:left;}
.nav-main a {height:22px; display:block;}
.nav-main span {display:none;}

.nav-main .fla a {width:98px; background:url(../images/nav-main1.gif) 0px 0 no-repeat;}
.nav-main .hea a {width:102px; background:url(../images/nav-main1.gif) -98px 0 no-repeat;}
.nav-main .rec a {width:103px; background:url(../images/nav-main1.gif) -200px 0 no-repeat;}
.nav-main .ran a {width:133px; background:url(../images/nav-main1.gif) -303px 0 no-repeat;}
.nav-main .abo a {width:158px; background:url(../images/nav-main1.gif) -436px 0 no-repeat;}
.nav-main .pro a {width:164px; background:url(../images/nav-main1.gif) -594px 0 no-repeat;}

.nav-main .fla a:hover, .nav-main .fla #on {background:url(../images/nav-main1.gif) 0px -22px no-repeat;}
.nav-main .hea a:hover, .nav-main .hea #on {background:url(../images/nav-main1.gif) -98px -22px no-repeat;}
.nav-main .rec a:hover, .nav-main .rec #on {background:url(../images/nav-main1.gif) -200px -22px no-repeat;}
.nav-main .ran a:hover, .nav-main .ran #on {background:url(../images/nav-main1.gif) -303px -22px no-repeat;}
.nav-main .abo a:hover, .nav-main .abo #on {background:url(../images/nav-main1.gif) -436px -22px no-repeat;}
.nav-main .pro a:hover, .nav-main .pro #on {background:url(../images/nav-main1.gif) -594px -22px no-repeat;}

.sidebar .subnav {margin-top:0 !important; margin-bottom:25px;}
.sidebar .subnav ul {}
.sidebar .subnav li {}
.sidebar .subnav a {height:0px; padding-top:38px; display:block; overflow:hidden;}

#subnav_foo {width:185px;}
#subnav_foo .sen a {background:url(../images/nav-sub_foodservices1.gif) -0px -0px no-repeat;}
#subnav_foo .cos a {background:url(../images/nav-sub_foodservices1.gif) -0px -38px no-repeat;}
#subnav_foo .tes a {background:url(../images/nav-sub_foodservices1.gif) -0px -76px no-repeat;}
#subnav_foo .pro a {background:url(../images/nav-sub_foodservices1.gif) -0px -114px no-repeat;}
#subnav_foo .pre a {background:url(../images/nav-sub_foodservices1.gif) -0px -152px no-repeat;}

#subnav_foo .sen a:hover {background-position: -185px -0px;}
#subnav_foo .cos a:hover {background-position: -185px -38px;}
#subnav_foo .tes a:hover {background-position: -185px -76px;}
#subnav_foo .pro a:hover {background-position: -185px -114px;}
#subnav_foo .pre a:hover {background-position: -185px -152px;}

#subnav_foo .sen a.on {background-position: -185px -0px;}
#subnav_foo .cos a.on {background-position: -185px -38px;}
#subnav_foo .tes a.on {background-position: -185px -76px;}
#subnav_foo .pro a.on {background-position: -185px -114px;}
#subnav_foo .pre a.on {background-position: -185px -152px;}


#subnav_green {width:185px;}
#subnav_green .hom a {background:url(../images/Nav-GreenGarlic.jpg) -0px -0px no-repeat;}
#subnav_green .rec a {background:url(../images/Nav-GreenGarlic.jpg) -0px -38px no-repeat;}
#subnav_green .new a {background:url(../images/Nav-GreenGarlic.jpg) -0px -76px no-repeat;}



#subnav_green .hom a:hover {background-position: -185px -0px;}
#subnav_green .rec a:hover {background-position: -185px -38px;}
#subnav_green .new a:hover {background-position: -185px -76px;}


#subnav_green .hom a.on {background-position: -185px -0px;}
#subnav_green .rec a.on {background-position: -185px -38px;}
#subnav_green .new a.on {background-position: -185px -76px;}




/* kickers */
.kickers-wrap {position:relative;}
.kickers-wrap ul {margin:-145px 0 0 1px; position:absolute; top:0; left:0;}
.kickers-wrap li {margin-right:3px; float:left;}

.kicker {width:263px; height:0px; padding-top:144px; display:block; overflow:hidden;}
.kicker:hover {background-position:0 -144px;}

.kick-latest_ad {background:url(../images/LatestProduct.jpg) 0 0 no-repeat;}
.kick-food_service {background:url(../images/kick-food_service.jpg) 0 0 no-repeat;}
.kick-our_products {background:url(../images/kick-our_products.jpg) 0 0 no-repeat;}
.kick-our_story {background:url(../images/kick-our_story.jpg) 0 0 no-repeat;}
.kick-better_health {background:url(../images/kick-better_health.jpg) 0 0 no-repeat;}
.kick-sensory_evaluation {background:url(../images/kick-sensory_evaluation.jpg) 0 0 no-repeat;}
.kick-recipes1 {background:url(../images/kick-recipes1.jpg) 0 0 no-repeat;}
.kick-recipes2 {background:url(../images/kick-recipes2.jpg) 0 0 no-repeat;}
.kick-recipes3 {background:url(../images/kick-recipes3.jpg) 0 0 no-repeat;}

/* ---- Admin ---------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */

#admin-wrap {}
#admin-wrap h3 {color:#a15039;}
#admin-wrap .logout {text-align:right; padding:10px 50px 0;}
#admin-wrap .alert {color:#cc0000;}
#admin-wrap .messages {width:100%;}
#admin-wrap .messages td {padding:10px 0 0 185px;}
#admin-wrap .messages td.logout {text-align:right; padding:10px 50px 0;}

#login-wrap {width:260px; margin:100px auto; background:#fdf9ef; border:1px solid #c3bcb5;}
#login-wrap table {margin:20px;}
#login-wrap td {padding:5px 10px; vertical-align:middle;}
#login-wrap .inp-field {width:110px;}
#login-wrap .alert {margin-top:10px; text-align:center;}

.subnav {width:125px; margin:35px 30px; float:left; display:inline;}
.subnav p {margin-top:20px; font-weight:bold; color:#586574;}

.admin {width:565px; margin:30px 0; float:left;}
.admin h3 {}

.admin-form {margin:20px 0;}
.admin-form h4 {margin-bottom:5px; padding:5px 10px; color:#586574; background:#e6f1f5; border-bottom:2px solid #c0b9b2;}
.admin-form .star {width:10px; margin:5px 0; color:#a15039; display:block; float:left;}
.admin-form .text {margin:5px 10px 0 5px; display:block; float:left;}
.admin-form .inp-radio {vertical-align:middle;}
.admin-form label {width:70px; margin:5px 0; float:left;}
.admin-form input, .admin-form textarea, .admin-form select {margin:5px 0; float:left;}
.admin-form br {clear:both;}
.admin-form #recipe_title {width:300px;}
.admin-form #recipe_serves {width:100px;}
.admin-form #recipe_dishtype {}
.admin-form #recipe_ingredients {width:300px; height:100px;}
.admin-form #recipe_preparation {width:300px; height:100px;}
.admin-form #recipe_featured {}
.admin-form #recipe_image {}
.admin-form #dishtype_name {width:300px;}
.admin-form #press_title {width:300px;}
.admin-form #press_location {width:300px;}
.admin-form #press_description {width:300px; height:100px;}
.admin-form #press_body {width:300px; height:150px;}

.news_form {}
.news_form .inp-field,
.news_form .inp-textarea {width:300px;}
.news_form {}

.reg-table {width:100%; margin-bottom:20px;}
.reg-table th {padding:4px 10px; background:#e6f1f5; border-bottom:3px solid #c0b9b2; color:#586574}
.reg-table td {padding:4px 10px; border-top:1px solid #c0b9b2;}
.reg-table .header {border:0;}
.reg-table .viewall{text-align:right; border-top:3px solid #c0b9b2;}
.reg-table #thumb {width:50px;}
.reg-table .nobord td {border:0; padding-top:10px; padding-bottom:10px;}
.reg-table .prep p {margin-bottom:10px; line-height:1.3em !important;}
.reg-table li {line-height:1.3em !important;}

.test-table {margin:0 30px 30px;}
.test-table th {padding:4px 5px; border:1px solid #ddd;}
.test-table td {padding:4px 5px; border:1px solid #ddd;}
 
/* etc formatting */
* html .clearfix {height:1%; overflow:visible;}
*+html .clearfix {min-height:1%;}
.clearfix:after{clear:both; content:"."; display:block; height:0; visibility:hidden;}
.brown {color:#a15039 !important;}
.redorange {color:#a25039 !important;}
.img-outline {padding:5px; border:1px solid #c3bcb5;}
.bul-arrows {}
.bul-reg li {padding-left:10px; background:url(../images/bul-ingredients.gif) 0 6px no-repeat;}
.bul-arrows li {margin:3px 0; padding-left:10px; background:url(../images/bul-arrows.gif) 0 7px no-repeat;}
.nobord-top {border-top:0 !important;}
.nomargin {margin:0 !important;}
.nomargin-top {margin-top:0 !important;}
.nomargin-bot {margin-bottom:0 !important;}
.marginhalf {margin:5px 0 !important;}
.nopadding {padding:0 !important;}
.align-rt {text-align:right;}
.align-lt {text-align:left;}
.align-ct {text-align:center;}
.align-mid {vertical-align:middle;}
.align-bot {vertical-align:bottom;}
.small {font-size:.9em;}
.clearout {clear:both; font-size:.1em;}
