#shell {
	min-width:920px;
	margin:0px auto;
	z-index:1;
	overflow: visible;
}
#wrapper 
{
    position:relative;
    clear:both;
    width:1000px;
    margin: 0 auto;
    top:0px;
	left:0px;
	overflow: visible;
}
body { 
	margin:0px;
	background-color:#FFFFFF;
	background-image: url("../images/backgrounds/herta_bg_01.jpg");
	background-repeat:repeat-y !important;
	background-position: top center !important; 
	font: 0.75em/1.2em "Trebuchet MS", verdana, helvetica, sans-serif
}

* {
	color:#615448;
}


a { color:#598b35; }
.no-underline { text-decoration:none !important; }
.bold { font-weight:bold !important; }
.centered { text-align:center !important; }
.green-text { color:#598b35; }

h1 { 
	color:#598b35;
	font-family: "Trebuchet MS", verdana, helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	line-height:1em;
	margin:0px;
	padding:0px;
}

h2 { 
	color:#615448;
	font-family: "Trebuchet MS", verdana, helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	line-height:1em;
	margin:0px;
	padding:0px;
	text-align:left;
}
h2.green { 
	color:#598b35;
	font-family: "Trebuchet MS", verdana, helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	line-height:1em;
	margin:0px;
	padding:0px;
}
/*
	HEADER AND NAVIGATION STYLES
---------------------------------------------------------------------------------------------------*/
#header-holder {
	position:relative;
	background: transparent url("../images/backgrounds/header-bg.gif") no-repeat top center;
	width:920px;
	height:165px;
	padding: 0px 40px;
}

#search { 
	position:absolute;
	top:15px;
	right:100px;
}
#search-box { 
	float:right;
	padding-top:7px;
	padding-right:3px;
	width:106px;
	height:32px;
	background: transparent url("../images/text-box.gif") no-repeat top left;
}
#search-box input { 
	width:91px;
	margin-left:5px;
	padding:0px;
	color:#999999;
}
#search-btn { 
	float:right;
	background: transparent url("../images/go.gif") no-repeat top left;
	width:52px ;
	height:26px;
	text-align:center;
	padding-top:4px;
	margin-top:4px;
}
#search-btn a { 
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}

/* Navigation roll-overs */
#nav { position:absolute; bottom:0px; padding-bottom:15px; }
#nav ul { list-style-type:none; }
#nav li { display:inline; clear:none; }
#nav-home
{
  display: block;
  float:left;
  width: 90px;
  height: 55px;
  background: url("../images/nav/home-hover.gif") no-repeat 0 0;
}
#nav-home.selected { background-image: url("../images/nav/home-selected.gif"); }

#nav-our-range
{
  display: block;
  float:left;
  width: 143px;
  height: 55px;
  background: url("../images/nav/products-hover.gif") no-repeat 0 0;
}
#nav-our-range.selected { background-image: url("../images/nav/products-selected.gif"); }

#nav-recipes
{
  display: block;
  float:left;
  width: 112px;
  height: 55px;
  background: url("../images/nav/recipes-hover.gif") no-repeat 0 0;
}
#nav-recipes.selected { background-image: url("../images/nav/recipes-selected.gif"); }

#nav-healthy-eating
{
  display: block;
  float:left;
  width: 196px;
  height: 55px;
  background: url("../images/nav/healthy-eating-hover.gif") no-repeat 0 0;
}
#nav-healthy-eating.selected { background-image: url("../images/nav/healthy-eating-selected.gif"); }

#nav-my-cookbook
{
  display: block;
  float:left;
  width: 170px;
  height: 55px;
  background: url("../images/nav/my-cookbook-hover.gif") no-repeat 0 0;
}
#nav-my-cookbook.selected { background-image: url("../images/nav/my-cookbook-selected.gif"); }

#nav-about
{
  display: block;
  float:left;
  width: 127px;
  height: 55px;
  background: url("../images/nav/about-hover.gif") no-repeat 0 0;
}
#nav-about.selected { background-image: url("../images/nav/about-selected.gif"); }

