/**********************

Woodstock Farmers' Market
CSS Document
Last Edited: 8/27/08
Last Edited by: Collins Twing, ctwing@barndoormedia.com

**********************/

body {
 margin: 0;
 padding: 0;
 text-align: center;
 background: #f7ebd4;
}

a img {
 border: none;
}

a {
 color: ;
 text-decoration: none;
}

a:hover {
 text-decoration: underline;
}

#wrapper {
 width: 770px;
 margin: 10px auto 0;
 text-align: left;
}

/**********************

Header

**********************/

#header {
 background: url(../images/img-spring/bg_content.gif) repeat-y 9px 0;
}

* html .no_address {
 background-image: none !important;
 background-color: white !important;
}

#logo {
 float: left;
 width: 162px;
 height: 140px;
 background: url(../images/img-spring/logo.gif) no-repeat;
}

#header_right {
 float: right;
 width: 608px;
 background: white;
}

#acct_info {
 width: 608px;
 w\idth: 578px;
 height: 34px;
 padding-right: 30px;
 background: #f7ebd4;
}

#acct_info a {
 float: right;
 display: block;
 height: 32px;
 he\ight: 26px;
 margin-left: 10px;
 padding: 6px 0 0 35px;
 font: normal 0.75em verdana;
 color: black;
}



#acct_menus { 
 background: url(../images/img-spring/ico_menu.gif) no-repeat;
} 
#acct_myaccount {
 background: url(../images/img-spring/ico_people.gif) no-repeat;
}

#acct_cservice {
 background: url(../images/img-spring/ico_question.gif) no-repeat;
}

#acct_shopcart {
 background: url(../images/img-spring/ico_cart.gif) no-repeat;
}

#banner {
 width: 608px;
 height: 68px;
 background: url(../images/img-spring/bg_banner.gif) no-repeat;
}

#address_info {
 width: 608px;
 height: 38px;
 margin: auto;
 text-align: center;
 background: #ffc55a;
}

#address_info address {
 float: right;
 margin-right: 20px;
 font: normal 0.9em verdana;
 color: #7a1b3b;
}

/**********************

Navigation

**********************/


#top_nav {
 width: 608px;
 w\idth: 606px;
 height: 32px;
 he\ight: 30px;
 border: 1px solid black;
 background: #837a12;
}

#top_nav ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

#top_nav ul li {
 float: left;
}

#top_nav ul li a {
 float: left;
 display: block;
 padding: 6px 5px 0;
 font: bold 0.8em verdana;
 color: white;
}

.nav_dot {
 width: 10px;
 height: 10px;
 margin: 10px 3px 0;
 background: url(../images/bg/bg_nav_dot_white.png) no-repeat;
}

* html .nav_dot {
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='images/bg/bg_nav_dot_white.png');
 background: transparent;
}

* html .nav_dot {
 padding-top: 4px;
}


#left_nav {
 float: left;
 width: 153px;
}

#left_nav ul {
 width: 125px;
 margin: 0 0 0 14px;
 padding: 0;
 list-style: none;
 border-bottom: 20px solid #837a12;
 background: #e4d9bb;
}

#left_nav ul li a {
 display: block;
 width: 125px;
 w\idth: 109px;
 min-height: 14px; 
 padding: 6px 8px;
 font: bold 0.75em arial;
 color: #7a1b3b;
 text-decoration: none;
 background: #e4d9bb;
}

#left_nav ul li a:hover, #left_nav ul li .selected   {
 color: #ffc55a;
 background: #837a12;
}


/**********************

Content

**********************/

#content_wrap {
 clear: both;
 float: right;
 width: 761px; 
 background: url(../images/img-spring/bg_content.gif) repeat-y;
}

#content {
 width: 761px;
 padding-bottom: 8px;
 background: url(../images/img-spring/bg_content_bottom.gif) no-repeat bottom;
}

* html #content {
 padding-bottom: 0;
}

#shop_online {
 width: 125px;
 height: 33px;
 margin: 10px 0 0 14px;
 text-indent: -9999px;
 background: url(../images/img-spring/bg_shop_online.gif) no-repeat;
}

