@charset "utf-8";
/* CSS Document */

/* dynamic css */

              
                  


/*----------  BODY, CONTAINER AND TOOLS  ------------*/

html { background-color:#866d68; height:100%; }

body { margin: 0; padding: 0; font-size: 76%; font-family: georgia, arial, sans-serif;  no-repeat center 38px; height:100%; }

a img { border: none; }



/* tools */
.replace { position:relative; margin: 0; padding: 0; overflow: hidden; }
.replace span { display: block; float: left; position: absolute; top: 0; left: 0; z-index: 100; }
.replace a { cursor: pointer; cursor: hand; }
.clear { clear: both; }

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

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

a {text-decoration:none;}
a:hover {text-decoration:underline;}

h1#logonav { position: absolute; top: 520px; left: 40px; width: 79px; height: 79px; margin: 0; padding: 0 0 0 0px; z-index: 200; overflow: hidden; font-size: 12px; }
h1#logonav span { background: url(../images/logo_zubrance.png) no-repeat 0 0;  width: 79px; z-index: 200; height: 79px; behavior: url(../iepngfix.htc); }



/* container div */
div#header_container { position: relative; width: 960px; margin: 0 auto; background: #fbf8f0; }
div#main_container { position:absolute; width:100%; top:210px; left:0; z-index:100; }
div#content_container { margin:0 auto; width:960px; position:relative; display:block; border:0px solid #000;  filter:alpha(opacity=80); 
   -moz-opacity: 0.8; 
   opacity: 0.8;
   background-image:url(../images/fader.png);
   background-repeat:repeat-x;
   background-position:top;
   min-height:350px;
   height:inherit;
   margin-top:1px;
   }
   
   div#zub_logo { margin:0 auto; width:79px; position:absolute; display:block; border:0px solid #000;
  filter:alpha(opacity=100); 
   -moz-opacity: 1.0; 
   opacity: 1.0;
   height:79px;
   top:271px;
   left:30px;

   background-image:url(../images/logo_zubrance.png);
   background-repeat:repeat-x;
   background-position:top;
   }
   
      div#spacer_logo { position: absolute; top: 5px; left: 14px; width: 256px; height: 115px; margin: 0; padding: 0 0 0 10px; z-index: 200; overflow: hidden; font-size: 12px; }	
   
   #lang_buttons{
   border:0px solid #000;
   float:left;
   display:block;
   }
   
   /* menu container div */
div#menu_container { margin:0 auto; width:960px; position:relative; display:block; border:0px solid #000;  
   height:40px;
   }
   ul.menu { list-style:none;
margin:0px;
padding-left:0px;
border:0px solid #000;
margin-left:0px;}
ul.menu li a{ 
font-size:14px;
padding-left:0px;
margin-bottom:5px;
padding-top:0px;
display:block;
text-decoration:none;
list-style:none;
} 
ul.menu li.selected a{ 
font-size:14px;
padding-left:0px;
font-weight:bold;
margin-bottom:5px;
padding-top:0px;
display:block;
text-decoration:none;
list-style:none;
} 
ul.menu li.selected li a{ 

font-weight:normal;
} 

/*----------  HEADER  ------------*/

div#header { float: left;  width: 100%; height: 38px; z-index: 200; }
div#printheader { display: none; }

/* logos */


/* secondary navigation */
div#secnav { float:left; width:256px; margin:-468px 0 0 14px; display:inline; position:relative; }
div#secnav_shadow { width: 250px; padding: 0 0 0 6px; background: url(../images/secnav_shadow.png) repeat-y 0 0; behavior: url(../iepngfix.htc); z-index: 200; }
div#secnav_bsk_shadow { width: 250px; padding: 0 0 0 6px; background: url(../images/secnav_shadow.png) repeat-y 0 0; behavior: url(../iepngfix.htc); z-index: 200; }
div#secnav_inner { width: 243px; background: url(../images/secnav_bg.jpg) repeat-y 0 -92px; padding: 0;  border-bottom: 1px solid #e2d6bd; }
div#secnav_bottom { width: 243px; height: 8px; background: url(../images/secnav_shadow_bottom.png) repeat-x top; behavior: url(../iepngfix.htc); }
div#secnav_bottom_nobasket { width: 250px; height: 8px; margin: 0 0 0 3px; background: url(../images/secnav_shadow_bottom.png) repeat-x top center; behavior: url(../iepngfix.htc); }
p#secnav_tabs { margin: 0; }
div#secnav_minheight { width:256px; min-height:468px; height:auto !important; height: 468px; }