#nav-home:hover, #nav-our-range:hover, #nav-recipes:hover, #nav-healthy-eating:hover, #nav-my-cookbook:hover, #nav-about:hover
{ 
  background-position: 0 -55px;
}
#nav-home.selected:hover, #nav-our-range.selected:hover, #nav-recipes.selected:hover, #nav-healthy-eating.selected:hover, 
 #nav-my-cookbook.selected:hover, #nav-about.selected:hover
{ 
  background-position: 0 0;
}

#nav-home span, #nav-our-range span, #nav-recipes span, #nav-healthy-eating span, #nav-my-cookbook span, #nav-about span
{
  display: none;
}

/*
	CONTENT STYLES
---------------------------------------------------------------------------------------------------*/
#content-holder {
	position:relative;
	background: transparent url("../images/backgrounds/footer-bg.gif") no-repeat bottom center;
	width:920px;
	padding: 15px 40px 50px 40px;
}

.underline-green-140 {
	background: transparent url("../images/backgrounds/underline-green-140.gif") no-repeat bottom left;
}
.underline-green-260 {
	background: transparent url("../images/backgrounds/underline-green-260.gif") no-repeat bottom left;
}
.underline-green-295 {
	background: transparent url("../images/backgrounds/underline-green-295.gif") no-repeat bottom left;
}
.underline-green-thick-295 {
	background: transparent url("../images/backgrounds/underline-green-thick-295.gif") no-repeat bottom left;
}
.underline-green-450 {
	background: transparent url("../images/backgrounds/underline-green-450.gif") no-repeat bottom left;
}
.underline-green-600 {
	background: transparent url("../images/backgrounds/underline-green-600.gif") no-repeat bottom left;
}
.underline-green-680 {
	background: transparent url("../images/backgrounds/underline-green-680.gif") no-repeat bottom left;
}
.underline-green-766 {
	background: transparent url("../images/backgrounds/underline-green-766.gif") no-repeat bottom left;
}
.underline-green-920 {
	background: transparent url("../images/backgrounds/underline-green-920.gif") no-repeat bottom left;
}
ul.second-level-nav {
	list-style-type:none;
	padding:0px;
	margin:0px;
}
.second-level-nav li {
	background: transparent url("../images/list-item-green.gif") no-repeat top left;
	background-position: 0 3px;
	padding-left:15px;
	padding-bottom: 8px;
	padding-top:8px;
	height:30px;
}
.second-level-nav li.selected {
	padding-left:15px;
	height:30px;
	background: transparent url("../images/backgrounds/underline-black.gif") no-repeat top left;
	background-position: 0 3px;
}
.second-level-nav li a {
	font-weight:bold;
	font-size:14px;
	color:#598b35;
	text-decoration:none;
}
.second-level-nav li.selected a {
	color:#b2b701;
}
.second-level-nav li.two-line {
	padding-top:0px;
}



.numberList {width: 440px; }
.numberList span {width: 200px; float: left; padding: 5px;}


/*
	HOMEPAGE SPECIFIC STYLES
---------------------------------------------------------------------------------------------------*/
#home-main-video-holder 
{
	
	float:left;
	width:450px;
	height:450px;
}

#home-related-video-holder {
	float:left;
	width:190px;
	height:450px;
	padding-top:60px;
	padding-left:30px;
	padding-right:30px;
	background: transparent url("../images/other-recipes.gif") no-repeat top center;
}

#home-promo-holder {
	float:left;
	width:220px;
	height:450px;
	background: transparent url("../images/home-promo.gif") no-repeat bottom center;
}

#home-main-video-holder h1 {
	text-align:center;
}

