/**
 * This file should get overwritten if Method 1 is used. If Method 2 is chosen,
 * remove this comment and start adding your styles to this file.
 */

 @import url(http://fonts.googleapis.com/css?family=Lilita+One);
 @import url(http://fonts.googleapis.com/css?family=La+Belle+Aurore);
 
 a.green-monster {
   width: 100%;
   position: fixed;
   left: 0;
   right: 0;
   bottom: 0;
   min-height: 20px;
   background: #278B64;
   text-align:center; 
   display:block; 
   color:#ffffff; 
   font-size:35px; 
   margin-top:20px;
   z-index:999999999;
   padding: 10px;
 }

/*------- Column Styles -------*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }
.in-recipe-wrap .col-xs-4, .in-recipe-wrap .col-xs-6 { padding: 0 5px; }
.neg-mar-left { margin-left: -20px; }

#toolbar { position: fixed; margin: 0px; }

/*------- Header -------*/
#navbar { background: url('../img/header_bg.png') center bottom repeat-x !important; z-index:99 !important; margin-bottom: -20px; position: absolute; top:0px; left: 0px; width: 100%; }
.navbar-nav>li>a { line-height: 0; color: #fff; text-transform: uppercase; margin-bottom: -1px; padding: 15px 16px; }
.navbar-nav>li { float: left }
.nav>li>a:hover, .nav>li>a:focus, .nav>li>a.active, .nav>li>a.active-trail { text-decoration: none; background: rgba(0, 0, 0, 0.2); }
.logo { position: absolute; }
.item-list-header ul li { float:left; list-style: none; }
.item-list-header ul li.last-item a { border-right:none; }
.item-list-header ul li a { color: #fff; font-size: 13px; font-weight: 100; border-right: 1px solid #fff; }
#livesearch-2, #livesearch { position: absolute; z-index: 40; }
.header-upper .col-md-4 { padding: 0 5px; }
#search { width: 100%; font-size: 13px; padding: 3px 10px; }
.pad-right-20 { padding-right: 20px !important; }
.bigger p { font-size: 18px !important; }

/*------- Slider Styles -------*/
#full-width-slider { height: auto; width: auto; }

/*------- Main Styles -------*/
body { background: url(../img/bg.jpg) repeat; font-family: "myriad-pro",sans-serif; color: #000; }
.paper-container { position: relative; background: url(../img/paper.jpg) center center repeat; margin-top: 0px; padding-top: 50px; margin-bottom: 50px !important; }
.paper-container::after { content: ""; background: url(../img/paper-bottom.jpg) top center repeat; position: absolute; bottom:-15px; left: 0px; width: 100%; height:51px; }
.paper-container p { margin: 0; padding: 0px 0 10px; font-size: 14px; line-height: 25px; }
.paper-container h5 { font-size:15px;  }
.on-top { margin-top: 80px; }
.arrow-up { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #178055; display: inline-block; vertical-align: middle; }
.arrow-down { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #178055; display: inline-block; vertical-align: middle; }
img { max-width: 100%; height: auto; }
h2.block-title { color: #005a9a; font-size: 20px; border-bottom: 1px solid #999966; padding-top: 20px; padding-bottom: 5px; margin-left: 10px; margin-right:10px; text-transform: uppercase; }
h1, h2, h3, h4, h5, h6 { font-family: "myriad-pro",sans-serif; font-weight: 700; }
.panel h4, .panel h5, .panel h6 { margin-top: 0px; margin-bottom: 10px; }
.page-title h1 { font-size: 20px; color:#000; padding-bottom: 5px; border-bottom: 1px solid #000; margin-bottom: 30px; margin-top: 0px; }
.view-more a, a.view-more { background: url(../img/more.png) center right no-repeat; padding-top: 5px; padding-bottom: 4px; font-size: 15px; color: #188055; text-transform: uppercase; padding-right: 23px; width: 60px; font-size: 15px; margin-top: -3px; }
li.ing-wrap { list-style: none; padding-top: 10px; font-size: 16px; }
h1.main-title { font-family: 'Lilita One', cursive; font-size: 30px; color: #005a9a; text-transform: uppercase; }
h2.main-title { font-family: 'Lilita One', cursive; font-size: 27px; color: #a20d26; text-transform: uppercase; }
h2.feature-main-title { font-family: 'Lilita One', cursive; font-size: 19px; color: #a20d26; text-transform: uppercase; margin-bottom: 2px; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: normal; line-height: 1; color: #000; display: inline-block; }
h1 small a { color: #000; }
a { color: #188055; }
a:hover { text-decoration: none !important; }
ul li { list-style-position: inside; }
.white { color: #fff; }
.red { color: #a20d26; }
.green { color: #188055 !important; }
.upper { text-transform: uppercase; }
strong .main-title, strong.main-title, .main-title strong { color: #a20d26; font-size: 18px; font-family: 'Lilita One', cursive; text-transform: uppercase; }
.panel { padding: 10px 20px; margin-bottom: 20px; background-color: #e3dbb3; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05); box-shadow: 0 1px 1px rgba(0,0,0,0.05); }
form#search-block-form .form-text { margin: 0; border: 5px solid #a7a184; height: 38px; width: 100%; padding: 0 10px; }
.header-search form#search-block-form .form-text { margin: 0; border: 2px solid #ae5353; height: 35px; }
.panel-drop { background: #bfb089; background: -moz-linear-gradient(top, #bfb089 0%, #9f9374 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfb089), color-stop(100%,#9f9374)); background: -webkit-linear-gradient(top, #bfb089 0%,#9f9374 100%); background: -o-linear-gradient(top, #bfb089 0%,#9f9374 100%); background: -ms-linear-gradient(top, #bfb089 0%,#9f9374 100%); background: linear-gradient(to bottom, #bfb089 0%,#9f9374 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfb089', endColorstr='#9f9374',GradientType=0 ); color: #fff; font-weight: 400; border: 1px solid #c5ba97; padding-right: 200px; width: 100%; height: 40px; padding: 10px 20px 11px 15px; text-align: left; }
.panel-drop a { width: 100%; color: #fff; display: block; }
.panel-drop .open a { text-decoration: none; color: #e3dbb3; border-color: #e3dbb3 transparent transparent transparent; }
.panel-drop a.drop-it:hover, .panel-drop a.drop-it:hover:after { text-decoration: none; color: #e3dbb3; border-color: #e3dbb3 transparent transparent transparent; }
.panel-drop a.drop-it:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: white transparent transparent transparent; position: absolute; top: 50%; right: 20px; margin-top: -2px; }
.panel-drop:hover { background-color: #bfb089; }
.panel-drop .dropdown-menu { width: 100%; border-radius: 0px; }
.tomatoes-bg { width: 100%; background: url(../img/header-bg-image.png) center center no-repeat; height:413px; position: absolute; }
.border-bottom { border-bottom: 1px solid #9d7b36; padding-bottom: 25px; }
.rsContent img { width: 100%; height: auto; }
.click-scroll { position: absolute; bottom: 5px; left: 43%; cursor: pointer; z-index: 999999; }
.border-top { border-top: 1px solid #9d7b36; margin-top: 15px; }
.apply1 { display: inline-block; }
.apply2 { display: inline-block; vertical-align: top; margin-left: 20% !important; }
.tomato-bg { width: 463px; height: 252px; background: url(../img/tomato-banner.png) no-repeat; }
.tomato-bg section { margin: 110px 0px 0 80px; }
.small-tomato-bg { width: 50%; height: 111px; background: url(../img/small-tomato-blank.png) no-repeat; background-position: left center; }
.small-tomato-bg.right { width: 50%; height: 111px; background-position: right center; }
.small-tomato-bg section { margin: 20px 0px 0 25px; }
.small-tomato-bg.right section { margin: 20px 0px 0 55px; }
.view-small-social-feed img { padding-bottom: 20px; }
.region-social-feed .block-title { display: none; }

/*------- Recipe Page -------*/
.recipe::before { content: ""; background: url(../img/recipe-top-bg.png) top center no-repeat; position: absolute; top:-5px; left: 1px; width: 100%; height:290px; }
.recipe { background: url(../img/recipe-bg-repeat.png) center center repeat-y; padding-top: 80px; padding-bottom: 30px; position: relative; z-index: 9; margin-top: 50px; margin-bottom: 80px; }
.recipe_bottom { content: ""; background: url(../img/recipe-bottom.png) top center no-repeat; position: absolute; bottom:-155px; left: 1px; width: 100%; height:91px; z-index: 99; margin-bottom: 92px; }
.recipe_header { position: absolute; text-align: center; width: 100%; top: -50px;}
h2.recipe-title { color: #005a9a; font-size: 28px; font-weight: 700; }
ul.recipe_params { padding-left: 0px; padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #bda075; border-bottom: 1px solid #bda075; margin-top: 20px; }
ul.recipe_params li { list-style: none; *float: left; display: inline-block; color:#a20d26; padding-left: 5px; padding-right: 15px; }
ul.recipe_params li h4 { font-weight: 400; font-size: 15px; }
.recipe-tip p { line-height: 1.2; }
.recipe_info h6 { font-size: 14px; }
ul.list-ing { padding-left: 11px; }
ul.list-ing li { font-size: 5px; list-style-position: outside; }
ul.list-ing li span { font-size: 13px; line-height: 1.5; padding-bottom: 5px; vertical-align: middle; }
ol li.prep { font-size: 17px; color:#a20d26; font-weight: 600; list-style-position: outside; margin-left: 4px; line-height: 15px; padding-bottom: 10px; }
ol li.prep span { font-size: 13px !important; color: #000; font-weight: 400; vertical-align: middle; }
.stars { padding: 5px 0 0px; }
.stars p {padding: 0px; line-height: 0; }
.share { padding-bottom: 20px; }
.in-recipe-wrap { padding-top: 20px; }
.in-recipe-wrap .row { padding-bottom: 10px; }
.in-recipe { width: 100%; height: 74px; position: relative; }
.in-title { position: absolute; left: 0px; top: 0px; width: 100% !important; height: 70px; display: table; }
.in-title span { display: table-cell; vertical-align: bottom; }
.in-recipe-title { font-size: 13px; text-transform: uppercase; color: #0a5c99; font-weight: 600; line-height: 1; }
.in-recipe-title a { font-size: 13px !important; text-transform: uppercase; color: #0a5c99; font-weight: 600; margin-bottom: 10px; padding-left: 0px; }

.servings { background: url(../img/calc.png) center center no-repeat; width: 100%; height: 117px; padding-top: 71px; padding-left: 20px; }
.servings .form-control { display: inline-block; width: auto; padding: 6px 10px; text-align: right; margin-right: 5px; margin-bottom: 0px; }
.servings div { *float: left; }
.servings label { font-size: 13px; padding-right: 5px; }
.servings .btn { font-size: 11px; display: inline-block; }
.servings .form-item-custom-yield { width: auto; display: inline-block; }
.related { border-bottom: 1px solid #999966; margin-bottom: 30px; }
.related .view-Recipes .col-xs-3 { padding-bottom: 0px; }
.related .view-Recipes { padding:15px 0; }

/*------- Recipe Landing Page -------*/
.view-Recipes .col-xs-3, .view-recipe-taxonomy-term .col-xs-3 { float: none; display: inline-block; width: 24.7%; vertical-align: top; padding: 0 10px; padding-bottom: 30px; position: relative; }
.view-Recipes { padding: 30px 0; }
.view-Recipes .stars { padding-bottom: 5px; }
h3.recipe-title { font-size: 15px; padding: 0; margin-top: -5px; }
h3.recipe-title a { color:#000000; font-weight: 600; font-size: 13px; }
.recipe-container img, .field-name-field-recipe-image img { border: 5px solid #fff; }
.recipe-container img:hover { border-color:#188055; }
.sort { border-bottom: 1px solid #999966; border-top: 1px solid #999966; padding: 10px 0px 10px 6px; color: #564c2e; }
.sort a { display: inline-block; padding: 0 10px 0 10px; border-left: 1px solid #564c2e; color: #564c2e; line-height: .9; }
.sort a:first-child { border-left: none; }
.sort a:hover { color: #178055; }
.sort a.sel { color: #178055; font-weight: 700; }
.view-filters { display: none; }
ul.pagination { border-bottom: 1px solid #999966; border-top: 1px solid #999966; padding: 10px 0px 10px 0px; color: #564c2e; text-align: right !important; margin-bottom: 40px; margin-top: 10px; width: 97%; border-radius: 0px; }
ul.pagination li.active a { color: #178055; font-weight: 400; }
.pagination li { background-image: none; display: inline; list-style-type: none; padding: 0 0px 0 3px; background: none; }
ul.pagination li { border-left: 1px solid #564c2e; }
ul.pagination li:first-child, ul.pagination li.first { border-left: none; }
ul.pagination li a { color: #564c2e; background-color: transparent; border: none; float: none; }
ul.pagination li.next a { padding-right: 0px; }
ul.pagination li.pager-ellipsis { display: none; }
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { z-index: 2; color: #178055; cursor: default; background-color: transparent; border-color: none; }
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus { background-color: transparent; color: #178055; }
.no-image span { position: absolute; top: 0px; width: 222px; height: 222px; display: table; }
.no-title { font-family: 'La Belle Aurore', cursive; width: 100%; text-align: center; color: #188055; vertical-align: middle; display: table-cell; font-size: 23px; padding: 10px; }
.recipe-info { width: 100%; background: rgba(255,255,255,0.9); height: 102px; position: absolute; bottom:10px; padding: 15px 40px }
.recipe-info h4.try { font-family: 'Lilita One', cursive; color: #b95e1d; font-size: 17px; margin: 0px; text-transform: uppercase; }
.recipe-info h2.slide-title { font-family: 'La Belle Aurore', cursive; color: #188055; font-size: 35px; background: url(../img/more.png) center right no-repeat; padding-right: 23px; width: auto; display: inline-block; vertical-align: middle; margin-top: 12px; }
.recipe-small .field-label { display: none; }
.fivestar-summary, .help-block { display: none; }

/*------- Products Landing -------*/
.view-products .col-xs-4 { float: none; display: inline-block; width: 33%; vertical-align: top; padding: 0 10px; padding-bottom: 30px; }
.view-products .pagination { margin-left: -61px; width: 114.8%; }
.dropdown .block-title { display: none; }
.panel ul { padding: 0px; }
.panel .dropdown > ul li { width: 100%; cursor: pointer; padding: 0; min-height: 18px; line-height: 18px; margin: 0; list-style: none; }
.panel .dropdown > ul li a { display: block; color: #006633; font-size: 13px; font-weight: normal; padding: 6px 14px; text-align: left; text-transform: none; margin-bottom: 0; }
.panel .dropdown > ul li a:hover { background-color: #006633; color: #fff; }
.scroll, .slimScrollDiv { max-height: 250px; height: auto !important; }
.product-small a { color: #000; font-size: 15px; font-weight: 600; }
.product-nutrition { background: url(../img/info.png) center left no-repeat; padding-top: 5px; padding-bottom: 4px; }
.product-nutrition a { font-size: 14px; color: #188055; padding-left: 25px; }

/*------- Products -------*/
.product-bg { width: 100%; background: url(../img/product_bg.jpg) center center no-repeat; height: 584px; position: relative; padding:50px 90px; }
.product-image { position: absolute; bottom:20px; left: 28%; }
.nutri { text-align: center; }
h2.product-title { font-size: 30px; color: #357eb6; font-weight: 600; width:500px; }
.product-bg .share {padding-bottom: 5px !important; }
.product-bg p { padding: 0; font-size: 13px; line-height: 1.6; padding-right: 15px; }
.product-bg p strong { font-weight: 700; }
.product-bg h5 { margin-top: 10px; margin-bottom: 5px; }

/*------- Growers -------*/
.grow-water { background: url(../img/watermark.png) center center no-repeat; }
.growers-nav ul { height: 30px; margin-bottom: 0px; margin-top: -15px; padding-left: 100px; }
.growers-nav ul li { float: left; margin-left: 30px; list-style: none; padding-right: 5px; }
.growers-nav ul li:first-child { float: left; margin-left: 0px; }
.growers-nav ul li a { color: #a20d26; list-style: none; font-size: 16px; }
.growers-nav ul li a:hover, .growers-nav ul li a.active { color: #005a9a; text-decoration: none; }
.grower-caption { margin-top: -30px; }
.grower-caption h2 {font-weight: 400; margin-bottom: 0px; }
.small-map { position: relative; margin-left: 50px; }
.quick-facts { position: relative; height: 113px; }
.quick-facts-copy { position: absolute; top: 10px; left: 220px; }
ul.quick-facts-list { margin:0px; padding:0px; }
ul.quick-facts-list li { display: inline-block; *float: left; font-size: 15px; width: 240px; white-space: nowrap; }
.family-recipe { position: relative; }
.recipe-copy { position: absolute; top: 110px; left: 80px; width: 350px; }
.recipe-copy h5, #callout-inner h5, .about-recipe h5 { color: #005a9a; font-size: 20px; text-transform: uppercase; margin: 0 0 5px; font-weight: 600; }
.recipe-copy p { width: 308px; }
.canning-caption { background: url(../img/CanningProcess_caption-bkg.png) no-repeat; text-align: center; margin: 20px 0; height: 74px; }
.canning-caption h5 { line-height: 40px; color: #005a9a; font-size: 15px; text-transform: uppercase; font-weight: 400; padding: 17px 50px; }

.grower-map img { margin-left: -100px; }
.roll { position: relative; margin-top: -80px; margin-left: -50px; background: url(../img/map-rollover.png) no-repeat; width: 294px; height: 116px !important; text-align: right; padding-top: 20px; display: none; z-index: 999; padding-right: 23px; }
.roll.show { display: block !important; }

/*------- Main Pages -------*/
.panel-heading { padding: 35px 0 0; }
.activate .panel-heading { background: url(../img/active-bg.png) repeat; }
.panel-body { padding: 15px; background: #fff url(../img/bg.jpg) repeat !important; border: none; }

.panel-title h4, .tomato-bg h4, .small-tomato-bg h4 { font-family: 'Lilita One', cursive; font-size: 24px; text-transform: uppercase; }
.small-tomato-bg h4 { font-size: 19px;letter-spacing: -.3px; }
.tomato-bg h4, .small-tomato-bg h4 { color: #188055; margin: 5px 0; }
.tomato-bg p.view-more, .small-tomato-bg p.view-more { padding-bottom: 0px !important; }
.panel-title p { color: #000; }
.panel-title a:hover { text-decoration: none; }
.expand.down { background: url(../img/arrow-down.png) no-repeat; width: 24px; height: 23px; }
.activate .expand.down { background: url(../img/arrow-up.png) no-repeat !important; }
.offers-wrapper { padding: 0 30px; }
ul.main-slide { padding-left: 0px; }
.offers-wrapper h2.block-title { display: none; }
.offer { padding:15px 0; }
.panel-group strong { color: #a20d26; }
.field-name-field-full-width { margin-top: 20px; }
.job-images { display: inline-block; padding-bottom: 20px !important; }
.job-images:nth-child(even) { float: right; }

/*------- Offers -------*/

.form-control, .form-email { display: block; width: 100%; height: 30px; background-color: #fcefd6; background-image: none; border: none; border-radius: 0; margin-bottom: 20px; }
.btn-primary { color: #fff; background-color: #238b5f; border-color: #1C7750; border-radius: 0px; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { color: #fff; background-color: #1C7750; border-color: #1C7750; }
.form-required { color: red; }
.location-offer h3 { float: left; padding-right: 10px; font-size: 20px; margin-top: 0px; }
.location-offer h3 img { padding-left: 10px; }
.location-offer .location { padding-top: 3px; color: #188055; height: 55px; }
.location-offer .location-list { width: 40%; float: left; padding-top: 5px; }
.offer-info { width: 425px; position: absolute; top: 135px; left: 73px; }
.offer-info p { font-size: 15px; line-height: 1.6; }
.description { font-size: 12px; margin-top: -10px; margin-bottom: 20px; padding-left: 20px; }

.form-email { padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555; vertical-align: middle; }
.form-checkbox { margin-bottom: 25px !important; }

form .panel-heading { background-color: transparent; display: none; }
form .panel-body { background: none !important; margin-left: -20px; }

/*------- News -------*/

.page::before { content: ""; background: url(../img/top-bg.png) top center no-repeat; position: absolute; top:-5px; left: 1px; width: 100%; height:61px; }
.page { background: url(../img/middle-bg.jpg) center center repeat-y; padding-top: 40px; padding-bottom: 30px; position: relative; margin-bottom: 80px; }
.page_bottom { content: ""; background: url(../img/bottom-bg.png) top center no-repeat; position: absolute; bottom:-70px; left: 1px; width: 100%; height:91px; }
.page-summary { font-size: 18px; padding-bottom: 20px; }
.page img { padding-bottom: 20px; }

.page ul.pagination { text-align: left !important; width: 101%; margin-left: -5px; }

.sep { margin-bottom: 20px; margin-top: 20px; height: 1px; background: #9d7b36; margin-left: -5px; }
.views-row-last .sep { display: none; }
h4.news-title { margin-left: 10px; }
h4.news-title a { font-size: 25px; text-transform: uppercase; font-family: 'Lilita One', cursive; }
.news-image img { border: 4px solid #fff; padding-bottom: 0px; }
.recent-news { background: url(../img/recentnews.png) center center no-repeat; width: 961px; height: 135px; overflow: hidden; padding-left: 175px; padding-top: 23px; }
.recent-news .block-title, .region-news-archive .block-title, .news-side .block-title  { display: none; }
.recent-news h4.news-title a { font-size: 18px; margin-bottom: 0px; padding-left: 0px; }
.recent-news .news-block { width: 80%; }
.recent-news h4 { margin-left: 0px; }
.recent-news p { line-height: 1.2; padding-bottom: 5px; }
.recent-news .view-more { float: left; padding-right: 52px; }

.news-side-tomato { background: url(../img/tomato.png) bottom right no-repeat; padding-bottom: 300px; left: 27px !important; position: relative; }
.news-side h4.news-title a { font-size: 12px; text-transform: uppercase; font-family: "myriad-pro",sans-serif; font-weight: 400; position:relative; left: -10px; }
.news-side .views-row-last .sep { display: block; }
.news-side .sep { margin-bottom: 10px; margin-top: 10px; }

/*------- Feature Products -------*/

.feature {
	border-bottom: 1px solid ;
	height: 560px;
	padding-top: 80px;
}
.feature:last-child { border-bottom: none !important;  }
.feature img.can { max-width: none; width: auto; height: 500px; position: relative; top:-40px; left: -50px; }
.feature-bg {
	background: url(../img/new_product_bg.png) no-repeat;
	width: 631px;
	height: 388px;
	position: absolute;
	z-index: 0;
	left: 300px;
}
.feature h3.recipe-title {
font-size: 15px;
padding: 0;
margin-top: 5px;
}

.feature p {
margin: 0;
padding: 0px 0 10px;
font-size: 14px;
line-height: 16px;
}

.feature p.recipe-heading {
	font-family: 'La Belle Aurore', cursive;
	color: #005a9a;
	font-size: 28px;
	padding: 10px 0 20px;
}

.feature .product-nutrition a {
font-size: 14px;
color: #188055;
padding-left: 25px;
font-weight: 600;
}

.feature .recipe-container img, .field-name-field-recipe-image img {
border: 3px solid #fff;
width: 100% !important;
height: auto !important;
}

.feature .recipe-container img:hover {
border-color: #188055;
}

/*------- Locator -------*/

.location-wrapper { background: url(../img/locaternear.jpg) center center no-repeat; height: 86px; width: 803px; font-size: 15px; font-weight: 600; padding-left: 457px; padding-top: 35px; color: #188055; }
.location.hide { display: none; }
.location-list { display: none; width: 50%; margin-top: -8px; }
.location-list .form-control { background-color: #fff; }
.location-list.show { display: block !important; }
a.location-change { font-size: 12px; margin-left: 20px; border-bottom: 1px solid green; cursor: pointer; }
.store { border-bottom: 1px solid #9d7b36; padding-bottom: 20px; margin-bottom: 20px; height:150px; padding-left: 100px; position: relative; }
.store-content { position: absolute; bottom: 40px; }
.store h2.main-title { font-size: 20px; margin: 10px 0 0; }
.store a { font-size: 15px; }

/*------- Buttons -------*/
.btn-danger { background-color: #7f0101; border: 1px solid #7f0a0c; }
.btn-danger:hover { background-color: #970b0e; }

/*------- Footer -------*/
.footer-top { background: url(../img/footer-tomatoes.png) top center no-repeat; width: 100%; height: 150px; margin-top:30px; }
#footer { background: url(../img/footer_bg.png) repeat; padding-top: 20px; padding-bottom: 10px; height: 240px; }
ul.side-nav h4 { font-weight: 400; color: #fff; text-transform: uppercase; font-size: 15px; }
ul.side-nav li { color: #fff; }
.copyright { font-size: 10px; }
.side-nav .block-title { display: none; }
.side-nav ul li a { line-height: 1.5; padding: 0px; color: #fff; font-size: 12px; font-weight: 100; white-space: nowrap; }
.side-nav ul li a.active, .side-nav ul li a.active-trail, .side-nav ul li a:hover { background: none; }
input[type="submit"].green-arrow { border: none; background: url(../img/more.png) center right no-repeat; width:60px; height:60px; text-indent: -99999999999px; position: absolute; top: -5px; right: 16px; }
#footer .form-control { background-color: #fff; }

/*------- Search -------*/
#livesearch-2, #livesearch { position: absolute; z-index: 999999; }
#livesearch a, #livesearch-2 a { display: block; color: #006633; font-size: 13px; font-weight: normal; padding: 10px 14px; text-align: left; text-transform: none; margin-bottom: 0; min-height: 18px; }
#livesearch a:hover, #livesearch-2 a:hover { color: #fff; background: #2C8B5F; }
#livesearch strong, #livesearch-2 strong { display: block; color: #006633; font-size: 15px; font-weight: 700; padding: 10px 14px 0px; text-align: left; text-transform: none; margin-bottom: -20px; min-height: 18px; }

/*------- Callouts -------*/
.callout-wrap { position: relative; padding-bottom: 20px; }
.callout-wrap img { width: 100%; height: auto; }
.callout-copy { width: 160px; position: absolute; top: 8%; right: 10%; }
.callout-copy p { font-size: 16px; color: #a20d26; text-transform: uppercase; }
.call-small .callout-copy { width: 138px; }
.callout-copy h5 { font-family: 'Lilita One', cursive; color: #005a9a; font-size: 22px; text-transform: uppercase; margin: 0 0 5px; font-weight: 600; }

/*------- Slider -------*/
#slider-content { position: absolute; top: 0px; left: 539px; width: 380px; height: 390px; display: table; }
#slider-content span { display: table-cell; vertical-align: middle; }
h2.history-slide-title { font-family: 'Lilita One', cursive; width: 350px; text-transform: uppercase; font-size: 40px; font-weight: 600; color: #005a9a; line-height: 1; margin-top: 0px; margin-bottom: 5px; }
.history-slider p { font-size: 20px; }

.slides-pagination {
  position: absolute;
  z-index: 3;
  bottom: 8px;
  right: 10px;
  text-align: right;
  width: 300px;
}
.slides-pagination a {
  border-radius: 15px;
  width: 10px;
  height: 10px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  background-color: #fffbc8;
  margin: 2px;
  overflow: hidden;
  text-indent: 9999999px;
}
.slides-pagination a.current {
  background: #188055;
}

/*------- Tabs -------*/
ul.tabs--primary { border-bottom: none !important; border-collapse: collapse; height: auto; line-height: normal; list-style: none; margin: 5px; padding: 0 0 0 1em; white-space: nowrap; position: fixed; bottom: 10px; left: 0px; z-index: 99; }
ul.tabs--primary li { display: inline }
ul.tabs--primary li.active a { background-color: #fff; border: 1px solid #bbb; border-bottom: 1px solid #bbb; }
ul.tabs--primary li a { background-color: #ddd; border-color: #bbb; border-style: solid solid solid solid; border-width: 1px; height: auto; margin-right: 0.5em; padding: 1em; text-decoration: none; }

/*------- Media Queries -------*/


.container{ max-width: none !important; width:970px !important; }

@media (min-width: 1200px) {
.container { width: 970px !important; }
}