/* shopping basket */
div#basket { float: left; display: inline; width: 243px; padding: 0px 0 20px 0; background: url(../images/secnav_bg.jpg) repeat-y; }
div#basket p { padding: 0px 20px; }
div#basketbox { float: left; position: relative; width: 243px; background: #f6edd8 url(../images/secnav_basket_top.gif) no-repeat top; padding: 12px 0 0 0; }
div#basketbox h3 { font-size: 1.2em; color: #58523f !important; font-weight: normal; margin: 0px 20px 5px; padding: 0;  } 
div#basketbox_bottom { float: left; width: 243px; height: 8px; background: #f6edd8 url(../images/secnav_basket_bottom.gif) no-repeat bottom; padding: 12px 0 0 0; }
div.basketitem { float: left; position: relative; width: 203px; margin: 0 0 0 20px; padding: 5px 0; border-bottom: solid 1px #d5c5a7; cursor: move; }
div.basketitem img { float: left; }
div.basketitem p { float: left; font-family: arial, sans-serif; font-size: 0.9em; color: #58523f; font-weight: bold; padding: 0 !important; margin: 0 0 0 10px; }
div#basketbox a.minus { float: left; display: block; width: 18px; height: 18px; margin: 0 4px 0 0; background: url(../images/basket_minus.gif) no-repeat; text-indent: -9000px; outline: none; } 
div#basketbox a.plus { float: left; display: block; width: 18px; height: 18px; margin: 0 4px 0 0; background: url(../images/basket_plus.gif) no-repeat; text-indent: -9000px; outline: none; }
div#basketbox span.itemnum { float: left; display: block; width: 18px; height: 18px; margin: 0 4px 0 0; background: url(../images/basket_itemnum_bg.gif) no-repeat; color: #fff; line-height: 1.6em; text-align: center; font-size: 0.9em; }
div#basketbox p.itemprice { width: 70px; margin: 8px 0 0 0; text-align: right; }

/* secondary nav tabs */
a#tab_account { display: block; float: left; width: 113px; height: 38px; margin: 0; background: url(../images/secnav_account.png) no-repeat; behavior: url(../iepngfix.htc); text-indent: -9000px; }
a#tab_account.on { background: url(../images/secnav_account_on.png) no-repeat; }
a#tab_basket { display: block; float: left; width: 143px; height: 38px; background: url(../images/secnav_basket.png) no-repeat; behavior: url(../iepngfix.htc); text-indent: -9000px; }
a#tab_basket.on { background: url(../images/secnav_basket_on.png) no-repeat; }

/* basket totals */
p#baskettotal { float: left; width: 84px; padding: 0px 0 0 20px !important; margin: 10px 0; font-family: arial; color: #242112; }
p#basketprice { float: left; width: 115px; text-align: right; font-family: arial; font-size: 1em; color: #58523f; padding: 0 !important; margin: 10px 0; }
p#basketprice span { font-size: 1.2em; font-weight: bold; }
input#showitems { margin: 0 3px 0 0; outline: none; }
input#checkout { outline: none; }

/* primary navigation */
ul#nav { display: inline; float: left; list-style-type: none; margin: 6px 0 0 295px; padding: 0; }
ul#nav a:hover span { background-position: 0 -11px; }
ul#nav li { display: block; float: left; margin: 0 10px 0 0; padding: 8px 6px 0px 6px; height: 11px; }
ul#nav li.on { padding: 0px; }
ul#nav li.on a:hover span { background-position: 0; }
ul#nav li a { outline: none; padding: 0; height: 11px; line-height: 11px; color: #fff; cursor: pointer; }
li#shop a { display: block; background: url(../images/nav_shop.gif) no-repeat top center; width: 35px; height: 11px; }
li#shop span { background: url(../images/nav_shop.gif) no-repeat top center; width: 35px; height: 11px; }
li#shop.on a { display: block; background: url(../images/nav_shop_on.gif) no-repeat center; width: 63px; height: 24px; }
li#shop.on span { background: url(../images/nav_shop_on.gif) no-repeat center; width: 63px; height: 24px; }
li#products a { display: block; background: url(../images/nav_products.gif) no-repeat top center; width: 69px; height: 11px; }
li#products span { background: url(../images/nav_products.gif) no-repeat top center; width: 69px; height: 11px; }
li#products.on a { display: block; background: url(../images/nav_products_on.gif) no-repeat center; width: 95px; height: 24px; }
li#products.on span { background: url(../images/nav_products_on.gif) no-repeat center; width: 95px; height: 24px; }
li#homefarm a { display: block; background: url(../images/nav_homefarm.gif) no-repeat top center; width: 81px; height: 11px; }
li#homefarm span { background: url(../images/nav_homefarm.gif) no-repeat top center; width: 81px; height: 11px; }
li#homefarm.on a { display: block; background: url(../images/nav_homefarm_on.gif) no-repeat center; width: 106px; height: 24px; }
li#homefarm.on span { background: url(../images/nav_homefarm_on.gif) no-repeat center; width: 106px; height: 24px; }
li#kitchen a { display: block; background: url(../images/nav_kitchen.gif) no-repeat top center; width: 60px; height: 11px; }
li#kitchen span { background: url(../images/nav_kitchen.gif) no-repeat top center; width: 60px; height: 11px; }
li#kitchen.on a { display: block; background: url(../images/nav_kitchen_on.gif) no-repeat center; width: 87px; height: 24px; }
li#kitchen.on span { block; background: url(../images/nav_kitchen_on.gif) no-repeat center; width: 87px; height: 24px; }
li#recipes a { display: block; background: url(../images/nav_recipes.gif) no-repeat top center; width: 55px; height: 11px; }
li#recipes span { background: url(../images/nav_recipes.gif) no-repeat top center; width: 55px; height: 11px; }
li#recipes.on a { display: block; background: url(../images/nav_recipes_on.gif) no-repeat center; width: 80px; height: 24px; }
li#recipes.on span { block; background: url(../images/nav_recipes_on.gif) no-repeat center; width: 80px; height: 24px; }
li#news a { display: block; background: url(../images/nav_news.gif) no-repeat top center; width: 87px; height: 11px; }
li#news span { background: url(../images/nav_news.gif) no-repeat top center; width: 87px; height: 11px; }
li#news.on a { display: block; background: url(../images/nav_news_on.gif) no-repeat center; width: 112px; height: 24px; }
li#news.on span { background: url(../images/nav_news_on.gif) no-repeat center; width: 112px; height: 24px; }
li#about a { display: block; background: url(../images/nav_about.gif) no-repeat top center; width: 96px; height: 11px; }
li#about span { background: url(../images/nav_about.gif) no-repeat top center; width: 96px; height: 11px; }
li#about.on a { display: block; background: url(../images/nav_about_on.gif) no-repeat center; width: 121px; height: 24px; }
li#about.on span { background: url(../images/nav_about_on.gif) no-repeat center; width: 121px; height: 24px; }

/* search box */
div#search { float: right; width: 140px; height: 20px; background: url(../images/search_bg.gif) repeat-x right; margin: 8px 0 0 20px;  }
label#searchlabel { float: left; display: block; width: 26px; height: 20px; margin: 0; padding: 0; overflow: hidden; font-size: 8px; }
label#searchlabel span { float: left; display: block; background: url(../images/search_left.gif); width: 26px; height: 20px; margin: 0; padding: 0; }

div#page_chooser { font-family: arial, sans-serif; color: #c2b092; font-weight:bold; border-top:1px solid #d8cbb4; margin:27px 0 5px 0; padding:14px 0 0 0; min-height:90px; height: auto !important; height:90px; }
div#page_chooser b { color: #997d4e; }
div#page_chooser a { font-family: arial, sans-serif; color:#c2b092; }
div#page_chooser a:hover { color:#997d4e; }
div#page_chooser a.p_select{ text-decoration: none; }
a.previous { float: left; display: block; width: 65px; height: 23px; margin:0 7px 0 0; background: url(../images/button_previous.gif); text-indent: -9000px; outline: none; }
a.next { float: left; display: block; width: 65px; height: 23px; margin:0 0 0 7px; background: url(../images/button_next.gif); text-indent: -9000px; outline: none; }
div#pages { float:left; padding:3px 0 0 0; }

/* tooltips */
div.tooltip { display: none; position: absolute; top: 18px; left: 210px; width: 226px; height: 105px; padding: 8px 20px 20px 35px; background: url(../images/tooltip_bg.png) no-repeat; behavior: url(../iepngfix.htc); z-index: 300; }
div.tooltip p { font-family: arial, sans-serif; font-size: 0.9em !important; padding: 0 !important; }




/*----------  GENERIC CONTENT  ------------*/



* html div.content {
    height:340px;
}

/* middle nav tabs */
ul#middlenav { float: left; position: relative; display: inline; list-style-type: none; height: 39px; margin: -39px 0 0 290px; padding: 0; z-index: 100; }
ul#middlenav li { float: left; height: 39px; margin: 0; padding: 0; }
ul#middlenav li a { float: left; display: block; height: 28px; padding: 11px 0 0 15px; outline: none; text-decoration: none; font-size: 1.6em; line-height: 1.2em; behavior: url(../iepngfix.htc); }
ul#middlenav li span { float: left; display: block; width: 19px; height: 39px; behavior: url(../iepngfix.htc); }
ul#middlenav li.off a { background: url(../images/tab_bg_off.png) no-repeat bottom left; color: #fff !important; }
ul#middlenav li.off span { background: url(../images/tab_right_off.png) no-repeat bottom right; }
ul#middlenav li.on a { background: url(../images/tab_bg_on.png) no-repeat bottom left; color: #413f34; }
ul#middlenav li.on span { background: url(../images/tab_right_on.png) no-repeat bottom right; }

/* generic content stylings */
img.leftimage { float: left; margin: 20px 40px 20px 0;
	*behavior: url(../iepngfix.htc);
}
p.righttext { float: left; width: 180px; padding: 0; margin: 0; }
 
/* generic styled textbox */
div.textbox { float: left; width: 274px; height: 20px; background: url(../images/textbox_bg.gif) repeat-x right; margin: 8px 0 0 0px;  }
label.textboxlabel { float: left; display: block; width: 15px; height: 20px; background: url(../images/textbox_left.gif); margin: 0; padding: 0; overflow: hidden; font-size: 8px; }
input.textbox { float: left; display: block; background: #fff; width: 223px; height: 14px; font-family: arial, sans-serif; font-size: 11px; margin: 3px 0 2px 1px; padding: 0; border: none; }
input.submitbutton { float: left; width: 35px; height: 20px; }

/* generic feature boxes */
div.content .column { float: left; width: 180px; margin: 20px 40px 20px 0px; padding: 0; }
div.content .columnhalf { float: left; width: 290px; margin: 20px 40px 20px 0px; padding: 0; }
a.readstory { display: block; width: 98px; height: 23px; background: url(../images/button_readstory.gif); text-indent: -9000px; outline: none; }




/* the slide */
div#slidearrows { float: left; position: relative; padding: 0 0 20px; clear: both; }
div#featureslide { float: left; position: relative; background-color:#FFFFFF; width: 960px; padding: 0 0 0 0px !important; overflow: hidden; clear: both; z-index: 50; display:block;  }
div#featureslide.home { min-height: 310px; background: transparent; margin: 0 0 5px 0; }
#footer{
border:0px solid #000;
float:left;
display:block;
margin-left:20px;
}
#footer_left{
width:680px;
float:right;
display:block;
text-align:right;

}
div#middle_shadow_bottom { float: left; width: 100%; height: 24px; margin: 0 0 0px 0;  behavior: url(../iepngfix.htc); clear: both; }

/* slide feature boxes (again this could be reused) */
div.slide { float: left; position: relative; width: 5994px; clear: both; }
div.slide img { float: left; margin: 0; }
div.slide .column { float: left; position: relative; width: 240px; min-height: 260px;  margin: 20px 0 0 0px; padding: 0 20px 0 20px; border-right: 1px solid #d3c4b5; overflow:hidden;}
div.slide .column.first { padding: 0 20px 0 20px; border-right: 1px solid #d3c4b5;  width: 120px; }
div.slide .column.second {  border-right: 1px solid #d3c4b5;  width: 322px; }

div.slide .column.largesecond {  border-right: 1px solid #d3c4b5;  width: 500px; }
div.slide .column.smallthird {  width: 202px;    margin-right:0px;}
div.slide .column.third {  width: 375px;    margin-right:20px;}

div.slide .column.first2 { padding: 0 20px 0 0px; border-right: 1px solid #d3c4b5;  width: 200px; }
div.slide .column.largesecond2 {  border-right: 1px solid #d3c4b5;  width: 500px; }
div.slide .column.third2 {  width: 375px;    margin-right:20px;}

div.slide .column.section {  border-right: 1px solid #d3c4b5;  width: 120px; }
div.slide h2 { margin: 0 0 10px 0; color: #0a0a0a; font-weight: normal; }
div.slide p { color: #737373; margin:0;padding:0;}
div.slide img.feature { padding: 0 20px 0 0px; }

/* #a.learnmore { float: left; display: block; width: 98px; height: 23px; background: url(../images/button_learnmore.gif); text-indent: -9000px; outline: none; }
*/
a.learnmore { position:absolute;top:105px;right:40px; width: 98px; height: 23px; background: url(../images/button_learnmore.gif); text-indent: -9000px; outline: none; }



/* dashed product tile boxes */
div.tileboxrow { float: left; width: 668px; margin: 0; clear: both; border-bottom: 1px dashed #bebdbb; }
div.tileboxrow.first { margin: 20px 0 0 0; padding: 0; }
div.tileboxrow.last { margin: 0 0 20px 0; border-bottom: none; }
div.tileboxrow.single { margin: 20px 0 20px 0; padding: 0; border-bottom: none; }
div.tilebox { float: left; position: relative; overflow:hidden; width: 194px; height: 254px; padding: 20px 12px 20px 12px; margin:0; border-right: 1px dashed #bebdbb; text-align: center; }
div.tilebox.small { height: 130px; text-align: left; }
div.tilebox.small p { margin: 0 0 1em 0; }
div.tilebox h3 { line-height: 20px; }
div.tilebox h3 a { color: #58523f !important; text-decoration: none !important; }
div.tilebox.last { border-right: none; }
div.tilebox p { margin: 0; }

div.tilebox p a { text-decoration: none; text-transform: uppercase; }
div.tilebox img { margin: 0 0 5px 0; }
a.buyonline { position: absolute; top: 0; left: 132px; width: 74px; height: 76px; background: url(../images/buyonline.png) no-repeat 0 0; text-indent: -9000px; outline: none; behavior: url(../iepngfix.htc); z-index: 200; cursor: pointer; cursor: hand; }

/* form */
fieldset.default { border: none; float: left; width: 657px; background: #faf5ea url(../images/form_top.gif) no-repeat top center; margin: 20px 0 30px; padding: 10px 0 0 0 ; clear: both; }
fieldset.default form { float: left; width: 617px; border-left: 1px solid #e8e4d7; border-right: 1px solid #e8e4d7; padding: 10px 20px; }
fieldset.default label.formelement { float: left; width: 150px; margin: 2px 20px 10px 2px; text-align: right; clear: left; font-size: 0.9em; font-family: arial, sans-serif; color: #4f4f4f; }
fieldset.default input.formelement { float: left; width: 250px; padding: 2px; margin:2px 0; border: 1px solid #c4bdaa; font-size: 1em; font-family: arial, sans-serif; }
fieldset.default select.formelement { float: left; padding: 2px; margin:2px 0; border: 1px solid #c4bdaa; font-size: 1em; font-family: arial, sans-serif; }
fieldset.default textarea.formelement { float: left; width: 350px; height: 80px; padding: 2px; margin:2px 0; border: 1px solid #c4bdaa; font-size: 1em; font-family: arial, sans-serif; }
fieldset.default div.formelement { float: left; width: 350px; height: 80px; padding: 2px; border: 1px solid #c4bdaa; font-size: 1em; font-family: arial, sans-serif; overflow: auto; }

fieldset.default div.formbox { width: auto; text-align:left; margin: 0; padding: 0 0 10px 0; }
fieldset.press div.formbox { width: auto; text-align:left; margin: 0; padding: 0 0 10px 0;  border-right: 1px solid #efeadd; border-left: 1px solid #efeadd;}
fieldset.default div.formbox div { width: 617px;text-align:left; margin: 0 auto; padding: 10px 0; border-bottom: 1px solid #efeadd; }
fieldset.default div.formbox div.white{ background: #fff; padding: 20px 0; }

fieldset.default input.formelement.error, fieldset.default select.formelement.error, fieldset.default textarea.formelement.error { background: #faebe8; border: 1px solid #c93609; }
fieldset.default p.error { margin: 0 0 0 170px; clear: left; font-size: 0.9em; font-family: arial, sans-serif; color: #c93609; }
fieldset.default p.small { margin: 0 0 0 170px; clear: left; font-size: 0.9em; font-family: arial, sans-serif; color: #999999; }
fieldset.default input.button { float:left; margin: 10px 0 0 170px; clear: both; }
fieldset.default input.checkbox { float: left; padding: 2px; clear: left; margin: 10px 10px 0 170px; font-size: 1em; font-family: arial, sans-serif; }
fieldset.default label.checkboxlabel { float: left; width: 320px; margin: 10px 20px 0 0; font-size: 0.9em; font-family: arial, sans-serif; color: #999999; }
fieldset.default label strong { color: #333; }
fieldset.default div.formbottom { float: left; width: 657px; height: 17px; background: url(../images/form_bottom.gif) no-repeat bottom; }

/* styled links */
a.downloaddoc { display: block; width: 172px; height: 64px; background: url(../images/button_downloaddoc.gif) no-repeat; margin: 20px 0; }
a.downloaddoc span { display: block; width: 172px; height: 64px; background: url(../images/button_downloaddoc.gif) no-repeat; }
a.ourstory { display: block; width: 98px; height: 23px; background: url(../images/button_ourstory.gif); text-indent: -9000px; outline: none; }

/* styled slider scrollbar */
div.slider { position: relative; width: 635px; height: 16px; margin: 0; top: 126px; padding: 1px; background: url(../images/slider_bg.gif) no-repeat; z-index: 200; }
div.handle { position: absolute; cursor: move; height: 14px; width: 274px; top: 1px; background: url(../images/slider.gif) no-repeat center; z-index: 300; }
div.slider_small { position: relative; width: 253px; height: 16px; margin: 0; top: 124px; padding: 1px; background: url(../images/slider_small_bg.gif) no-repeat; z-index: 200; }
div.handle_small { position: absolute; width: 140px; height: 14px; top: 1px; background: url(../images/slider_small.gif) no-repeat center; z-index: 300; }
div.slider a, div.slider_small a { text-decoration:none; outline:none; }

/*----------  HOME PAGE  ------------*/

/* arrows for header images */ 
a#home_arrow_left { position: absolute; top: 38px; left: 0; display: none; width: 225px; height: 430px; padding: 0; text-indent: -9000px; outline: none; z-index: 100; behavior: url(../iepngfix.htc); }
a#home_arrow_left.active { background-position: 0 -430px; }
a#home_arrow_right { position: absolute; top: 38px; left: 773px; display: block; width: 225px; height: 430px; padding: 0; text-indent: -9000px; outline: none; z-index: 100; behavior: url(../iepngfix.htc); }
a#home_arrow_right.active { background-position: 0 -430px; }

/* home page nav tabs 
ul#homenav { float: left; position: absolute; display: inline; list-style-type: none; margin: -37px 0 0 150px; padding: 0; height: 37px; z-index: 100; top:247px; left:270px;}
ul#homenav li { float: left; height: 37px; margin: 0; padding: 0; }
ul#homenav li a { float: left; display: block; height: 37px; padding: 0 0 0 4px; outline: none; text-decoration: none; font-size: 1.6em; line-height: 2em; text-indent: -9000px; behavior: url(../iepngfix.htc); }
ul#homenav li a:hover { cursor: pointer; }
*/

/* header images */
div#headerimage { float: left; position: relative; width: 960px; height: 600px; overflow: hidden; clear: both; z-index: 50;  }
div#headerimage_med { float: left; width: 960px; height: 332px; overflow: hidden; clear: both; z-index: 50; }
div#headerimage_short { float: left; width: 960px; height: 126px; overflow: hidden; clear: both; z-index: 50; }

/* home page nav tabs */
ul#homenav { float: left; position: absolute; top:0px; right:0px; display: inline; list-style-type: none;  padding: 0; height: 37px; z-index: 100; width:560px; border:0px solid #000; margin:0px;}
ul#homenav li { float: left; height: 37px; margin: 0; padding: 0; }
ul#homenav li a { float: left; display: block; height: 37px; padding: 0 0 0 4px; outline: none; text-decoration: none; font-size: 1.6em; line-height: 2em; text-indent: -9000px;  }
ul#homenav li a:hover { cursor: pointer; }


/* home page main content area */
div.content.home { width: 638px; background: #fbf8f0; padding: 0; margin:0px 20px 20px 0 !important; }
div#sidefeature { float: left; width: 280px; min-height: 200px; margin: 0; padding: 0 0 0 40px; background: #fbf8f0; }
div#navsidefeature { float: left; width: 280px; margin: 60px 0 0 0; padding: 0; /*background: #fbf8f0;*/ }
div#sidefeature img, div#navsidefeature img { margin: 0 0 10px 0;  }

/* home images */
div#hi_isgood { float: left; width: 960px; height: 600px; }
div#hi_isgood span { float: left; width: 960px; height: 600px;  background:url(../images/test.jpg) no-repeat;}
div#hi_doesgood { float: left; width: 960px; height: 600px; }
div#hi_doesgood span { float: left; width: 960px; height: 600px;  background:url(../images/test.jpg) no-repeat;}
div#hi_tastesgood { float: left; width: 960px; height: 600px; }
div#hi_tastesgood span { float: left; width: 960px; height: 600px;  background:url(../images/test.jpg) no-repeat;}
div#hi_pace { float: left; width: 960px; height: 600px; }
div#hi_pace span { float: left; width: 960px; height: 600px;  background:url(../images/test.jpg) no-repeat;}
div#hi_people { float: left; width: 960px; height: 600px; }
div#hi_people span { float: left; width: 960px; height: 600px;  background:url(../images/test.jpg) no-repeat;}
div#hi_zubrance { float: left; width: 960px; height: 600px; }
div#hi_zubrance span { float: left; width: 960px; height: 600px;  background:url(../images/test.jpg) no-repeat;}
div#hi_isgood a, div#hi_doesgood a, div#hi_tastesgood a { display:block; position:absolute; left:0px; top:0px; width:960px; height:600px; z-index:200; }




/*----------  RECIPES  ------------*/

div#featured_recipes_cookbook { float: left; margin: 20px 0; }
div#featured_recipes_cookbook .column { float: left; display: inline; width: 316px!important; margin: 0 20px 10px 0; }
div#featured_recipes_cookbook .column img { margin: 0 20px 20px 0; float: left;clear:none;}
div#featured_recipes_cookbook .column h3 { font-weight:bold; font-size:120%;margin:0px;padding:0px;}
div#featured_recipes_cookbook .column p { float:right; width:147px; color:#737373; font-family:arial, sans-serif; font-size:90%; margin:6px 0 0 0;padding:0px;}

div#featured_recipes { float: left; margin: 20px 0; }
div#featured_recipes .column { float: left; display: inline; width: 205px; margin: 0 20px 10px 0; }
div#featured_recipes .column img { margin: 0 0 20px 0; }

a.viewrecipe { float: left; display: block; width: 98px; height: 23px; background: url(../images/button_viewrecipe.gif); text-indent: -9000px; outline: none; }

div#recipetitle { float: left; width: 250px; }

div#other_recipes { float: left; margin: 20px 0; clear: both; }
div#other_recipes .column { float: left; display: inline; width: 316px; margin: 0 20px 20px 0; }
div#other_recipes .column img { float: left; margin: 0 20px 0 0; }
div#other_recipes .column p.small { font-family: arial, sans-serif; font-size: 0.9em; color: #737373; }
div#other_recipes .column ul { float: left; list-style-type: none; margin: 15px 0; padding: 0; clear: both; }
div#other_recipes .column li { float: left; width: 316px; border-bottom: solid 1px #cab48f; margin: 0 0 4px 0; padding: 0 0 4px 0; clear: both }
div#other_recipes div.recipe_text { float:left; width: 147px; }
div#other_recipes h3 { margin: 0px 0 0 0; }
div#other_recipes span.left { float: left; display: inline; width: 157px; }
div#other_recipes span.right { float: left; display: inline; width: 157px; text-align: right; }
div#other_recipes span.quantity { float: left; display: inline; width: 90px; margin: 0 10px 0 0; text-align: right; color: #5b5b59; }
div#other_recipes span.ingredient { float: left; display: inline; width: 157px; }
span.left.inset { width: 142px !important; margin: 0 0 0 15px; }

p.nutrition { float: left; line-height:1.2em!important; display: block; width: 64px; height: 96px; margin: 10px 2px 0 0 !important; padding: 4px 0 0 0 !important; font-family: arial, sans-serif; font-weight: bold; text-align: center; font-size: 1.1em !important; }
p.nutrition.red { background: url(../images/nutr_red.gif) no-repeat 0 0; }
p.nutrition.orange { background: url(../images/nutr_orange.gif) no-repeat 0 0; }
p.nutrition.green { background: url(../images/nutr_green.gif) no-repeat 0 0; }
p.nutrition span { display:block; padding: 0; margin:0;}
p.nutrition span.type { display:block; color: #fff !important;  margin:0; padding:0;}
p.nutrition span.cent { display:block; font-size: 1.2em !important;  margin:22px 0 0 0; padding:0;}


/*----------  BLOG  ------------*/

/* blog header */
div.blogheader { float: left; width: 638px; height: auto; margin: 20px 0px 0 0; border-bottom: 1px dashed #c4c3c0; clear: both; }
div.blogheader h1 { float: left; width: auto; margin: 0 0 5px 0 !important; padding: 0; clear:both; }
div.blogheader p { float: right; width: auto; margin:15px 0 0 0; padding:0 !important; text-align: right; }
div.blogheader a.readmore {margin-right:15px;}
a.readmore { font-family: arial; font-weight: bold; text-decoration: none !important; font-size: 0.9em; }
a.readmore:hover { font-family: arial; font-weight: bold; text-decoration: underline !important; font-size: 0.9em; }


/* blog posts */
div.blogsection { float: left; margin: 40px 0 0 0; width: 638px; }
div.blogsection #post-container {float:left;width:571px;display:block;}
div.blogsection #post-container a {text-decoration:underline; color:#454131 !important;}
div.blogsection div.wp_header { float: left; width: 563px; min-height:54px; height: auto !important; height: 54px; padding:0 0 10px 0; }
div.blogsection h2 { margin: 0; padding:0 0 3px 0; font-size:1.4em; }
div.blogsection h2 a { color: #58523f !important; text-decoration: none !important; font-style:italic;}
div.blogsection h2 a:hover { color: #58523f !important; text-decoration: underline !important; font-style:italic;}
div.blogsection p.posted { color: #58523f !important; margin: 0px 0 20px 0; padding: 0; font-size:0.9em; }
div.blogsection p.posted a { color: #454131 !important; font-weight:bold;}
div.blogsection img { margin: 0 10px 20px 0; }

/* blog date */
div.date { float: left; clear:none; width: 60px; height: 54px; padding: 0 0 0 5px; background: url(../images/date_bg.gif) no-repeat; }
div.date p { float: left; width: 30px; text-align: center; font-size: 0.8em !important; line-height: 1em; color:#393628; text-transform:uppercase; margin:11px 0 0 2px; font-family: arial, sans-serif; font-weight:bold; }
div.date span { font-size: 1.7em; line-height: 22px; color:#473d2b; font-style:italic; font-family: georgia, arial, sans-serif; font-weight:normal; display:block; }

/* links at bottom of blog section */
div.blogfunctions { border-top: dotted 1px #cccccc; border-bottom: dotted 1px #cccccc; width: 571px; margin-bottom:50px; clear:both;}
div.blogfunctions div {background:#eeebe7; font-family: arial, sans-serif; margin: 2px 0 !important; color: #666666 !important; padding:5px 0 5px 0; }
div.blogfunctions a { font-size: 1em; color: #666666 !important; text-decoration: none !important; padding-left:30px; }
div.blogfunctions a:hover { text-decoration:underline !important; }
div.blogfunctions .icon-comment {background: url(../images/icon-blogcomments.gif) 15px center no-repeat;}
div.blogfunctions .icon-email {background: url(../images/icon-blogemail.gif) 15px center no-repeat; }
div.blogfunctions .icon-permalink {background: url(../images/icon-blogpermalink.gif) 15px center no-repeat; }
div.blogfunctions .icon-addthis {background: url(../images/icon-blogaddthis.gif) 15px center no-repeat; }

div.content h2.blog_h2 { margin-bottom:3px; }
div.content p.posted { font-family: Arial !important; font-size: 0.9em; color: #666; font-weight: normal; margin: 0px 0 10px 0; padding: 0; }

h2.comments {padding:0 0 20px 0 !important;}
div.postcomment {font-size:0.9em;margin:0 0 36px 0;padding:0;font-family: arial, sans-serif; line-height:1.4em; clear:both;}
div.postcomment div {width:520px;float:left;}
div.postcomment .author {font-weight:bold;margin:0; padding:0; }
div.postcomment .avatar {float:left;clear:none;}
div.postcomment .date {	margin:0 0 10px 0;padding:0; color:#666;}
div.postcomment .comment {margin:0 0 18px 0;padding:0;line-height:1.7em;font-family:georgia,arial,sans-serif;}

fieldset.post-comment {border:0;}
fieldset.post-comment h2 { margin:0 0 20px 0; padding:0; }
fieldset.post-comment p { line-height:1.2 !important;font-size:0.9em;color:#666666;font-family: arial, sans-serif;margin:0;padding:0; }
fieldset.post-comment { border-top:1px solid #D4C7AE;clear:both;margin:0;padding:36px 0 0 0; }
fieldset.post-comment label.formelement { float: left; width: 115px; margin: 0 0 12px 0; text-align: left; clear: left; font-size: 1em; font-family: arial, sans-serif; color: #4f4f4f; }
fieldset.post-comment input.formelement { float:left; width: 250px; margin:0; padding: 2px; border: 1px solid #c4bdaa; font-size: 1em; font-family: arial, sans-serif; }
fieldset.post-comment select.formelement { float: left; padding: 2px; border: 1px solid #c4bdaa; font-size: 1em; font-family: arial, sans-serif; }
fieldset.post-comment textarea.formelement { float: left; width: 450px; height: 100px; margin:0; padding: 2px; border: 1px solid #c4bdaa; font-size: 1em; font-family: arial, sans-serif; }
fieldset.post-comment div.formelement { float: left; width: 460px; height: 100px; padding: 2px; border: 1px solid #c4bdaa; font-size: 1em; font-family: arial, sans-serif; overflow: auto; }
fieldset.post-comment input.formelement.error, fieldset.post-comment select.formelement.error, fieldset.post-comment textarea.formelement.error { background: #faebe8; border: 1px solid #c93609; }
fieldset.post-comment p.error-main { margin: 0 0 15px 115px; clear: left; font-size: 0.9em; font-family: arial, sans-serif; color: #c93609; }
fieldset.post-comment p.error { margin: 0 0 15px 115px; clear: left; font-size: 0.9em; font-family: arial, sans-serif; color: #c93609; }
fieldset.post-comment p.pre-message { line-height:1.7em !important; margin: 0 0 15px 115px; clear: left; font-size: 0.9em; font-family: arial, sans-serif; }
fieldset.post-comment p.small { margin: 0 0 0 170px; clear: left; font-size: 0.9em; font-family: arial, sans-serif; color: #999999; }
fieldset.post-comment input.button { margin:10px 0 6px 115px;padding:0; }
fieldset.post-comment input.checkbox { float: left; padding: 2px; clear: left; margin: 10px 10px 0 170px; font-size: 1em; font-family: arial, sans-serif; }
fieldset.post-comment label.checkboxlabel { float: left; width: 320px; margin: 10px 20px 0 0; font-size: 0.9em; font-family: arial, sans-serif; color: #999999; }
fieldset.post-comment label strong { color: #333; }
fieldset.post-comment .buttons {float:left;clear:both;}

/*----------  PRODUCTS  ------------*/

/* product categories */
div.catheading { float: left; display: inline; width: 628px; height: 127px; padding: 5px 20px; background: url(../images/productcat_bg.jpg) no-repeat 0 0; }
div.catheading h2 { margin: 20px 0 0 0; }
div.catheading p { margin: 5px 0 0 0; }

/* product scroll */
div#productscroll { float: left; position: relative; width: 640px; height: 152px; margin: 0 0 20px 0; overflow: hidden; }
div#productscroll.small { width: 253px; height: 142px; margin: 0; }
div#productscroll ul { float: left; position: absolute; height: 120px; margin: 0; padding: 0; list-style-type: none; }
div#productscroll li { float: left; margin: 0 10px 0 0; padding: 5px 0 0 0; width: 90px; height: 120px; text-align: center; }
div#productscroll li a { display: block; width: 90px; height: 20px; padding: 80px 0 0 0; background-repeat: no-repeat; background-position: top center; font-family: arial, sans-serif; font-size: 0.9em; font-weight: bold; color: #333; text-decoration: none; outline: none; behavior: url(../iepngfix.htc); }
div#productscroll li:hover { background: url(../images/productscroll_bg_on.png) no-repeat; behavior: url(../iepngfix.htc); }

/* sample products */
li#ps_1 a { background: url(../images/thumbproduct1.gif); }
li#ps_2 a { background: url(../images/thumbproduct2.gif); }
li#ps_3 a { background: url(../images/thumbproduct3.gif); } 
li#ps_4 a { background: url(../images/thumbproduct1.gif); }
li#ps_5 a { background: url(../images/thumbproduct2.gif); }
li#ps_6 a { background: url(../images/thumbproduct3.gif); }
li#ps_7 a { background: url(../images/thumbproduct1.gif); }
li#ps_8 a { background: url(../images/thumbproduct2.gif); }
li#ps_9 a { background: url(../images/thumbproduct3.gif); } 

/* price and product addtobasket */
p.price { float: left; display: block; width: 265px; height: 44px; background: url(../images/price_bg.gif) no-repeat; margin: 20px 0 0 0 !important; padding: 3px 0 8px 10px !important; font-family: arial, sans-serif; font-weight: bold; color: #997d4e !important; font-size: 2em !important; line-height:1em; }
p.addtobasket { float: left; display: block; width: 265px; height: 47px; background: url(../images/button_addtobasket.gif) no-repeat; margin: 0 !important; }
p.addtobasket span { display: block; width: 265px; height: 47px; background: url(../images/button_addtobasket.gif) no-repeat; }

/* cross sell */
div#cs_holder { clear:both; background:#efeadd url(../images/cs_bg_top.gif) no-repeat; width:248px; padding:18px 5px 0 11px; }
div#cs_end { clear:both; background:#efeadd url(../images/cs_bg_bot.gif) no-repeat 0 bottom; width:264px; height:10px; }
div#cs_holder h4 { font-style:italic; font-weight:normal; margin:0; color:#6b6561; padding:0 0 3px 0; }
div#cs_holder a { font-size:0.9em; text-decoration:none; }
div#cs_holder a:hover { text-decoration:underline; }

/* buttons */
a.findstore { float: left; display: block; width: 98px; height: 23px; background: url(../images/button_findstore.gif); text-indent: -9000px; outline: none; }




/*----------  REGISTER  ------------*/
p.register_feature1 { background: url(../images/register_feature1.gif) no-repeat top left; padding: 0 0 0 60px !important; }
p.register_feature2 { background: url(../images/register_feature2.gif) no-repeat top left; padding: 0 0 0 60px !important; }






#pagination {
	margin:0 auto;
	text-align:center;
	font-weight:bold;
	font-size:1.1em;
	font-family:arial;
	color:#4F4F4F;
	width:162px;
}
#pagination img {float:left;}
#pagination div {background:url(/images/static/pagination_bg.gif);width:120px;float:left;height:21px;line-height:1.6em;}

/*-------------------- COOKBOOK LINK ------------*/
a.cookbook_link{
	background: url(../images/download-arrow.gif) no-repeat 0 3px;
	display:block;
	height:30px;
	margin:16px 0 0 0;
	padding:0 0 10px 24px;
	text-decoration:none;
	width:100px;
	outline: none;
}
a.cookbook_link span.linktext {
	display:block;
	color:#363636;
	text-decoration:none;
	font-size:1.1em;
}
a.cookbook_link span.filesize {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#999;
}
a.cookbook_link:hover span.linktext, a.cookbook_link:hover span.filesize {
	text-decoration:underline;
}
/*-------------------- POLL --------------------*/
div#poll {
    float:left;
    background: url(../images/secnav_bg.jpg) repeat-y;
    padding:0 32px 0 0;
    width:211px;
}

div#poll h2 {
    font-size:2.2em;
    font-weight:normal;
    color:#58523f;
    margin:0 0 7px 0;
}

div#poll label.questionlabel {
    color:#3d3c3a;
    font-size:0.9em;
    display:block;
    margin:0;
    padding:0 0 10px 0;
}

div#poll label.checkboxlabel {
    color:#4f4f4f;
    font-size:0.9em;
    font-family:Arial, Helvetica, sans-serif;
    display:block;
    padding:5px 0 0 0;
    clear:both;
}

div#poll label.checkboxlabel input {
    float:left;
}

div#poll label.checkboxlabel span {
    float:left;
    display:block;
    width:175px;
    padding:4px 0 0 0;
    line-height:1em;
}

div#poll input.button {
    clear:both;
    display:block;
    padding:10px 0 0 0;
}

div#poll p {
    color:#3d3c3a;
    font-size:0.9em;
    margin:0;
}

div#poll span.option {
    color:#4f4f4f;
    font-size:0.9em;
    font-family:Arial, Helvetica, sans-serif;
}

div#poll div.pollbar {
    background: url(../images/poll_bar_bg.gif) repeat-x;
    height:8px;
    border:1px solid #699b1a;
    margin:1px 0 6px 0;
    font-size:1px;
}
#polltop {
    float:left;
    width:252px;
    height:36px;
    background:url(../images/tape-top.png) no-repeat transparent;
    _background:url(../images/tape-top.gif) no-repeat;
    margin:0 0 15px 0;
}
#pollbottom {
    float:left;
    width:252px;
    height:39px;
    background:url(../images/tape-bottom.png) no-repeat transparent;
    _background:url(../images/tape-bottom.gif) no-repeat;
    background-position:bottom right;
    margin:0px;
    padding:0px;
}
div#poll #formMain {
    width:201px;
    padding:0px 32px 0px 19px;
}

/*---------------------------- THANK YOU --------------------*/
div#thankyou {
	background: url(../images/thanks.jpg) no-repeat right top;
	min-height:400px;
	height:auto !important;
	height:400px;
}
div#thankyou p {
	width:360px;
}

div.blogheads{
 clear: both;
}
div.blogheads a{
 font-size: 1em;
}

div.blogsubs{
 margin-left: 10px;
}

/*------------------------ HOME FARM CONTRIBUTORS ----------------*/
div#hf_contributors {
	clear:both;
	width:200px;
	margin:0 0 0 26px;
	padding:62px 0 0 0;
}
div#hf_contributors h3 {
	font-style:italic;
	color:#454131;
	font-weight:normal;
	font-size:1.4em;
	border-bottom:1px dotted #ccc;
	padding:0 0 3px 0;
	margin:0;
}
div#hf_contributors ul {
	list-style:none;
	margin:0;
	padding:0;
}
div#hf_contributors ul li {
	font-family:Arial, Helvetica, sans-serif;
	padding:10px 0 0 0;
}
div#hf_contributors ul li img {
	float:left;
	margin:3px 10px 2px 0;
}
div#hf_contributors ul li h4 {
	color:#333;
	font-size:0.9em;
	margin:0;
	float:left;
}
div#hf_contributors ul li p {
	color:#666;
	font-size:0.9em;
	margin:0;
	line-height:1.4em;
	padding:0 0 8px 0;
}

/*------------------------ HOME FARM RECENT COMMENTS / CATEGORIES ----------------*/

#source_link{
border:0px solid #000;
position:absolute;
bottom:20px;
left:-10px;
cursor:pointer;
z-index:10;
}


div#hf_leftnav_module {
	width:200px;
	margin:30px 0 0 26px; padding:0;
}
div#hf_leftnav_module .selected{
	text-decoration:underline;
	color:#997D4E;
	font-weight:bold;
}
div#hf_leftnav_module a:hover {
	text-decoration: underline;
}
div#hf_leftnav_module .blog-comment {
	margin:20px 0 15px 0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}
div#hf_leftnav_module h3 {
	font-style:italic;
	color:#454131;
	font-weight:normal;
	font-size:1.4em;
	border-bottom:1px dotted #ccc;
	padding:0 0 3px 0;
	margin:0 0 20px 0;
}
div#hf_leftnav_module h4 {
	color:#333;
	font-size:0.9em;
	line-height:1.4em;
	padding:0 0 4px 0;
	margin:0;
}
div#hf_leftnav_module h4 a {
	color:#333;
}
div#hf_leftnav_module p {
	font-size:0.9em;
	margin:0;
	line-height:1.4em;
	padding:0 0 4px 0;
}
div#hf_leftnav_module .author {
	font-style:italic;
}
div#hf_leftnav_module .comment {
	color:#666;
}
div#hf_leftnav_module .readmore, p.category a {
	color:#997D4E;
	font-weight:bold;
}


/*------------------------ LABELS ----------------*/

div.box-label {width:247px;height:145px;margin:0pt 0pt 10px;cursor:pointer;}
div.box-label .title {font-family:Times New Roman, Helvetica, sans-serif;padding:28px 0 0 25px;margin:0;color:#444444;font-size:150%;}
div.box-label .content {font-family:Arial, Helvetica, sans-serif;margin:0;color:#737373;font-size:90%;position:relative;top:+12px;}
a.box-label {text-decoration:none;}

/* Background image only */
div.box-label .type1-title {display:none;}
div.box-label .type1-content {display:none;}

/* No image / Title Left / Content left */
div.box-label .type2-title {padding:28px 0 0 25px;margin:0;width:160px;}
div.box-label .type2-content {padding:0 0 0 27px;margin:-5px 0 0 0;width:155px;position:relative;top:+12px;}

/* Image top left corner / Title right / Content bottom */
div.box-label .type3-title {padding:25px 0 0 70px;margin:0;width:115px;}
div.box-label .type3-content {padding:0 0 0 25px;margin:0;width:160px;position:relative;top:+12px;}

/* Image left / Text right */
div.box-label .type4-title {padding:22px 0 0 78px;margin:0px;font-size:140%;font-weight:bold;width:100px;}
div.box-label .type4-content {padding:0px 0 0 80px;margin:-11px 0 0 0;width:100px;}