#video {
	background: transparent url("../images/backgrounds/frame-430x285.gif") no-repeat top left;
	display: block; height: 255px;
	padding: 28px 25px 0px 28px;
	position: relative; z-index: 10
}
#sml-video {
	background: transparent url("../images/backgrounds/frame-180x115.gif") no-repeat top left;
	padding: 20px 25px 15px 20px;
	margin-left:5px;
}
#nice-image { float:left; margin-top:15px; margin-left:20px; }
.video-description-holder { padding: 0px 35px 0px 28px; }
.cooking-details { 
	float:left;
	clear:none;
}
.cooking-details td { padding: 3px 0; font-size: 12px; }
.cooking-details td.first-col { padding-right: 5px;/*width:110px;*/ }
.download-recipe-details { float:right; clear:none; }
.download-recipe-details td { padding: 0 3px; }

.home-callout-module { 
	float:left; 
	width:295px; 
	height:165px;
	padding-right:10px;
}
.callout-main-img { float:left; }
.callout-header {
	padding-left:10px;
	padding-bottom:15px;
	margin-bottom:10px;
}
.callout-content {
	float:left;
	width:135px;
	padding-left: 20px;
}


/* OUR RANGE PAGES
---------------------------------------------------------------------------------------------------*/
#hero-holder {
	height:350px;
}
#hero-holder p { text-align:center; width:400px; margin:0 auto; padding-top:10px; }

.centered-header {
	text-align:center;
	background-position:bottom center;
	padding-bottom:15px;
}

.column-140 {
	float:left;
	width:140px;
	margin-right:10px;
}
.column-450 {
	float:left;
	width:450px;
	margin-right:10px;
}
.column-295 {
	float:left;
	width:295px;
}
.column-header {
	padding-bottom:10px;
	padding-left:5px;
	margin-bottom:15px;
}
.featured-recipe-item {
	display:block;
	margin-bottom:10px;
}
.featured-recipe-content {
	float:left;
	width:140px;
	padding-left:10px
}

table.nutritional-info {
	background: transparent url("../images/backgrounds/table-bg.gif") no-repeat top left; width:452px; height:303px;
}
table.nutritional-info th { 
	height: 62px; font-size:12px; vertical-align:top; padding-top:10px;
}
table.nutritional-info th, table.nutritional-info td { 
	width:112px; line-height:1.8em; text-align:center;
}
table.nutritional-info td { border-bottom: 1px solid #c7d500; }
table.nutritional-info th.first-col, table.nutritional-info td.first-col { 
	width:140px; text-align:left; padding-left:15px;
}

/* nutritional info table 2 */

.NutritionalTable {clear: both; margin: 10px 0 10px 140px;}

table.nutritional-info2 {
	background: transparent url("../images/backgrounds/table-bg2.gif") no-repeat top left; width:700px; height:327px;
}
table.nutritional-info2 th { 
	font-size:12px; vertical-align:top; padding-top:10px;
}
table.nutritional-info2 th, table.nutritional-info2 td { 
	 line-height:1.8em; text-align:center;
}
table.nutritional-info2 td { border-bottom: 1px solid #c7d500; }
table.nutritional-info2 th.first-col, table.nutritional-info2 td.first-col { 
	width:225px; text-align:left; padding-left:15px;
}

/* PRODUCT CAROUSEL
---------------------------------------------------------------------------------------------------*/
#product-carousel-holder {
	background: transparent url("../images/product/carousel/carousel-bg.gif") no-repeat center 25px;
	width:920px;
	height:200px;
	margin-top:30px;
}
#product-carousel-holder .prev {
	float:left;
	margin-top:105px;
}
#product-carousel-holder .next {
	float:left;
	margin-top:105px;
}
#product-carousel {
	position:relative;
	float:left;
	left:0px;
	width:740px;
	height:220px;
	margin: 0 10px;
	overflow-x:scroll;
	overflow-y:hidden;
}
#product-carousel ul {
	position:relative;
	margin:0px;
	padding:0px;
	left:0px;
	list-style-type:none;
}
#product-carousel li a {
	float:left;
	text-align:center;
	display: block; background: red;
	width:165px;
	height:200px;
	margin:15px 10px 0px 10px;
	padding-top:25px;
	text-indent: -900em;
}

