@charset "UTF-8";

a {
	color: #698c17;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a img {
	border: 0;
}
h1 {
	font-size: 30px;
	color: #698c17;
	font-weight: normal;
}
h2 {
	font-size: 22px;
	color: #698c17;
	font-weight: normal;
}

body {
/*
	background-position-x: center;
	background-position-y: -30px;
*/
	background-position: 50% -30px;
	background-repeat: no-repeat;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #828282;
	font-size: 12px;
	line-height: 18px;
}

#container {
	width: 788px;
	margin: 0 auto;
	padding-bottom: 50px;
	position: relative;
}

/*---------- HEADER ----------*/
#header {
/* 	height: 190px; */
	height: 155px;
	position: relative;
}

/*---------- LOGO ----------*/
#logo {
	position: absolute;
/* 	top: 44px; */
	top: 30px;
	cursor: pointer;
}

/*---------- NAV ----------*/
#mainNav {
	position: absolute;
	height: 47px;
	background-repeat: no-repeat;
	width: 100%;
/* 	top: 142px; */
	top: 107px;
	color: #FFF;
	font-size: 14px;
}
#mainNav ul {
	padding: 0;
	list-style-type: none;
	margin: 0;
}
#mainNav li {
	float: left;
}
#mainNav a {
	text-decoration: none;
	color: #FFF;	
}
#mainNav a:hover {
	font-weight: bold;
}

#secNavLeft {
	position: absolute;
	font-size: 12px;
	left: 5px;
}
#secNavRight {
	position: absolute;
	font-size: 12px;
	right: 5px;
}
#secNavLeft ul, #secNavRight ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#secNavLeft li, #secNavRight li {
	float: left;
	padding: 0 3px;
}
#secNavLeft a, #secNavRight a {
	text-decoration: none;
	color: #919191;
}
#secNavLeft a:hover, #secNavRight a:hover {
	color: #333;
}





/*---------- MAIN CONTENT ----------*/
#mainContent {
	padding: 0 50px 20px 20px;
}






/*---------- HOMEPAGE ----------*/
#homeBoxes {

}
.bottomBox {
	float: left;
	width: 262px;
	height: 144px;
	background-repeat: no-repeat;
	cursor: pointer;
}
.bottomBox .inner {
	width: 155px;
	height: 134px;
	margin: 25px 0 0 20px;
}
.bottomBox h2 {
	font-size: 16px;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}
.bottomBox p {
	font-size: 12px;
	margin: 0;
	padding: 0;
	line-height: 18px;
}


/*---------- PRODUCT CATEGORY ----------*/
#allProducts {
}
.productBox {
	width: 394px;
	height: 177px;
	background-image: url(../img/main/whiteBoxHalf.png);
	float: left;
	position: relative;
}
.productInfo {
	width: 205px;
	top: 25px;
	left: 25px;
	position: absolute;
}
.productBox .buyNow {
	position: absolute;
	left: 25px;
	top:125px;
}
.productBox h2 {
	margin: 0 0 10px 0;
}
.productImage {
	position: absolute;
	top: 10px;
	left: 230px;
	width: 160px;
	height: 160px;
}
.productImage table, .productImage tr, .productImage td {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}
.productImage img {
}
.soldOut {
	color: #698c17;
	font-size: 18px;
}



/*---------- PAGE CONTENT ----------*/
.pageContent {
	padding: 0 25px;
	line-height: 22px;
}
.contentLeft img {
	padding-left: 30px;
	float: right;
}
.contentRight img {
	padding-right: 30px;
	float: left;
}
.contentRight .contentText {
	float: left;
	width: 550px;
}
.contentRight h2 {
	text-align: left;
}
.contentRight p {
	text-align: left;
}
.pageContent ul, .pageContent ol {
	
	
}
.genericImage {
	float: right;
	border: 3px solid #7ab12b;
	margin: 0 0 20px 20px;
}
	

/*---------- FLASH HEADERS ----------*/
#flashHeader {
	position: relative;
	width: 788px;
	margin: 0;
	padding: 0;
}
#flashHeader #textDiv {
	position: absolute;
	z-index: 100;
	top: 35px;
	left: 25px;
	line-height: 22px;
}
#flashHeader #flashDiv {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	margin: 0;
	padding: 0;
}
#flashHeader h1 {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	line-height: 28px;
}
#flashHeader p {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}