#the_market {
 width: 125px;
 height: 33px;
 margin: 10px 0 0 14px;
 text-indent: -9999px;
 background: url(../images/img-spring/bg_the_market.gif) no-repeat;
}

#about {
 width: 125px;
 height: 33px;
 margin: 10px 0 0 14px;
 text-indent: -9999px;
 background: url(../images/img-spring/bg_about_us.gif) no-repeat;
}

#right_content {
 float: right;
 width: 608px;
 w\idth: 588px;
 padding: 15px 0 0 20px;
}

/**********************

Text Heavy Page

**********************/

#text_wrapper {
 padding: 0 20px 10px 0;
}

#text_wrapper p, menu {
 font: normal 0.7em verdana;
}

#text_wrapper  a, menu {
 color: #7a1b3b;
 text-decoration: underline;
}

#text_wrapper  a:hover, menu {
 text-decoration: none;
}

/**********************

Tables

**********************/

.menu {
 font: normal 0.7em verdana;
}

.menu a{
 color: #7a1b3b;
 text-decoration: underline;
}

.menu a:hover{
 text-decoration: none;
}

.pricing_table { 
	width: 570px; 
} 

.pricing_table tr td, .pricing_table tr th { 
	font: normal 1em arial; 
	text-align: center; 
} 

.pricing_table tr th { 
	font: bold 1em arial; 
	color: #837A12;
	background: #e9e3cf;
} 

.pricing_table tr td img { 
	float: none !important; 
	display: block; 
	margin: 2px auto 0; 
	text-align: center; 
} 

.prod_link_table { 
	width: 570px;
} 

.prod_link_table tr td { 
	text-align: center; 
} 

.prod_link_table tr td a { 
	font: 1em arial; 
	color: #837A12; 
} 

.prod_link_table tr td img { 
	float: none !important; 
} 

.inline_add_cart { 
	float: none !important; 
} 

/**********************

Genre Specific Page

**********************/

#genre_wrapper {
 padding: 0 20px 10px 0;
}

#genre_wrapper p {
 font: normal 0.7em verdana;
}

#genre_wrapper a {
 color: #7a1b3b;
 text-decoration: underline;
}

#genre_wrapper a:hover {
 text-decoration: none;
}

.genre_item_block {
 clear: left;
 width: 315px;
 margin-bottom: 20px;
}

.genre_item_block img {
 float: left;
 margin-right: 10px;
 margin-bottom: 10px;
}

.genre_item_block h4 {
 margin: 0;
 padding: 10px 0;
 font: bold 0.7em verdana;
}

.genre_item_block p {
 margin: 0;
}

.genre_item_block a {
 display: block;
 padding: 5px;
 font: normal 0.7em verdana;
 color: #7a1b3b;
 text-decoration: underline;
}

.genre_item_block a:hover {
 text-decoration: none;
}

#misc_info_box {
 float: right;
 width: 222px;
 padding-bottom: 10px;
 background: #ddd0aa;
}

#misc_info_box h3 {
 width: 222px;
 w\idth: 192px;
 height: 45px;
 he\ight: 25px;
 margin: 0 0 10px 0;
 padding: 10px 15px;
 color: white;
 font: bold 0.7em verdana;
 background: #837a12;
}

#misc_info_box p {
 margin: 15px; 
}