#product-carousel li a.chicken {background: transparent url("../images/product/small/chicken.gif") no-repeat 0 -232px;}
#product-carousel li.selected a.chicken, #product-carousel li a:hover.chicken {background-position: 0 20px}

#product-carousel li a.classics {background: transparent url("../images/product/small/classics.gif") no-repeat 0 -232px;}
#product-carousel li.selected a.classics, #product-carousel li a:hover.classics {background-position: 0 20px}

#product-carousel li a.minis {background: transparent url("../images/product/small/minis.gif") no-repeat 0 -232px;}
#product-carousel li.selected a.minis, #product-carousel li a:hover.minis {background-position: 0 20px}


#product-carousel li a.jumbos {background: transparent url("../images/product/small/jumbos.gif") no-repeat 0 -232px;}
#product-carousel li.selected a.jumbos, #product-carousel li a:hover.jumbos {background-position: 0 20px}

#product-carousel li.selected {
	background: transparent url("../images/backgrounds/product-selected.gif") no-repeat top center;
}
.product-carousel-header {
	font-size:12px;
	font-weight:bold;
}

#star {
	position:absolute;
	top:20px;
	left:100px;
	background: transparent url("../images/product/star.gif") no-repeat top left;
	width:138px;
	height:100px;
}

/* RECIPES
---------------------------------------------------------------------------------------------------*/
#hero-holder.recipes {
	height:auto;
	padding-bottom:20px;
}
#sort-by-holder {
	display:block;
	padding-top:20px;
	margin-left:30px;
}
#sort-by-holder span {
	font-weight:bold;
}
#sort-by-holder .selected {
	color:#b2b702;
}
#recipes-holder .featured-recipe-item {
	float:left;
	padding-left:30px;
	padding-top:20px;
	width:150px;
	height:218px;
}
.recipe-prev-next-holder { margin: 10px 20px; }

#recipes-holder .no-pad { padding-left:0px; }
.recipes-item-content {
	display:block;
	clear:both;
	padding-bottom:10px;
}
#recipe-paging-holder {
	text-align:center;
	padding-top:20px;
	margin: 0 auto;
	line-height:1px;
	height:37px;
	z-index:1;
	clear: both;
}

#recipe-paging-holder ul {
	list-style-type:none;
}
#recipe-paging-holder li {
	display:inline;
}
#recipe-paging-holder li.links {
	margin: 6px 3px 0px 3px;
}

#recipe-paging-holder .recipe-prev a {
	background: transparent url("../images/backgrounds/left-hand-sml-green.gif") no-repeat center center;
	padding:17px 38px;
	font-size:27px;
	text-decoration:none;
}
#recipe-paging-holder .recipe-prev-disabled {
	background: transparent url("../images/backgrounds/left-hand-sml-grey.gif") no-repeat center center;
	padding:17px 38px;
	font-size:27px;
}
#recipe-paging-holder .recipe-next a {
	background: transparent url("../images/backgrounds/right-hand-sml-green.gif") no-repeat center center;
	padding:17px 38px;
	font-size:27px;
	text-decoration:none;
}
#recipe-paging-holder .recipe-next-disabled {
	background: transparent url("../images/backgrounds/right-hand-sml-grey.gif") no-repeat center center;
	padding:17px 38px;
	font-size:27px;
}

#recipe-paging-holder a {
	margin:2px;
	margin-bottom:10px;
}
#recipe-paging-holder a.selected {
	background: transparent url("../images/backgrounds/selected-page-bg.gif") no-repeat center center;
	padding:6px;
	color:#5c5c5c;
	overflow: hidden
}


a.recipe-popup {min-height: 33px; display: block;}
a.arrow {background: url(../images/small-arrow.gif)  no-repeat; padding: 0 0 0 20px;}


/* INIDIVIDUAL RECIPE DETAILS PAGE
---------------------------------------------------------------------------------------------------*/
.recipe-page-shell { position: relative !important; width:770px !important; padding-bottom:60px; z-index:1; }
#recipe-header { padding:30px 0px 10px 10px; margin-bottom:15px; }
#recipe-left-panel { float:left; width:450px; margin: 0 0px 0 10px; display: inline; }
#recipe-right-panel { float:left; width:300px; }

