@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;
}
.big { font-size: 3.25em;line-height: 1em; }
.medium { font-size: 1.5em; line-height: 1.5em; }
.center { text-align: center; }

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 ul {float: left; margin-right: 30px;}
#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 ----------*/
#slides { margin-bottom: 15px; width: 788px; height: 415px; overflow: hidden; background: url("/img/slides/back.png") no-repeat scroll 10px 0 transparent;  }
#slides .image {  width: 788px; height: 350px; margin: 0px; background-repeat: no-repeat; background-position: bottom right; }
#slides .image .img { float: right; background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
    zoom: 1; }
#title { height: 20px; text-align: right; overflow: hidden; margin:13px -1px 0px 0px; padding:0px; }
#title h1 { line-height: 2em; color: #fff; margin: 0px; padding:0px; font-size: 2em; text-transform: uppercase; font-size: 1.3em; clear: both; }
#title h1 img { }
#slides h2 { line-height: 1em; color: #414141; text-align: center; }
#slides .content {padding-top: 1px; width: 300px; margin: 0px 20px; }
#slides .content p { font-size: 1.05em; font-weight: 100; }
#slides .content p img { margin-left: 20px; }
#slides .big { display: block; }
#slides .counter { position: absolute; top:540px; left: 50%; margin: 0px; padding: 0px; margin-left: 340px; z-index: 233; list-style: none; }
#slides .counter li { cursor: pointer; float: left; width: 10px; background: url(/img/slides/buttons.png) center left no-repeat; width: 12px; }
#slides .counter .active { background-position: -12px center; }
#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 {
  width: 790px; overflow: hidden;
}
.productBox {
	background: url(../img/main/whiteBoxThird-new.png) top left no-repeat;
	width: 260px;
	height: 190px;
	float: left;
	overflow: hidden;
}
.productBox-large {
  background: url(../img/main/whiteBoxHalf.png) top left no-repeat;
	width: 390px;
	height: 190px;
	float: left;
	overflow: hidden;
}
.productInfo {
	width: 139px;
	float: left;
	margin-top: 20px;
	margin-left: 15px;
}
.productInfo .buttons { text-align: center; width: 120px; }
.productInfo .info {
  height:95px;
}
.productBox-large .info {
  height: 120px;
}
.productBox-large .productInfo {
	width: 220px;
	margin-top: 0px;
}
.productInfo .button { clear: both; display: block; }
.productBox h2 {
	margin: 0 0 10px 0;
}
.productImage {
	margin: 10px 0;
	height: 160px;
	float: left;
}
.productImage table, .productImage tr, .productImage td {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}
.productImage img {
}
.soldOut {
	color: #698c17;
	font-size: 18px;
}
.new { display:block; background: url(/img/main/new.png) top left no-repeat; width: 53px; height: 47px; margin-left: 190px; margin-top: -34px;
    position: absolute;}




/*---------- 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;
}

#page-header-small { background: url("/img/slides/back-small.png") no-repeat scroll 10px 0 transparent; height: 380px; overflow: hidden; }
#page-header-small img.left { margin-left: 20px; }
.page-header { width: 788px; background: url("/img/slides/back.png") no-repeat scroll 10px 0 transparent; height: 415px; overflow: hidden; }
.page-header .page-logo { display: block; float: right; margin: 15px -1px 0 0; }
.page-header .content { margin:20px 0px 20px 20px; width: 290px; float: left; overflow: hidden; font-size: 1.25em; line-height: 1.25em; }
.page-header .content-right { width: 420px; margin-left: 20px; float: left; }
.page-header img.large { margin-top: 45px; }
.page-header .info-links { list-style: none; padding: 0px; margin: 0px; }
.info-links a { clear: both; display: block; line-height: 2em; color: #898989; text-transform: uppercase; font-size: 12px; }
.info-links a span, #homeBoxes a span { background: url(/img/gray/link-buttons.png) top left no-repeat; display: block; float: left; height: 21px; margin-right: 5px; width: 20px; }
.info-links a .buy { background-position: -20px 0px; width: 21px;}
.info-links a .find { background-position: -40px 0px; width: 21px;}

.info-links a:hover .watch { background-position: 0px -20px; width: 21px;}
.info-links a:hover .buy { background-position: -20px -20px; width: 21px;}
.info-links a:hover .find { background-position: -40px -20px; width: 21px;}

.info-links a:focus .watch { background-position: 0px -41px; width: 21px;}
.info-links a:focus .buy { background-position: -20px -41px; width: 21px;}
.info-links a:focus .find { background-position: -40px -41px; width: 21px;}

#homeBoxes a .watch { float: right; background-position: 0px 0px; width: 21px;}
#homeBoxes a:hover .watch { background-position: 0px -20px; width: 21px;}
#homeBoxes a:focus .watch { background-position: 0px -41px; width: 21px;}
#homeBoxes .new { float: left; }
.last { border-right: none; }

hr { height: 0px; overflow: hidden; padding: 0px; border: 1px solid #d6d6d6; border-bottom: none; border-left: none; border-right: none; margin: 20px 0px; clear: both; }

img.left { float: left; margin: 0px 10px 10px 0; }
img.padd-right { margin-right: 20px; }
img.right { float: right; margin: 0px 0px 10px 10px; }
.no-padd-bottom { padding-bottom: 0px; margin-bottom: 0px; }
.no-padd-top { padding-top: 0px; margin-top: 0px; }
.page-header .padd-top { margin-top: 40px; display: block; }
.productInfo .no-padd-top { padding-top: 0px; margin-top: 3px; }
.col1 { float: left; margin-right: 20px;  width: 390px; }
.col2 { overflow: hidden; float: left; width: 365px; border-left: 1px solid #d6d6d6; padding-left: 10px; margin-bottom: 10px;}
.col1 ul, .col2 ul { line-height: 1.5em; }
.col1 li, .col2 li { margin-bottom: 5px; }
ul.left { width:145px; float: left; margin-right: 10px; padding-left: 20px; }
ul.right { width: 130px; float: left; }
	

/*---------- 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 ul {
  list-style: none;
  padding: 0px;
  margin: 0px 10px 0px 0px;
  float: left;
}
#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: 10px;
}
#footer .footerText {
	margin: 25px 5px 0 0;
	width: 530px;
	float: left;
	font-size: 10px;
	text-align: right;
}
#footer .footerLogo {
	float: left;
}
#footer .footerLogo img {
	padding-top: 30px;
	padding-right: 10px;
	float: left;
}
#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; }

.tv-spots a { padding-left: 20px; }

.buy-book { float: right; }
.buy-book .buyNow { text-align: center; }

.AuthorizeNetSeal { float: left; }
#footer .AuthorizeNetSeal img { padding-top: 0px; }