#misc_info_box a {
 color: #7a1b3b;
 text-decoration: underline;}
 
 #misc_info_box a:hover {
 text-decoration: none;}
 
 /**********************

Home Right Misc Info

**********************/

 /* ORIG HOME MISC BOX FOR TOP RIGHT CORNER WITH MEGAPHONE BACKGROUND
 #homemisc_info_box {
 float: right;
 width: 220px;
 padding-bottom: 10px;
 margin-bottom: 10px;
 margin-right: 5px;
 background: #ddd0aa;
}

#homemisc_info_box h3 {
 width: 220px;
 w\idth: 190px;
 height: 25px;
 he\ight: 15px;
 margin: 0 0 10px 0;
 padding: 10px 15px;
 color: white;
 font: bold .9em verdana;
 background: #837a12;
}

#homemisc_info_box p {
 font: .7em verdana;
 margin-left: 15px; 
 margin-right: 20px;
 margin-top: 3px;
 margin-bottom: 8px;
}

#homemisc_info_box a {
 color: black;
 text-decoration: underline;}
 
#homemisc_info_box a:hover {
 text-decoration: none;}
 
 #fpr1 {background: url(../images/didyaknow.gif) no-repeat; }
 #fpr2 {background: url(../images/home-recipes.gif) no-repeat; }

*/

 #homemisc_info_box {
 float: right;
 width: 220px;
 padding-bottom: 10px;
 margin-bottom: 10px;
 margin-right: 5px;
 background: #ddd0aa;
 border-bottom: 20px solid #7A1B3B;
}

#homemisc_info_box h3 {
 width: 220px;
 w\idth: 190px;
 height: 25px;
 he\ight: 15px;
 margin: 0 0 10px 0;
 padding: 10px 15px;
 color: white;
 font: bold .9em verdana;
 background: #7A1B3B;
}

#homemisc_info_box p {
 font: .7em verdana;
 margin-left: 10px; 
 margin-right: 10px;
 margin-top: 3px;
 margin-bottom: 8px;
}

#homemisc_info_box a {
 color: black;
 text-decoration: underline;}
 
#homemisc_info_box a:hover {
 text-decoration: none;}


/**********************

Front Page Left Content

**********************/

#fp_left_content {
 float: left;
}

#fp_img1, #fp_img2 {
 display: block;
 margin-bottom: 10px;
 border: 3px solid #ddd0aa;
}

#fp_img1:hover, #fp_img2:hover {
 border-color: #ffc55a;
} 

#online_feature_box { 
	width: 350px; 
	padding: 40px 0 5px 0; 
	background: url(../images/img-spring/heading_feat_online.jpg) no-repeat; 
	border: 3px solid #ddd0aa;
} 

#online_feature_box a { 
	width: 100px; 
	float: left; 
	margin: 5px 7px 0; 
	font: normal 0.6em verdana; 
	color: black; 
	text-align: center; 
} 

#online_feature_box a img { 
	display: block; 
} 

/**********************

Front Page Right Content

**********************/

#fp_right_content {
 float: right;
 width: 230px;
}

#fp_box1 {
 width: 198px;
 w\idth: 188px;
 height: 95px;
 he\ight: 91px;
 margin-left: 14px;
 padding: 2px 5px;
 font: normal 0.7em "Comic Sans MS";
 color: #f46f0a;
 line-height: 14px;
 background: url(../images/bg/bg_fp_box1.gif) no-repeat;
}

#fp_box1 form {
 margin: 0;
}

#email {
 width: 190px;
 w\idth: 187px;
 height: 20px;
 padding-left: 3px;
 border: none;
 background: url(../images/bg/bg_email_form.gif) no-repeat;
}

#subscribe {
 float: right;
 width: 72px;
 height: 21px;
}

#fp_box2 {
 position: relative;
 width: 202px;
 height: 242px;
 margin: 0 0 0 12px;
 font: bold 0.8em verdana;
 background: url(../images/bg/bg_fp_box2.gif) no-repeat;
}

#fp_box2 p { 
	margin: 0; 
} 

#fp_box2 a {
 color: #f46f0a;
 text-decoration: none;
}

#fp_box2 a:hover {
 color: #7a1b3b;
}

#fp_box2_txt1 {
 position: absolute;
 top: 30px;
 left: 50px;
}

#fp_box2_txt2 {
 position: absolute;
 top: 115px;
 left: 10px;
 width: 150px;
}

#fp_box2_txt3 {
 position: absolute;
 top: 175px;
 left: 60px;
}

#fp_box2_txt4 {
 position: absolute;
 top: 150px;
 left: 10px;
 width: 150px;
}