.recipe-subheader { 
	padding-bottom:10px;
	padding-left:5px;
	padding-top:15px;
	margin-bottom:15px;
}
.related-recipes .featured-recipe-item {
	display:inline;
	float:left;
	margin:5px 5px 10px 0;
	width: 145px;
}

.related-recipes .featured-recipe-item a {display: block; min-height: 33px;}

#recipe-left-panel .column-content {
	padding: 0 5px;
}
#recipe-right-panel .cooking-details { width:295px; padding-bottom:10px; }
#recipe-product-holder { text-align:center; padding-bottom:10px; }
.nutritional-info-img { float:left; }
.recipe-video-holder { 
	width: 390px;
	height:250px;
	background: transparent url("../images/backgrounds/frame-390x250.gif") no-repeat 0 0 ;
	margin-left: 10px;
	padding: 12px 0px 0px 9px;
}

.summary-holder { display:block; }
.notepad-295-holder {
	width:300px;
	margin-top:10px;
}
.notepad-295-holder .head { 
	height:51px;
	background: transparent url("../images/backgrounds/notepad-295-bg-top.gif") no-repeat top center;
}
.notepad-295-holder .body { 
	padding: 0px 20px;
	background: transparent url("../images/backgrounds/notepad-295-bg-mid.gif") repeat-y top center;
}
.notepad-295-holder .foot { 
	height:15px;
	background: transparent url("../images/backgrounds/notepad-295-bg-btm.gif") no-repeat top center;
}

#print-close-holder { position:absolute; right:20px; top:20px; z-index:2; }
.print-close-holder2 { position:relative; right:0px; top:20px; z-index:2; text-align: right }
#back-holder { float:left; padding-top:20px; }

/*GDA Panel--*/
.PanelGDA { width:260px; text-align:center; }
.PanelGDA ul {font-size: 10px; margin: 6px 12px;}
.PanelGDA li {padding: 1px; margin: 0px 0px;}
#GDA_Boxes {padding: 10px 0 10px 6px; text-align: center; color:#0b216b;}

.label { text-align:center; font-weight:bold; }
.GDA_Box {float: left; font-size: 10px; line-height:16px; margin-left: -2px; padding-top: 8px; display: block; width: 50px; height: 65px; background:url("../images/backgrounds/gda-bg.gif") no-repeat;}
.GDA_Box strong {font-size: 14px; font-weight: bold; display: block;} 
.GDA_Box span { font-size: 12px; font-weight: bold; padding-top: 12px; display: block; line-height:12px;} 

/* MY COOKBOOK
---------------------------------------------------------------------------------------------------*/
#content-holder.my-cookbook {
	width:700px;
	margin: 0 auto;
}
#cookbook-header { 
	width:645px;
	height:105px;
	background: transparent url("../images/backgrounds/my-cookbook-header-bg.gif") no-repeat 5px 30px;
	text-align:center;
	padding-top:10px;
}
#print-whole-cookbook {
	position:absolute;
	top:195px;
	right:40px;
}

#cookbook-header .second-level-nav {
	display:block;
	padding-top:30px;
}
#cookbook-header .second-level-nav li {
	display:inline;
	background: none;
	padding:8px 15px;
	font-size:24px !important;
}
#cookbook-header .second-level-nav li.selected {
	padding-left:15px;
	height:30px;
	background: transparent url("../images/backgrounds/my-cookbook-underline.gif") no-repeat bottom center !important;
	background-position: 0 3px;
}


.notepad-700-holder {
	width:700px;
	position:relative;
	margin-top:10px;
}
.notepad-700-holder .head { 
	height:63px;
	background: transparent url("../images/backgrounds/notepad-700-bg-top.gif") no-repeat top center;
}
.notepad-700-holder .body {
	padding: 0px 20px;
	background: transparent url("../images/backgrounds/notepad-700-bg-mid.gif") repeat-y top center;
}
.notepad-700-holder .foot { 
	height:19px;
	background: transparent url("../images/backgrounds/notepad-700-bg-btm.gif") no-repeat top center;
}