/*---------- PRODUCT PAGE ----------*/
#productPage {
	padding-left: 25px;
	line-height: 22px;
}
#productInfo {
	width: 340px;
	float: left;
	margin-top: 40px;
	margin-right: 10px;
}
#productImage {
	float: left;
	width: 400px;
	text-align: center;
	position: relative;
	padding-top: 10px;
	background-color: #FFF;
}
#productInfo .sku {
	font-size: 10px;
	margin: 5px 0 15px 0;
}
#productInfo h1 {
	font-size: 30px;
	margin: 0;
	line-height: 30px;
}
#optionsBox {
	border: 1px solid #d2e5c4;
	background-color: #FFF;
	padding: 10px;
	margin: 15px 0;
}
#optionsBox h2 {
	font-size: 18px;
	margin: 0 0 10px 0;
}
.optionsRow {
	float: left;
	margin-bottom: 5px;
}
.optionsRow .label {
	float: left;
	width: 100px;
	padding-top: 2px;
}
.optionsRow .field {
	float: left;
	width: 200px;
}
#productInfo .longDescription {
	margin-bottom: 20px;	
}
#productInfo .smallPrice {
	font-size: 12px;
	font-weight: bold;
}
#productInfo .price {
	font-size: 18px;
	margin-bottom: 10px;
}
#additionalImages {
	position: absolute;
	right: 0;
}
#additionalImages img {
	width: 30px;
	border: 1px solid #d2e5c4;
	margin-bottom: 5px;
	padding: 3px;
	background-color: white;
}




/*---------- RECIPES ----------*/
#recipeBar {
	width: 208px;
	background-color: #7ab12b;
	margin: 5px 0 0 5px;
	color: #FFF;
	float: left;
	padding: 0;
	background-image: url(../img/recipeBarTop.gif);
	background-repeat: no-repeat;
}
#recipeBar #inner {
	padding: 17px 10px 100px 20px;
	min-height: 200px;
}
#recipeBar h2 {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	color: #FFF;
}
#recipeBar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#recipeBar li {
	padding: 5px 0;
}
#recipeBar a {
	text-decoration: none;
	color: #FFF;
}
#recipeBar a:hover {
	text-decoration: underline;
}

#recipeDisplay {
	margin-left: 20px;
	width: 550px;
	float: left;
	margin-top: 10px;
}


.recipeRow {
	margin-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #EEE;
	float: left;
}
.recipeRow .image {
	float: left;
	width:75px;
}
.recipeRow .image img {
	border: 3px solid #7ab12b;
	width: 60px;
}
.recipeRow .info {
	float: left;
	width: 450px;
}
.recipeRow h2 {
	margin: 0 0 0 0;
}
.recipeRow p {
	margin: 5px 0 0 0;
}

.recipeAuthor {
	font-size: 12px;
}
.theTitle {
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
}
.bigRecipeImage {
	float: right;
	border: 3px solid #7ab12b;
	margin: 0 10px 10px 0;
}



/*---------- FORMS ----------*/
.formRow {
	margin-bottom: 3px;
	
	
}
.formRow .label {
	width: 130px;
	float: left;
	text-align: right;
	margin-right: 10px;
	padding-top: 2px;
}
.formRow .field {
	width: 300px;
	float: left;
}

/*---------- ZIP CODE ----------*/
.allStores {
	
	margin-top: 20px;
}
.singleStore {
	float: left;	
	width: 200px;
	height: 155px;
	margin: 0 10px 10px 0;
	border: 1px solid #d2e5c4;
	padding: 10px;
}
.storeName {
	font-size: 18px;
	color: #698c17;
}


/*-------------------- SHOPPING CART --------------------*/
#cartSteps {
	float: right;
	font-size: 10px;
	color: #698c17;
	margin: 5px 0 0 0;
}
#cartSteps ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#cartSteps li {
	margin: 0;
	margin-left: 3px;
	float: left;
	border: 1px solid #d2e5c4;
	padding: 3px 6px;
	border-bottom: 0;
}
#cartSteps .currentCart {
	color: #fff;
	font-weight: bold;
	background-image: url(../img/cartStepArrow.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-color: #82b62e;
	border: 1px solid #82b62e;
	padding-left: 15px;
}
.cartTable {
}
.cartTable .topRow {
	background-color: #82b62e;
	float: left;
	color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 5px;
}
.cartTableRow {
	float: left;
	border-bottom: 1px solid #d2e5c4;
	padding: 3px 10px;
	width: 718px;
}
.cartTableRow .imageCol {
	float: left;
	width: 50px;
	text-align: center;
}
.cartTableRow .imageCol img {
	width: 40px;
	border: 2px solid #d2e5c4;
}
.cartTableRow .skuCol {
	float: left;
	width: 65px;
	margin-left: 10px;
	padding-top: 1px;
}
.cartTableRow .productCol {
	float: left;
	width: 250px;
}
.cartTableRow .quantityCol {
	float: right;
	width: 80px;
	text-align: center;
}
.cartTableRow .unitCol {
	float: right;
	width: 80px;
	text-align: center;
}
.cartTableRow .totalCol {
	float: right;
	width: 80px;
	text-align: center;
}
.cartTableRow .removeCol {
	float: right;
	width: 60px;
	text-align: center;
}
.cartTableRow .removeCol img {
	padding-top: 4px;
}