#fp_box3 {
 width: 198px;
 w\idth: 188px;
 height: 150px;
 he\ight: 120px;
 margin: 12px 0 0 14px;
 padding: 30px 5px 0;
 font: normal 0.6em "Comic Sans MS";
 color: #333333;
 line-height: 15px;
 background: url(../images/bg/bg_fp_box3.gif) no-repeat;
}

#fp_box3 p em {
 font-size: 1.4em;
 font-style: normal;
}

#fp_box3 p {
 margin: 0;
 padding: 2px 0;
 border-bottom: 1px solid #c1dbe4;
}

#fp_box3 a {
 float: right;
 display: block;
 width: 90px;
 height: 16px;
 text-indent: -9999px;
 background: url(../images/see_full_recipe2.gif) no-repeat;
}

#ValCountDown { 
	width: 200px; 
	w\idth: 110px; 
	height: 104px; 
	he\ight: 84px; 
	margin: 10px 0 0 15px; 
	padding: 10px 10px 10px 80px; 
	color: #024b02; 
	font: bold 1em arial; 
	text-align: center; 
	background: url(../images/bg/bg_ValCounter.gif) no-repeat; 
} 

#ValCountDown a { 
	color: #532823 !important; 
	text-decoration: none !important; 
} 

#ValCountDown a:hover { 
	text-decoration: underline !important; 
} 

/**********************

Item Description

**********************/

#item_desc {
 position: relative;
}

#item_desc img {
 float: right;
}

.zoom{
 position: absolute;
 top: 256px;
 right: 1px;
}

#item_desc h3 {
 margin: 0;
 font: normal 1em "arial black";
 font-variant: small-caps;
 color: #7a1b3b;
}

#item_desc p {
 width: 338px;
 font: normal 0.8em verdana;
}

#item_desc a {
 color: #7a1b3b;
 text-decoration: underline;
}

#item_desc a:hover {
 text-decoration: none;
}

#item_desc p em {
 font: bold 1.1em arial;
 color: #837a12;
}

#item_price {
 clear: right;
 float: right;
 width: 232px;
 margin-top: 40px;
 font: normal 0.9em arial;
}

#item_price em {
 font-weight: bold;
 font-style: normal;
 color: #837a12;
 vertical-align: bottom;
}

#item_price a {
 float: right;
 display: block;
 width: 97px;
 height: 18px;
 background: url(../images/add_to_cart.gif) no-repeat;
}

#cart_button {
 margin-top: 10px;
}

/**********************

Also Try Box

**********************/

#also_try {
 position: relative;
 float: left;
 width: 210px;
 padding: 0 0 70px 0;
 background: #e4d9bb url(../images/bg/bg_also_try_bottom.gif) no-repeat 0 bottom;
}

#also_try img {
 float: right;
 display: inline; 
 margin-right: 10px; 
}

#also_try h3 {
 margin: 0 0 0 10px;
 font: normal 1em "arial black";
 font-variant: small-caps;
 color: #7a1b3b;
}

#also_try h4 {
 width: 210px;
 height: 40px; 
 margin: 0;
 text-indent: -9999px; 
 background: url(../images/bg/bg_also_try_top.gif) no-repeat; 
}

#also_try p {
 margin: 0 5px 0 10px;
 font: normal 0.7em arial;
 color: #7a1b3b;
}

#also_try a {
 position: absolute;
 bottom: 2px;
 display: block;
 width: 103px;
 height: 59px;
 margin: 0 0 0 10px; 
 text-indent: -9999px;
 background: url(../images/learn_more.gif) no-repeat;
}

/**********************

Recipes Box

**********************/

#recipes {
 float: right;
 display: inline;
 width: 363px;
 margin-right: 8px;
 padding: 0 0 10px;
 background: #f2ecde url(../images/bg/bg_recipes_bottom.gif) no-repeat 0 bottom;
}

#recipes h4 {
 width: 363px;
 height: 40px; 
 margin: 0;
 text-indent: -9999px;
 background: url(../images/bg/bg_recipes_top.gif) no-repeat;
}