.my-cookbook #sort-by-holder {
	padding-left:0px;
	margin-left:25px;
}
.my-cookbook #recipes-holder { clear:both; }
.my-cookbook #recipes-holder .featured-recipe-item {
	float:left;
	padding-left:20px;
	padding-top:20px;
	width:140px;
	height:auto !important;
}
.my-cookbook #recipe-paging-holder { clear:both; width:600px; margin:0px !important; }


/* HEALTHY EATING
---------------------------------------------------------------------------------------------------*/
#hero-holder.healthy-eating {background: transparent url("../images/healthy-eating/healthy-eating-hero.gif") no-repeat center 80px ;}
#hero-holder.healthy-tips {background: transparent url("../images/healthy-eating/healthy-eating-tips.gif") no-repeat center 80px ;}
#hero-holder.healthy-info {background: transparent url("../images/healthy-eating/healthy-eating-info.gif") no-repeat center 80px ;}
#hero-holder.healthy-faq {background: transparent url("../images/healthy-eating/healthy-eating-faq.gif") no-repeat center 80px ;}
#hero-holder.healthy-quality {background: transparent url("../images/healthy-eating/healthy-eating-quality.gif") no-repeat center 80px ;}

ul.chillies {margin: 0px; padding: 0px}

ul.chillies li {
	background: url("../images/healthy-eating/chillie-bullet.gif") no-repeat 0 2px;
	list-style-type:none;
	margin: 8px 0;
	padding: 0px 20px;
}

/* ABOUT US & CONTACT US PAGES
---------------------------------------------------------------------------------------------------*/
#hero-holder .left-align-header {
	text-align:left; 
	background-position:bottom left;
	padding-bottom:15px;
}
#hero-holder.about-us, .about-us {
	background: transparent url("../images/about-us-hero.gif") no-repeat center 80px ;
}

#hero-holder.contact-us, .contact-us {
	background: transparent url("../images/contact-us-hero.gif") no-repeat center 80px ;
}


#hero-holder.out-of-home, out-of-home {
	background: transparent url("../images/out-of-home-hero.gif") no-repeat center 80px ;
}



table.contact-form td { 
	padding: 2px 5px;
}
table.contact-form .first-col {
	width:130px;
	text-align:right;
	vertical-align:top;
	font-weight:bold;
}
table.contact-form input { width:200px; }
table.contact-form textarea { width:300px; }
.form-submit-btn { float:right; padding-top:10px; }

.validation-summary {
    margin-left: 130px;
}


.logos {float:left; margin-right:10px; width:750px;}
.logos img {float: left; margin: 20px  20px 0 0; }

/* Search */

.notepad-search-holder {
	width:700px;
	position:relative;
	margin:10px auto;
	text-align: center;
}
.notepad-search-holder .head { 
	height:63px;
	background: transparent url("../images/backgrounds/notepad-search-bg-top.gif") no-repeat top center;
}
.notepad-search-holder .body {
	padding: 0px 20px;
	background: transparent url("../images/backgrounds/notepad-search-bg-mid.gif") repeat-y top center;
	text-align: left;
}



.notepad-search-holder .foot { 
	height:19px;
	background: transparent url("../images/backgrounds/notepad-700-bg-btm.gif") no-repeat top center;
}

#cse-search-results iframe {margin-left: 20px; }

#search-header { 
	width:645px;
	height:85px;
	background: transparent url("../images/backgrounds/my-cookbook-header-bg.gif") no-repeat 5px 0px;
	text-align:center;
	padding-bottom: 15px;
}

.notepad-search-holder .body h1 {text-align: center; padding: 30px 0 0 0;}

.footer {padding: 5px 35px;}

/* CLEARFIX (http://www.positioniseverything.net/easyclearing.html)
---------------------------------------------------------------------------------------------------*/
.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;}
/* End hide from IE-mac */

.clear {clear: both;}