.cartTotal {
	margin-top: 5px;
	float: right;
	text-align: right;
	margin-right: 20px;
	width: 200px;
}
.cartTotal2 {
	float: right;
	text-align: right;
	margin-right: 20px;
}
.labelCol {
	font-size: 12px;
	font-weight: bold;
	float: left;
	width: 100px;
}
.smallLabel {
	font-size: 10px;
	float: left;
	width: 100px;
}
.cartSpecial {
	color: #698c17;
	font-weight: bold;
	font-size: 14px;
}
.priceCol {
	font-size: 12px;
	font-weight: bold;
	float: left;
	width: 100px;
}
.smallPrice {
	font-size: 14px;
	float: left;
	width: 100px;
}
.checkoutButtons {
	margin: 10px 20px 50px 0;
	text-align: right;
}
.checkoutButtons img {
	
}
.formRow {
	clear: both;
}
.formColumn1 {
	float: left;
	width: 175px;
	padding-top: 3px;
}
.formColumn2 {
	float: left;
	width: 300px;
}

/*---------- FLASH VIDEO ----------*/
#videoDiv {
	float: right;
	padding: 0 0 30px 50px;
}




/*---------- TESTIMONIALS ----------*/
.testimonial {
	padding: 15px 40px;
	margin: 10px 0;
	border: 1px dashed #d2e5c4;
	background-image: url(../img/quotes.png);
	background-repeat: no-repeat;
}
.quotes {
	font-size: 30px;
	font-weight: bold;
	color: #d2e5c4;
	display: none;
}
.testimonialTitle {
	font-size: 18px;
	color: #698c17;
	font-weight: bold;
}
.testimonialBody {
	font-size: 14px;
	color: #698c17;
}
.testimonialName {
	font-size: 10px;
	line-height: 10px;
	margin-top: 10px;
}
.testimonialLocation {
	font-size: 10px;
	font-style: italic;
}

.reviewBox {
	float: left;
	width: 153px;
	text-align: center;
}
.reviewBox .text {
	padding: 0 10px;	
}
.reviewBox h2 {
	font-size: 14px;
}
.reviewBox .reviewer {
	font-size: 10px;
	font-style: italic;
}
.reviewBox table, .reviewBox tr, .reviewBox td {
	width: 100%;
	height: 100px;
}
.reviewBox td {
	text-align: center;
}
			 
	


/*---------- FOOTER ----------*/
#footer {
	margin-top: 20px;
}
#footer .footerText {
	margin: 5px 5px 0 0;
	width: 558px;
	float: left;
	font-size: 10px;
	text-align: right;
}
#footer .footerLogo {
	float: left;
}
#footer .footerLogo img {
	padding-top: 9px;
}
#footer a {
	color: #919191;
	text-decoration: none;
}
#footer a:hover {
	color: #333;
}
#footer .footerBpa {
text-align: left;
width: 285px;
margin: 0px auto;
}
#footer .footerBpa img {
width: 170px; margin-right: 10px;
float: left;
}
#footer .footerBpa .links img { width: auto; padding: 0px; }
#footer .links ul { list-style: none; }

/*---------- MISC ----------*/
.error_message {
	color: #C00;
	font-weight:bold;
}
.preloadedImage {
	display: none;
}
.clearAll {
	clear: both;
}
.trademark {
	font-size: small;
}
.message {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0 5px 0;
}
#takeSurvey {
	position: absolute;
	top: 33px;
	right: 0px;
}

#new { 
left:50%;
margin-left:310px;
position:absolute;
top:80px;
z-index:22; }