#recipes h3 {
 margin: 0 0 0 10px;
 font: normal 1em "Comic Sans MS";
 color: #7a1b3b;
}

#recipes p {
 margin: 0 10px;
 padding: 2px 0;
 font: bold 0.6em "Comic Sans MS";
 color: #7a1b3b;
 border-bottom: 1px solid #c1dbe4;
}

#recipes a {
 float: right;
 display: block;
 width: 105px;
 height: 18px;
 text-indent: -9999px;
 background: url(../images/see_full_recipe.gif) no-repeat;
}
/**********************

Shop Online What's New Box - Does not change seasonally

**********************/

#shop_whatsnew {
 clear: both; 
 width: 580px;
 padding-bottom: 10px;
 background: #DDD0AA url(../images/bg/bg_shop_whatsnew_long_bottom.gif) no-repeat 0 bottom;
}

* html #shop_whatsnew {
 margin-bottom: 8px;
}

#shop_whatsnew h3 {
 width: 580px;
 height: 33px;
 margin: 0;
 text-indent: -9999px;
 background: url(../images/bg/bg_shop_whatsnew_top.gif) no-repeat;
}

#shop_whatsnew p {
 padding: 0 10px;
font: normal 0.8em verdana;
line-height: 1.4em;
 color: black;
}

#shop_whatsnew h4 {
 margin: 0;
 padding-left: 10px;
 font: normal 1em "Comic Sans MS";
 color: #7a1b3b;
}
/**********************

Learn More Box

**********************/

#learn_more {
 clear: both; 
 width: 580px;
 padding-bottom: 10px;
 background: #f2ecde url(../images/bg/bg_learn_long_bottom.gif) no-repeat 0 bottom;
}

* html #learn_more {
 margin-bottom: 8px;
}

#learn_more h3 {
 width: 580px;
 height: 33px;
 margin: 0;
 text-indent: -9999px;
 background: url(../images/bg/bg_learn_long_top.gif) no-repeat;
}

#learn_more p {
 padding: 0 10px;
 font: normal 0.7em "Comic Sans MS";
 color: #7a1b3b;
}

#learn_more h4 {
 margin: 0;
 padding-left: 10px;
 font: normal 1em "Comic Sans MS";
 color: #7a1b3b;
}

/**********************

Also Try Long Box

**********************/

#also_try_long {
 position: relative;
 width: 580px;
 padding-bottom: 10px;
 background: #e4d9bb url(../images/bg/bg_try_long_bottom.gif) no-repeat 0 bottom;
}

* html #also_try_long {
 margin-bottom: 8px;
}

#also_try_long h3 {
 width: 580px;
 height: 30px;
 margin: 0;
 text-indent: -9999px;
 background: url(../images/bg/bg_try_long_top.gif) no-repeat;
}

.try_block {
 float: left;
 display: inline;
 width: 230px;
 margin: 0 30px;
 padding-bottom: 60px; 
}

.try_block img {
 float: right;
 margin-right: 10px;
}

.try_block h4 {
 margin: 0;
 font: normal 1em "arial black";
 font-variant: small-caps;
 color: #7a1b3b;
}

#also_try_long p {
 margin: 0;
 font: normal 0.7em arial;
 color: #7a1b3b;
}

#also_try_long a {
 position: absolute;
 bottom: 10px;
 display: block;
 width: 103px;
 height: 59px;
 text-indent: -9999px;
 background: url(../images/learn_more.gif) no-repeat;
}

/**********************

Footer

**********************/

#footer {
 clear: both;
 padding-top: 10px;
 font: normal 0.8em arial;
 text-align: center;
}


#footer a {
 color: #333333;
 text-decoration: underline;
}

#footer a:hover {
 text-decoration: none;
}

/**********************

Miscellaneous

**********************/

.clearfix {
 clear: both;
}

.float_right_img {
 float: right;
 margin-left: 20px;
}

.clear-fix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clear-fix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clear-fix {height: 1%;}
.clear-fix {display: block;}
/* End hide from IE-mac */

.highlight {background-color:#FFFF00;}