﻿/****Clearfix****/
.clear:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
.clear { display: inline-block; }
html[xmlns] .clear { display: block; }
* html .clear { height: 1%; }

body { /*background-image: url(../../Images/background.jpg); background-repeat: repeat-x;*/ background-color: #367c2b; text-align: center; margin: 0; font-family: Arial, Helvitica; font-size: 11px; color: #565656; height: auto; width: 100%; overflow-x: hidden; }
h1 { font-size: 9pt; font-weight: bold; color: #565656; }
h4{font:normal 22px/24px arial; color:#367c2b;}
p{font:normal 11px/14px arial; color:#626162; margin:0px 0px 10px 0px;}
p.redHeader{font:bold 12px/14px arial; color:#e54545; margin:10px 0px 5px 0px;}
a { color: #367c2b; text-decoration: none; }
a:hover { color: Black; text-decoration: none; }
a img { text-decoration: none; border-style: none; }
input, textarea { border: solid 1px #bfdacc; }

#container { margin: 0 auto; width: 819px; background-color: #367c2b; text-align: center; padding-left: 4px; padding-right: 4px; padding-bottom: 4px; }
#inner-container { margin: 0 auto; width: 809px; border-left: solid 5px #367c2b; border-right: solid 5px #367c2b; background-color: White; text-align: left; }
#header { background-color: #367c2b; text-align: center; }
#header img { vertical-align: middle; }
#topNav .pipe { padding-left: 16px; padding-right: 16px; padding-top: 0; padding-bottom: 0; vertical-align: middle; }
#topNav ul { padding-top: 10px; padding-bottom: 5px; padding-right: 0; padding-left: 0; margin: 0; }
#topNav ul li { display: inline; list-style-type: none; font-weight: bold; padding-right: 0; padding-left: 0; padding-top: 0; padding-bottom: 0; }
#mainNav { background-color: White; }
#mainNav .homeImage { float: left; }
#mainNav ul { padding-top: 32px; padding-right: 0; padding-left: 0; margin: 0; }
#mainNav ul li { display: inline; list-style-type: none; font-weight: bold; padding-right: 15px; padding-left: 15px; padding-bottom: 0; }
#contentWell { padding: 0; border-top: solid 5px #367c2b; width: 100%; }
#contentWell .subtier { margin: 20px 0 0 0px; background-color: White; width: 100%; }

.header { margin: -20px 0 0 0; background-color: White; }
.breadcrumb { padding: 20px 0 20px 20px; font-size: 11px; font-weight: bold; color: #0f4903; }
.breadcrumb a { color: #666; text-decoration: none; }
.header .imgHeader { float: right; }
.header .imgTxt { float: left; padding-left: 25px; }
.mainContent { border-top: solid 5px #367c2b; padding-top: 10px; width: 100%; float:left;}
.mainContent .headline { text-align: center; }

#centerColumn { margin: 0 239px 0 227px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/ padding-top: 20px; font-size: 8pt; }
#centerColumn h1 { color: #367c2b; font-size: inherit; font-size: 8pt; font-weight: bold; line-height: 12px; }
#centerColumn .rhs { float: right; width: 155px; padding-top: 10px; }
#centerColumn .lhs { float: left; width: 140px; }
#leftColumn { float: left; width: 237px; /*Width of left column in pixel*/ padding-top: 20px; margin-left: -818px; /*Set margin to that of -(MainContainerWidth)*/ font-size: 8pt; }
#leftColumn .innertube { background-image: url(../../images/general/rule.gif); background-position: right; background-repeat: repeat-y; }
#leftColumn .callout { width: 155px; margin: 0 auto; font-size: inherit; font-size: 8pt; font-weight: normal; line-height: 13px; padding-top: -10px; }
#leftColumn .callout a { color: Black; }
leftColumn .cta { color: #367c2b; font-size: inherit; text-align: right; font-size: 8pt; font-weight: normal; line-height: 12px; padding-top: 5px; width: 185px; margin-left: 15px; }
#leftColumn h1 { color: #367c2b; font-size: inherit; text-align: right; font-size: 8pt; font-weight: normal; line-height: 12px; margin-left: -25px; padding-top: -10px; }
#rightColumn { float: left; width: 248px; /*Width of right column*/ margin-left: -248px; /*Set left margin to -(RightColumnWidth)*/ padding-top: 20px; font-size: 8pt; }
.onHold { background-image: url(images/home/separator.gif); background-repeat: no-repeat; background-position: left; }
#rightColumn .callout { padding-right: 17px; padding-left: 17px; }
.innertube { margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/ margin-top: 0; }
#rightColumn .innertube { background-image: url(../../images/general/rule.gif); background-position: left; background-repeat: repeat-y; }

.home .lhs { float: left; width: 207px; padding-top: 20px; padding-bottom: 60px; margin-right: 20px; background-image: url(../../images/home/vertsep.gif); background-position: right top; background-repeat: no-repeat; font-size: 8pt; }
.home .lhs img { margin: 0 auto; display: block; }
.home .lhs p { margin: 0 20px; }
.home .lhs p a { color: Black; }
.home .center { float: left; width: 305px; padding: 20px 20px 20px 0; font-size: 8pt; background-image: url(../../images/home/vertsep.gif); background-position: right top; background-repeat: no-repeat; font-size: 8pt; }
.home .center img { margin: 0 auto; display: block; padding-bottom: 20px; }
.home .center .left { float: left; width: 140px; margin: 0 10px 20px 0; }
.home .center .left h1 { padding-bottom: 0; }
.home .center .right { float: left; width: 150px; }
.home .rhs { float: left; width: 250px; padding-top: 20px; font-size: 8pt; }
.home .rhs img { margin: 0 auto; display: block; padding-bottom: 20px; }
.home .rhs ul { padding-top: 0; margin-top: 0; }
.home .rhs ul li { }
.home .gonow { margin: 0 20px 0 0; }
.home .gonow p { padding: 20px 0; margin: 0; text-align: right; }

#contentwrapper { float: left; width: 100%; font-size: 9pt; }
#footer { clear: left; width: 809px; background: #367c2b; color: #ffffff; text-align: center; padding: 0; margin: 0; }
#footer a { text-decoration: none; color: #ffffff; }
#footer ul { padding-bottom: 15px; padding-right: 0; padding-left: 0; margin: 0; float: left; clear: left; }
#footer ul li { display: inline; list-style-type: none; font-weight: bold; padding-right: 2px; padding-left: 2px; padding-top: 0; padding-bottom: 0; }
#footer .leftColumn { float: right; padding-top: 10px; font-size: 8pt; font-weight: bold; width: 153px; }
#footer .leftColumn img { float: right; padding-right: 10px; }
#footer .leftColumn .logos img { float: right; padding-left: 3px; padding-right: 20px; padding-top: 10px; }
#footer .rightColumn { float: right; padding-top: 0px; font-size: 8pt; width: 195px; margin: 0; padding-right: 0; }
#footer .rightColumn p { margin-top: 6px; margin-bottom: 3px; }
#footer .rightColumn img { float: right; padding-left: 5px; /*padding-right: 10px;*/ }
#footer .centerColumn { float: right; padding-top: 25px; font-size: 8pt; width: 457px; }
#footer .centerColumn ul { padding-bottom: 5px; }
#footer .legal ul { padding-top: 0; }
#footer .legal ul li { font-size: 7pt; font-weight: normal; }

.JoinNews { cursor: pointer; display: block; float: right; clear: both; margin-top: 15px; width: 100%; }
.eNewsPop { background: transparent url(/images/news/newsPopbg.png) no-repeat 0 0; padding: 25px 20px 5px 20px; display: block; position: fixed; bottom: 0px; left: 750px; width: 250px; height: 240px; }
.SignUp { width: 250px; display: block; position: relative; }
.SignUp span { font: regular 11px arial; color: #464646; display: block; float: left; width: 80px; text-align: left; margin: 7px 0 2px 0; }
.SignUp input { display: block; float: left; margin: 5px 0px 2px 0px; }
.SignUp .NewsPopValidation { display: block; float: left; clear: both; width: 250px; text-align: right; margin: 0px; }
.eNewsSignupBtn { display: block; float: right; clear: both; }
.ThankYou h2 { font: bold 36px arial; color: #367C2B; margin: 20px 0px; }
.ThankYou p { font: 12px arial; color: #464646; }
.ThankYou a { font: 12px arial; text-decoration: underline; }

.searchBox { width: 250px; float: right; border: solid 5px #367c2b; padding: 20px; margin: 10px; }

.cHeader { margin: 0 auto; width: 639px; padding-bottom: 15px; }
.cHeaderWide { margin: 0 auto; width: 700px; padding-bottom: 15px; }
.cHeaderWide b { color: #518d47; }
.cHeaderSuperWide { width: 779px; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; border-bottom: solid 3px #367c2b; }

.tracker .rightColumn { float: left; width: 375px; }
.tracker .rightColumn p { line-height: 16px; }
.tracker .rightColumn img { padding-bottom: 10px; display: block; }
.tracker .leftColumn { float: left; width: 225px; padding-left: 10px; }
.tracker .centerColumn { float: left; width: 160px; }

/****Promise Tracker****/
/*search*/
.trackerSearchImg { display: block; float: left; width: 356px; margin: 10px 30px 0px 0px; }
.trackerFormDiv { display: block; float: left; width: 370px; margin: 20px 20px 10px 0px; }
.trackerSearchDiv { width: 320px; height: 270px; padding: 25px 20px 35px 30px; background: transparent url(/images/tracker/promisetracker/searchbox_bg_320h.jpg) no-repeat 0 0; }
.trackerSearchDiv label { display: block; float: left; clear: left; font-weight: bold; width: 110px; margin-top: 10px; }
.trackerSearchDiv input, .trackerSearchDiv select, .trackerSearchDiv span { display: block; float: left; clear: right; width: 145px; }
.trackerSearchDiv input, .trackerSearchDiv select { margin-top: 10px; }
.trackerSearchDiv select { width: 148px; }
.trackerSearchDiv span { margin-left: 110px; clear: both; }
.trackerSearchDiv .checkbox { width: 320px; margin-left: 0px; }
.trackerSearchDiv .checkbox input { display: block; float: left; clear: left; width: 20px; margin-top: 10px; border: none; background-color: #ffffff; }
.trackerSearchDiv .checkbox label { clear: right; width: 250px; }
.trackerBtn { background: transparent url(/images/tracker/promisetracker/btn_look.png) no-repeat 0 0; height: 34px; width: 81px; display: block; float: right; }
.randomLink { display: block; float: right; color: #ee3424; font-weight: bold; cursor: pointer; width: 280px; margin: 0px 50px 10px 60px; text-align: left; }
.watermark { color: #565656; font: arial; }
/*Details*/
.trackerMapLeftCol { display: block; float: left; width: 300px; margin: 20px 24px 0px 0px; }
.trackerMapRightCol { display: block; float: right; width: 455px; margin: 20px 0px 0px 0px; }
.trackerMapRightCol h2 { font: bold 14px arial; color: #367C2B; text-transform: uppercase; }
.trackerMapRightCol h2 em { font: bold 12px arial; color: #367C2B; text-transform: uppercase; }
.trackerVideoLeftCol { display: block; float: left; width: 500px; margin: 20px 10px 10px 0px; }
.trackerVideoRightCol { display: block; float: left; width: 245px; margin: 48px 0px 10px 0px; }
.trackerVideoLeftCol h2 { font: bold 14px arial; color: #367C2B; text-transform: uppercase; }
.trackerMapBg { padding: 7px; background: transparent url(/images/tracker/promisetracker/map_bg.png) no-repeat 0 0; display: block; }
.trackerProductDiv { text-align: center; margin: 0px 0px 20px 0px; }
.trackerProductDiv img { margin: 0px 0px 10px 0px; }
.trackerProductDiv a { display: block; font: bold 12px arial; text-transform: uppercase; margin: 0px 0px 5px 0px; }
.trackerMapLeftCol label { width: 70px; display: block; float: left; }
.trackerMapLeftCol span { width: 230px; font: bold 12px arial; display: block; float: left; }
.trackerVideoBg { padding: 10px; background: transparent url(/images/tracker/promisetracker/video_bg.png) no-repeat 0 0; display: block; }
.trackerVideoContainer { display: block; float: left; width: 100%; }
.trackerVideoContainer a { display: block; float: left; width: 240px; padding: 5px 10px 5px 5px; margin: 10px 0px 20px 0px; height: 80px; position: relative; }
.trackerVideoContainer a:hover { background-color: #fde1e3; }
.trackerVideoContainer .currentVideo { background-color: #fde1e3; }
.trackerVideoContainer img { margin-right: 5px; width: 105px; display: block; float: left; }
.trackerVideoContainer h3 { color: #367C2B; font: bold 12px arial; width: 130px; margin: 0px 0px 2px 0px; float: left; text-transform:none; }
.trackerVideoContainer p { color: #565656; width: 130px; margin: 0px; float: left; }
.trackerVideoContainer h2 { width: 100%; font: bold 14px arial; color: #367C2B; text-transform: uppercase; margin: 10px 0px 0px 0px; display: block; float: left; }
.trackerVideoLV { display: block; float: left; }
.playOverlay { position: absolute; top: 30%; left: 48px; background: transparent url(/images/tracker/promisetracker/video_thumbnail_arrow.png) no-repeat 0 0; height: 28px; width: 24px; }
.countyTitle { font: bold 14px arial; color: #367C2B; }
.countyText { font: 14px arial; }

/****White - Green outline popup****/
.popTop { position: relative; padding-top: 19px; background: transparent url(/images/general/popups/popup_bg_top.png) no-repeat 0 0; }
.popMid { margin-bottom: 19px; background: transparent url(/images/general/popups/popup_bg_middle.png) repeat-y 0 0; }
.popBottom { width: 600px; background: transparent url(/images/general/popups/popup_bg_bottom.png) no-repeat 0 100%; }
.barnCodePopClose { position: absolute; top: 20px; right: 40px; font: bold 14px arial; }
.barnCodePopClose:hover { cursor: pointer; }


.dataListing { /*float:left;*/ text-align: center; vertical-align: middle; font-weight: bold; height: auto; }

.prodHeader { font-size: 50px; font-family: Bodoni MT Condensed; color: Green; }
.prodList { float: left; width: 765px; vertical-align: middle; table-layout: fixed; text-align: center; margin: 0px 25px 0px 25px; /*border: solid 3px #367c2b;*/ }

.prodList .lhs { /*float:left;*/ width: 225px; /*height:300px;*/ padding-top: 20px; border: solid 3px #D7E5D5; vertical-align: middle; text-align: center; /*border-right:solid 3px #367c2b;*/ }
.prodList .rhs { border-style: solid solid solid none; border-width: 3px; border-color: #D7E5D5; /*float: left;*/ width: 425px; /*height:300px;*/ padding-top: 20px; vertical-align: middle; text-align: left; margin: 0px; /*border-left: solid 3px #367c2b;*/ text-indent: 10px; }

.prodList .rhs .content { text-align: left; margin-left: 10px; vertical-align: middle; line-height: 25px; }
.vhr { float: left; height: 100%; width: 1px; border-left: solid 1px #367c2b; border-right: solid 1px #367c2b; background-color: #367c2b; }

.TrackerMaps { cursor: hand; }
.ResourceListing { line-height: 15px; text-align: right; font-weight: bold; vertical-align: middle; padding-right: 25px; }

.List { line-height: 35px; text-align: left; font-weight: bold; vertical-align: middle; padding-right: 25px; }
.DownloadList { text-align: center; vertical-align: middle; margin: 0 auto; position: relative; z-index: 0; }

.prodHome { padding-top: 0; margin-top: 0; }
.prodHome .category { width: 268px; height: 232px; border-bottom: solid 3px #367c2b; border-top: solid 3px #367c2b; float: left; padding-top: 20px; }
.prodHome .category img { padding-bottom: 10px; }
.prodHome .hotdogs { background-image: url(../../images/products/hdbsImage.jpg); background-position: bottom; background-repeat: no-repeat; }
.prodHome .prodBottom { position: absolute; bottom: 0; }
.prodHome .prodBottom .prodCenter { width: 268px; margin: 0 auto; }
.prodHome .prodBottom .prodCenter img { padding: 0; }
.prodHome img { margin: 0 auto; display: block; }
.prodHome .categoryCenter { border: solid 3px #367c2b; width: 267px; height: 232px; float: left; padding-top: 20px; }
.prodHome .categoryCenter img { padding-bottom: 11px; }
.prodHome .category p, .prodHome .categoryCenter p { color: #367c2b; text-align: center; margin: 6px; }
.prodHome .category .sep, .prodHome .categoryCenter .sep { padding: 5px 0; }
.prodDetails { }
.prodDetails h1 { font-size: 10pt; font-weight: bold; }
.prodDetails h2 { font-size: 9pt; font-weight: bold; }
.prodDetails .lhs { float: left; width: 275px; }
.prodDetails .lhs img { display: block; margin: 0 auto; padding-bottom: 20px; }
.prodDetails .rhs { float: left; width: 450px; background-image: url(../../images/general/rule.gif); background-repeat: repeat-y; padding-left: 20px; padding-bottom: 30px; }
.prodDetails .rhs h1 { padding-top: 0; margin-top: 0; }
.prodDetails .rhs p{margin-top:10px;}
.prodDetails .key { float: left; width: 140px; }
.prodDetails .key img { padding-top: 5px; }
.prodDetails .facts { width: 300px; margin-left: 140px; }
.prodDetails .facts table { border: solid 3px #D7E5D5; width: 275px; }
.prodDetails .facts .header { background-color: #D7E5D5; text-align: center; font-weight: bold; font-size: 12px; }
.prodDetails .facts td { padding: 5px 0 5px 0; }
.prodDetails .facts .name { text-align: right; padding-right: 5px; border-right: solid 3px #D7E5D5; border-bottom: solid 3px #D7E5D5; font-weight: bold; font-size: 11px; }
.prodDetails .facts .data { padding-left: 5px; border-bottom: solid 3px #D7E5D5; font-weight: bold; }
.prodDetails .facts .desc { font-size: 8pt; text-align: center; }
.prodDetails .facts .ingredients { background-color: #D7E5D5; text-align: center; font-size: 8pt; }

.twoCol .lhs { width: 285px; float: left; }
.twoCol .lhs img { margin: 0 auto; display: block; padding-bottom: 25px; }
.twoCol .rhs { width: 400px; float: left; color: #666; background-image: url(../../images/general/rule.gif); background-repeat: repeat-y; padding-left: 20px; padding-bottom: 10px; }
.twoCol .rhs img { display: block; padding-bottom: 15px; padding-top: 10px; }
.twoCol .rhs h1 { padding-top: 0; margin-top: 0; font-size: 11pt; }
.twoCol .rhs h3 { font-size: 8pt; text-transform:none; color:#666666;}
.twoCol .rhs a { color: #0f4903; text-decoration: none; }
.twoCol .rhs .ingredients { font-size: 9pt; line-height: 15pt; }
.twoCol .deli .rhs { width: 300px; color: #387c2b; }
.twoCol .deli .rhs a { color: #387c2b; }
.twoCol .deli .rhs a:hover { color: Black; }
.twoCol .deli .rhs img { padding-top: 15px; }
.twoCol .deli .rhs h1 { text-transform: uppercase; }

.resHome { padding-top: 0; margin-top: 0; width: 809px; }
.resHome table { border-collapse: collapse; border-top: solid 3px #367c2b; border-bottom: solid 3px #367c2b; }
.resHome table td { border-right: solid 3px #367c2b; }
.resHome table td.last { border: none; }
.resContainer { width: 198px; float: left; position: relative; }
.resHome img { margin: 0 auto; display: block; padding-top: 15px; padding-bottom: 15px; }
.resHome .resContainer .resBottom { }
.resHome .resContainer .resBottom .resCenter { width: 200px; margin: 0 auto; }
.resCenter img { padding: 0; }
.resHome .resContainer .resBottom .resCenter img { padding: 0; }
.resHome .resContainer p { margin: 0 0 5px 0; color: #387c2b; font-size: 8pt; text-align: center; z-index: 0; }
.resHome .resContainer p a { text-decoration: none; color: inherit; }
.resHome .resContainer p a:hover { color: Black; }

.faq .lhs { width: 255px; float: left; padding-right: 30px; }
.faq .lhs img { float: right; padding-bottom: 15px; }
.faq .lhs ul { display: block; clear: both; padding-top: 10px; padding-bottom: 5px; padding-right: 0; padding-left: 0; margin: 0; text-align: right; }
.faq .lhs ul li { list-style-type: none; font-weight: bold; padding-right: 0; padding-left: 0; padding-top: 10px; padding-bottom: 0; }
.faq .lhs ul li a { color: #518d47; text-decoration: none; }
.faq .rhs { width: 450px; float: left; color: #666; background-image: url(../../images/general/rule.gif); background-repeat: repeat-y; padding-left: 20px; padding-bottom: 10px; }
.faq .rhs h2 { text-transform: uppercase; font-size: 12pt; }
.faq .rhs h3{line-height:normal;}
.faq .rhs ul { display: block; clear: both; padding-bottom: 5px; padding-right: 0; padding-left: 0; margin: 0; }
.faq .rhs ul li { list-style-type: none; padding-right: 0; padding-left: 0; padding-top: 0; padding-bottom: 10px; font-weight: bold; }
.faq .rhs ol li { padding-bottom: 7px; }
.faq .rhs a { color: #518d47; text-decoration: none; font-weight: bold; }
.faq .rhs ul li a { color: #518d47; text-decoration: none; padding-top: 0; }
.faq .rhs .desc p { line-height: 16pt; font-size: 11px; }
.faq .rhs .desc ul li { list-style-type: disc; margin-left: 20px; }
.faq .rhs .backToTop { background-image: url(../../Images/ourresources/arrow.gif); background-position: right; background-repeat: no-repeat; padding-right: 18px; }

.press .lhs { width: 255px; float: left; padding-right: 30px; }
.press .lhs img { float: right; padding-bottom: 15px; }
.press .lhs ul { display: block; clear: both; padding-top: 10px; padding-bottom: 5px; padding-right: 0; padding-left: 0; margin: 0; text-align: right; font-weight: bold; }
.press .lhs ul li { list-style-type: none; font-weight: bold; padding-right: 0; padding-left: 0; padding-top: 10px; padding-bottom: 0; }
.press .lhs ul li a { color: #518d47; text-decoration: none; }
.press .rhs { width: 450px; float: left; color: #666; background-image: url(../../images/general/rule.gif); background-repeat: repeat-y; padding-left: 20px; padding-bottom: 10px; }
.press .rhs h2 { text-transform: uppercase; font-size: 12pt; }
.press .rhs h3 { font:bold 10pt arial; color:#666666; margin:10px 0px; text-transform:none;}
.press .rhs ul { display: block; clear: both; padding-bottom: 5px; padding-right: 0; padding-left: 0; margin: 0; }
.press .rhs ul li { list-style-type: none; font-weight: bold; padding-right: 0; padding-left: 0; padding-top: 0; padding-bottom: 10px; }
.press .rhs a { color: #518d47; text-decoration: none; font-weight: bold; }
.press .rhs ul li a { color: #518d47; text-decoration: none; padding-top: 0; }
.press .rhs .desc a { padding-top: 0; }
.press .rhs .desc h3 { color: #518d47; font-size: 10pt; text-transform:none;}
.press .rhs .desc h3 a { padding-top: 0; }
.press .rhs .desc ul { margin-left: 20px; padding-top: 20px; }
.press .rhs .desc ul li { list-style-type: disc; list-style-position: inside; font-weight: normal; }
.press .rhs .article .thumbnail { margin-right: 20px; margin-bottom: 30px; float: left; border: solid 1px #518d47; }
.press .rhs .article .copy { float: left; width: 300px; margin-bottom: 30px; }
.press .rhs .article .copy .title { font-weight: bold; color: #518d47; font-size: 8pt; margin-bottom: 0; }
.press .rhs .article { }
.press .rhs .article .copy .desc { line-height: 13pt; }

.links .lhs { width: 255px; float: left; padding-right: 30px; }
.links .lhs img { float: right; padding-bottom: 15px; }
.links .lhs ul { display: block; clear: both; padding-top: 10px; padding-bottom: 5px; padding-right: 0; padding-left: 0; margin: 0; text-align: right; }
.links .lhs ul li { list-style-type: none; font-weight: bold; padding-right: 0; padding-left: 0; padding-top: 10px; padding-bottom: 0; }
.links .lhs ul li a { color: #518d47; text-decoration: none; }
.links .rhs { width: 485px; float: left; color: #666; background-image: url(../../images/general/rule.gif); background-repeat: repeat-y; padding-left: 20px; padding-bottom: 10px; }
.links .rhs h2 { text-transform: uppercase; font-size: 12pt; color: Black; display: block; clear: both; }
.links .rhs h3 { font-size: 10pt; text-transform:none; color:#666666;}
.links .rhs a { color: #518d47; text-decoration: none; font-weight: bold; }
.links .rhs .screenshotL { float: left; width: 245px; margin-bottom: 15px; }
.links .rhs .screenshotR { float: left; width: 235px; margin-bottom: 15px; }

.contactUs .lhs { width: 285px; float: left; }
.contactUs .lhs img { margin: 0 auto; display: block; }
.contactUs .rhs { width: 475px; float: left; color: #666; background-image: url(../../images/general/rule.gif); background-repeat: repeat-y; padding-left: 20px; padding-bottom: 10px; margin-left: 20px; }

.ourStory .lhs { width: 285px; float: left; }
.ourStory .lhs img { margin: 0 auto; display: block; }
.ourStory .lhs ul { display: block; clear: both; padding-top: 10px; padding-bottom: 5px; padding-right: 0; padding-left: 0; margin: 0; text-align: right; }
.ourStory .lhs ul li { list-style-type: none; font-weight: bold; padding-right: 0; padding-left: 0; padding-top: 10px; padding-bottom: 0; }
.ourStory .lhs ul li a { color: #518d47; text-decoration: none; }
.ourStory .rhs { width: 475px; float: left; color: #666; background-image: url(../../images/general/rule.gif); background-repeat: repeat-y; padding-left: 20px; padding-bottom: 10px; margin-left: 20px; }
.ourStory .rhs h2 { font:bold 10pt arial; color: #518d47; display: block; clear: both; margin:10px 0px; text-transform:none;}
.ourStory .rhs h3 { font-size: 10pt; text-transform:none; color:#666666;}
.ourStory .rhs p b { color: #518d47; }
.ourStory .rhs a { color: #518d47; text-decoration: none; font-weight: bold; }
.ourStory .rhs .screenshotL { float: left; width: 245px; margin-bottom: 15px; }
.ourStory .rhs .screenshotR { float: left; width: 235px; margin-bottom: 15px; }
.ourStory .rhs ul li { padding-bottom: 10px; }
.ourStory { padding-top: 0; margin-top: 0; }
.ourStory .container { width: 267px; height: 293px; border-top: solid 3px #367c2b; border-bottom: solid 3px #367c2b; border-left: solid 3px #367c2b; float: left; position: relative; }
.ourStory .container img { margin: 0 auto; display: block; padding-top: 15px; padding-bottom: 15px; }
.ourStory .container h3 { text-align: center; font-size: 8pt; font-weight: normal; padding: 0; margin: 0px; line-height:normal; color:#565656; text-transform:none;}

.about .lhs { width: 285px; float: left; }
.about .lhs img { margin: 0 auto; display: block; }
.about .lhs ul { display: block; clear: both; padding-top: 10px; padding-bottom: 5px; padding-right: 0; padding-left: 0; margin: 0; text-align: right; }
.about .lhs ul li { list-style-type: none; font-weight: bold; padding-right: 0; padding-left: 0; padding-top: 10px; padding-bottom: 0; }
.about .lhs ul li a { color: #518d47; text-decoration: none; }
.about .rhs { width: 475px; float: left; color: #666; background-image: url(../../images/general/rule.gif); background-repeat: repeat-y; padding-left: 20px; padding-bottom: 10px; margin-left: 20px; line-height: 200%; }
.about .rhs h2 { font-size: 10pt; color: #666; display: block; clear: both; margin-bottom: 0px; }
.about .rhs h3 { font-size: 10pt; }
.about .rhs p b { color: #518d47; }
.about .rhs a { color: #518d47; text-decoration: none; font-weight: bold; }
.about .rhs .screenshotL { float: left; width: 245px; margin-bottom: 15px; }
.about .rhs .screenshotR { float: left; width: 235px; margin-bottom: 15px; }
.about .rhs ul li { padding-bottom: 10px; }
.about { padding-top: 0; margin-top: 0; }
.about .container { width: 267px; height: 293px; border-top: solid 3px #367c2b; border-bottom: solid 3px #367c2b; border-left: solid 3px #367c2b; float: left; position: relative; }
.about .container img { margin: 0 auto; display: block; padding-top: 15px; padding-bottom: 15px; }
.about .container h3 { text-align: center; font-size: 8pt; font-weight: normal; padding: 0; margin: 0; }
#aboutFooter { line-height: 120%; margin-top: 30px; }
#aboutFooter img { display: block; float: left; margin-right: 5px; }
#aboutFooter a { display: block; float: left; width: 155px; margin-right: 2px; }

.eNews .lhs { width: 130px; float: left; padding-right: 10px; }
.eNews .rhs { width: 450px; float: left; color: #666; background-image: url(../../images/general/rule.gif); background-repeat: repeat-y; padding-left: 10px; padding-bottom: 10px; }
.eNews .lhs ul { display: block; clear: both; padding-top: 0px; padding-bottom: 5px; padding-right: 0; padding-left: 0; margin: 0; text-align: right; font-weight: bold; }
.eNews .lhs ul li { list-style-type: none; font-weight: bold; padding-right: 0; padding-left: 0; padding-top: 10px; padding-bottom: 0; }
.eNews .lhs ul li a { color: #518d47; text-decoration: none; }

.recHome { padding-top: 0; margin-top: 0; }
.recHome .category { width: 200px; height: 205px; border-bottom: solid 3px #367c2b; border-top: solid 3px #367c2b; border-left: solid 3px #367c2b; float: left; padding-top: 20px; position: relative; }
.recHome .category img { padding-bottom: 10px; }
.recHome .recBottom { position: absolute; bottom: 0; }
.recHome .recBottom .recCenter { width: 200px; margin: 0 auto; }
.recHome .recBottom .recCenter img { padding: 0; }
.recHome img { margin: 0 auto; display: block; }
.recHome .categoryCenter { border: solid 3px #367c2b; width: 269px; height: 231px; float: left; padding-top: 20px; }
.recHome .category p, .recHome .categoryCenter p { color: #367c2b; text-align: center; margin: 4px; cursor: hand; }
.recHome .category .sep { padding: 5px 0; }

.trackerRecipes { width: 350px; }
.trackerRecipesRepeater { border-bottom: solid 1px #367c2b; display: block; width: 350px; padding-bottom: 20px; margin-bottom: 20px; }
.trackerRecipesRepeater img { float: left; }
.trackerRecipesRepeater .desc { float: right; width: 275px; text-align: left; }
.trackerRecipesRepeater .desc a { text-decoration: none; color: #367c2b; font-weight: bold; }

.info { font-size: 8pt; padding-top: 20px; display: block; }
.info h2 { font-size: 10pt; }
.info a { color: #367c2b; text-decoration: none; }
.info .lhs { float: left; width: 280px; margin: 0 30px 100px 30px; border: solid 3px #ebf2ea; padding: 30px; }
.info .note { font-size: 7pt; }
.info .rhs { float: left; width: 375px; margin-bottom: 100px; }

.searchPagination { background-color: #ebf2ea; width: 500px; text-align: center; padding: 5px 0 5px 0; }
.searchPagination img { padding: 0; margin: 0; }
.searchPagination .lhs { float: left; width: 50px; display: inline; }
.searchPagination .lhs .button { float: left; }
.searchPagination .rhs { float: right; width: 50px; display: inline; }
.searchPagination .rhs .button { float: right; }
.searchPagination .center { width: 400px; margin-left: 50px; }

.legal .lhs { width: 255px; float: left; padding-right: 30px; }
.legal .lhs img { float: right; padding-bottom: 15px; }
.legal .rhs { width: 450px; float: left; color: #666; background-image: url(../../images/general/rule.gif); background-repeat: repeat-y; padding-left: 30px; padding-bottom: 10px; }
.legal .rhs h3 { font-size: 8pt; }

.xfaq .rhs ul { display: block; clear: both; padding-bottom: 5px; padding-right: 0; padding-left: 0; margin: 0; }
.xfaq .rhs ul li { list-style-type: none; padding-right: 0; padding-left: 0; padding-top: 0; padding-bottom: 10px; font-weight: bold; }
.xfaq .rhs ol li { padding-bottom: 7px; }
.xfaq .rhs a { color: #518d47; text-decoration: none; }
.xfaq .rhs ul li a { color: #518d47; text-decoration: none; padding-top: 0; }
.xfaq .rhs .desc p { line-height: 16pt; font-size: 11px; }

.error { color: Red; }

/***** Added for Recipe Details Page ******/
.greentext { color: #367c2B; }
.greenlink a { color: #367c2B; text-decoration: none; }

.RecipeDetail .lhs { width: 280px; height: 650px; float: left; padding-top: 20px; }
.RecipeDetail .lhs img { margin: 0 auto; display: block; padding-bottom: 25px; }
.RecipeDetail .rhs { width: 480px; float: left; color: #666; padding-left: 20px; /*padding-bottom: 10px;*/ margin-right: 20px; }
.RecipeDetail .rhs img { display: block; padding-bottom: 15px; padding-top: 10px; }
.RecipeDetail .rhs h1 { width: 440px; padding-top: 20px; margin-top: 20px; padding-left: 20px; font-size: 11pt; color: #0f4903; margin-right: 10px; }
.RecipeDetail .rhs h3 { width: 440px; font-size: 8pt; padding-left: 20px; color: #0f4903; margin-right: 10px; text-transform:none;}
.RecipeDetail .rhs a { color: #0f4903; text-decoration: none; }
.CategoryImage { background-image: url(../../images/recipes/backgroundTop.jpg); background-repeat: no-repeat; text-decoration: none; padding-top: 2px; margin-top: 2px; padding-left: 0px; margin-left: -15px; margin-bottom: 0; }
.RecipeDetail .content { background-image: url(../../images/recipes/backgroundMiddle.jpg); background-repeat: repeat-y; margin-left: -15px; padding-bottom: 10px; }
.RecipeDetail .content .desc { margin: 0 5px 10px 20px; width:440px; padding-bottom:10px;}
.review { background-image: url(../../images/recipes/backgroundMiddle.jpg); background-repeat: repeat-y; color: #666666; float: left; margin-right: 20px; padding-bottom: 10px; padding-left: 300px; width: 480px; }
.RecipeDetail .bottom { background-image: url(../../images/recipes/backgroundBottom.jpg); background-repeat: no-repeat; height: 20px; margin-left: -15px; margin-top: 0; padding-top: 0; }
.RecipeDetail .content h1 { margin-top: 0; }
.RecipeDetail .rhs img { padding-left: 20px; }
.RecipeDetail .rhs p { padding-left: 20px; padding-right: 5px; margin-right: 10px; margin-top:10px;}
.RecipeDetail .rhs hr { padding-left: 20px; padding-right: 5px; margin-left: 20px; margin-right: 20px; }
.RecipeDetail .rhs .ingredients { font-size: 9pt; line-height: 15pt; padding-left: 20px; }
.RecipeDetail .deli .rhs { width: 300px; color: #387c2b; padding-left: 20px; }
.RecipeDetail .deli .rhs a { color: #387c2b; padding-left: 20px; }
.RecipeDetail .deli .rhs a:hover { color: Black; padding-left: 20px; }
.RecipeDetail .deli .rhs img { padding-top: 15px; padding-left: 20px; }
.RecipeDetail .deli .rhs h1 { text-transform: uppercase; padding-left: 20px; }
.RecipeDetail .ShoppingList { width: 425px; display: block; position: absolute; font-size: 11px; /*border: solid 10px green; border-top-width: 20px;*/ background: #367c2b; color: #367c2b; padding: 5px; visibility: hidden; }
.RecipeDetail .ShoppingList a { text-align: right; padding-right: 2px; font-weight: bold; cursor: pointer; }
.RecipeDetail .ShoppingList ul { }
.RecipeDetail .printDiv { line-height: normal; width: 425; background-color: White; color: Black; margin: 15px 10px 10px 10px; padding: 5px 5px 5px 5px; }
.RecipeDetail .directions { background-color: White; margin: 10px 20px 0 20px; text-align: justify; }
.RecipeDetail .directions p { margin-left: 0; padding: 0; }

.RecipeCategory { float: left; width: 630px; vertical-align: middle; table-layout: fixed; text-align: center; margin: 0px 85px; }
.RecipeCategory table { text-align: center; border: solid 3px #D7E5D5; width: 630px; border-collapse: collapse; /*padding:10px; */ }
.RecipeCategory .tdleft { text-align: center; border-right: solid 3px #D7E5D5; border-bottom: solid 3px #D7E5D5; /*border: solid 3px #367c2b; padding:10px; */ }
.RecipeCategory .tdright { text-align: center; border-bottom: solid 3px #D7E5D5; margin: 0; /*border: solid 3px #367c2b; padding:10px; */ }
.RecipeCategory ul { text-align: left; margin-left: 2px; }
.RecipeCategory hr { border: solid 3px #D7E5D5; }
/***** End - Added for Recipe Detail Page ******/

/* Rating */
.ratingStar { font-size: 0pt; width: 13px; height: 12px; margin: 0px; padding: 0px; cursor: pointer; display: block; background-repeat: no-repeat; }
.filledRatingStar { background-image: url(../../images/FilledStar.png); }
.emptyRatingStar { background-image: url(../../images/EmptyStar.png); }
.savedRatingStar { background-image: url(../../images/SavedStar.png); }
.stars { padding: 0; display: inline; }

/*Modal Popup*/
.modalBackground { background-color: Gray; filter: alpha(opacity=70); opacity: 0.7; }
.modalPopup { background-color: #ffffdd; border-width: 3px; border-style: solid; border-color: Gray; padding: 3px; width: 250px; }

/*Community Events*/
.innerContentEvents{width:100%; position:relative; background:url(/images/community/events/mapBackground.jpg) no-repeat 0 100%;}
.eventsTitle{width:96%; margin:50px 0 30px 4%;}
.eventsTitle img{margin:0px 0px 10px 0px;}
.eventsTitle p{font:normal 13.5px/16px arial; color:#6d6e71;}
.eventsGreenBox{padding: 20px 10px 10px 10px; width: 250px; float:left; margin:25px 10px 10px 10px;}
.eventsGreenBox .header{width:100%; background-color:Transparent; margin-top:-15px;}
.eventsGreenBox .header h2{width:60%; float:left; font:normal 31px/35px arial; color:#e54545; margin:15px 0px 10px 0px;}
.eventsGreenBox .header img{width:auto; float:left; display:block;}
.eventsGreenBox .content{width:95%; height:620px; overflow-y:scroll; padding-right:5%;}
.eventsGreenBox .content p{float:left;}
.innerContentEvents .socialMedia{padding:0px 0px 50px 10px;}
.innerContentEvents .socialMedia .twitterBtn{width:185px; float:left; clear:both; margin-bottom:10px;}
.innerContentEvents .socialMedia .flickrBtn{width:82px; float:left; clear:both; margin-bottom:10px;}
.innerContentEvents .socialMedia .bullseyeBtn{position:absolute; bottom:0px; right:10px;}
.demoDel p {margin-top:10px;}

/***Reusable layouts***/
.oneThirdRightCol{width:300px; float:right;}
.twoThirdsLeftCol{width:500px; float:left;}

.roundedCornersGreenGrayBorder{
        position:relative;
        border: 2px solid #9d9c9c;
        text-align:left;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        background: #d1f1cc;
        behavior: url(/app_themes/default/PIE.htc);
        }


/******Bullseye store locator styles******/

.searchResults { width: 500px; float: left; display: block; margin: 0px 20px; }
.locatorBannerWrap { width: 250px; float: left; display: block; }

/*****Form styles*****/
#form_element { display: none; }



