@import 'reset.css'; /*Resets the browser default styles */

body {
background: #050100 url('../images/bg_woodTile.jpg') repeat-y top center;
color: #FFF;
font: 0.625em/1.4em Georgia,Verdana,Ariel,sans-serif; /*base font size of 10px/pt*/
}


/*///////////// FONT STYLING /////////////*/

p {
	font-size: 1.2em;
	color: #333;
	line-height: 1.4em;
}

a {
	color: #3a7700;
	text-decoration : none;
}

a:hover {
	color: #1d3c00;
	text-decoration : underline;
}

.glossaryLinks 
{
		text-align:center; 
		display: block; 
		margin-top: 10px; 
		margin-bottom: 5px;
}

a.glossary {
	color: #3a7700;
	text-decoration : none;
	font-size: 2em;
	padding-left: 4px; 
	padding-right: 4px;
}

a.glossary:hover {
	color: #1d3c00;
	text-decoration : none;
	border-bottom: 1px dotted #1d3c00;
}

.sideBarTitle {
	font-size: 1.5em;
	color: #333;
	line-height: 1.2em;		
}



.error {color: Red;}

table {
display :inline-table;
margin : 0px;
padding : 0px;
border-collapse : collapse
}

table tr td, table tr th {
border : 0px;
text-align : left;
vertical-align : top;
border : 0px;
margin : 0px;
}

/*escape tags*/
.hasJs .js-hide, .hasJs .js-hide * {display : none !important}

.access {
position : absolute;
visibility : hidden;
}

.Quote {font-size: 35px;}
.Quote1 {font-size: 40px; border: 1px solid red;}
#Note {font-size: 20px;}

.left {float: left;}
.right {float: right;}

.dottedDivider {background: url('../images/im_dotted_divider.gif'); margin-bottom: 10px; height: 1px; width: 570px; overflow: hidden; line-height: 300px; display: block;}

/************ Site Master ************************/

#container {
	width: 990px;
	margin: 0 auto;
	position: relative;
}
#header {padding-bottom: 10px; overflow: auto;}
.knorrLogo {margin-left: 50px;}

#searchHeader {position: absolute; top: 15px; right: 30px; width: 200px;}
#ctl00_HeaderSearch_autoSuggestSearch_completionListElem ul li {background-color: Green;}


#contentContainer {width: 990px; color: #000;}
#bookTop {background: url('../images/im_bookTop.png') no-repeat top center; height: 25px;}
#content {background: url('../images/im_bookTile.png') repeat-y top center; overflow: hidden; position: relative;}
#homeFooterContent {background: url('../images/im_bookHomeTile.png') repeat-y top center; overflow: auto; padding-left: 60px;}
#bookBottom {background: url('../images/im_bookBtm.png') no-repeat top center; height: 35px;}

#columns {width: 585px; padding-left: 60px; float: left;}
#columnOne {width: 215px; float: left; border-right: 1px solid #e5e5e5; padding-right: 15px;}
#columnTwo {width: 300px; float: left; padding-left: 15px;}

#generalContent {padding-right: 15px; margin-bottom: 10px;}
#generalContent h1 {font-size: 2.4em; color: #333; line-height: 1.2em; margin-bottom: 8px;}
#generalContent h2 {font-size: 1.3em; color: #333333; padding-bottom: 2px;}
#generalContent p {margin-bottom: 10px;}

#sidebar {width: 330px; float:right; position:relative; margin-bottom: 20px;}
#sidebar h2 {width: 260px; font-size: 1.3em; color: #333333; padding-bottom: 2px;}
#sidebar h2.underline {padding-bottom: 10px; border-bottom: 1px dotted #CCCCCC; margin-bottom: 10px;}
#sidebar h2.marcoMail {color: #3a7700; padding-bottom: 10px; border-bottom: 1px dotted #CCCCCC; margin-bottom: 10px;}
#sidebar h3 {font-size: 1.6em; color: #3a7700; line-height: 1.2em; margin-bottom: 10px;}
#sidebar p {padding: 0px 5px 10px 0px; width: 180px;}
#sidebar p.small {font-size: 1em;}

.shareThisSml {position: absolute; bottom: 0; right: 0; margin-right: 70px;}
.shareThisSml span {vertical-align: top;}
.shareThisSml img {margin-left: 4px;}

#marcoMail {margin-top:5px; padding-bottom: 5px; float: left;}
#marcoMail .formField {margin-bottom: 5px;}


.CMSBreadCrumbsLink, .CMSBreadCrumbsCurrentItem {font-size: 1.2em;}

/****** Main Menu *************/
#menu {float: left; width: 650px; height: 35px; margin-left: 20px; margin-top: 15px; position: relative;}
#menu li {display: block; float: left; font-size: 1.6em; text-align: center; padding-right: 7px; padding-left: 7px; background: url('../images/nav_vertical-divider.gif') top right no-repeat;}
#menu li a {padding-top:5px; padding-bottom:5px; display:block; color: #FFFFFF; text-decoration:none;}
#menu li a:hover{text-decoration: none;}
#menu li a.MainCMSListMenuLinkHighlighted {color:#3a7700;}

#menu_LI_0_1_37 a {background: url('../images/nav_homeIcon.gif') no-repeat; width: 31px; height: 26px; display: block; line-height: 300px; padding: 0px; overflow: hidden;}
li#menu_LI_0_1_37 {padding-right: 14px;}
li#menu_LI_0_2_37 {height: 26px; width: 66px;}
li#menu_LI_0_3_37 {height: 26px; width: 104px;}
li#menu_LI_0_4_37 {height: 26px; width: 101px;}
li#menu_LI_0_5_37 {height: 26px; width: 72px;}
li#menu_LI_0_6_37 {height: 26px; width: 94px; background: none;}

li#menu_LI_0_1_37 a:hover {background: url('../images/nav_home.gif') no-repeat; width: 31px; height: 26px; display: block; line-height: 300px; padding: 0px; overflow: hidden;}
li#menu_LI_0_2_37 a:hover {color:#3a7700; height: 26px; width: 66px; background:url('../images/nav_recipies.gif') no-repeat;}
li#menu_LI_0_3_37 a:hover {color:#3a7700; height: 30px; width: 104px;background:url('../images/nav_cooking-tips_arrow.gif') no-repeat;}
li#menu_LI_0_4_37 a:hover {color:#3a7700; height: 30px; width: 101px;background:url('../images/nav_about_arrow.gif') no-repeat;}
li#menu_LI_0_5_37 a:hover {color:#3a7700; height: 30px; width: 72px;background:url('../images/nav_features_arrow.gif') no-repeat;}
li#menu_LI_0_6_37 a:hover {color:#3a7700; height: 30px; width: 94px;background:url('../images/nav_promotions_arrow.gif') no-repeat;}

#menu_LI_0_1_37 a.MainCMSListMenuLinkHighlighted {background: url('../images/nav_home.gif') no-repeat; width: 31px; height: 26px; display: block; line-height: 300px; padding: 0px; overflow: hidden;}
#menu_LI_0_2_37 a.MainCMSListMenuLinkHighlighted{height: 26px; width: 66px; background:url('../images/nav_recipies.gif') no-repeat;}
#menu_LI_0_3_37 a.MainCMSListMenuLinkHighlighted{height: 30px; width: 104px;background:url('../images/nav_cooking-tips_arrow.gif') no-repeat;}
#menu_LI_0_4_37 a.MainCMSListMenuLinkHighlighted{height: 30px; width: 101px;background:url('../images/nav_about_arrow.gif') no-repeat;}
#menu_LI_0_5_37 a.MainCMSListMenuLinkHighlighted{height: 30px; width: 72px;background:url('../images/nav_features_arrow.gif') no-repeat;}
#menu_LI_0_6_37 a.MainCMSListMenuLinkHighlighted{height: 26px; width: 94px;background:url('../images/nav_promotions_arrow.gif') no-repeat;}

.navHorizontalDivider {margin-left: 20px;}


/************ Sub Menu ******************/
#subMenu {width: 650px; float: left; margin-left: 30px; position: relative;}
#subMenu li {display: block; float: left; margin: 10px 20px 0px 5px; font-size: 1.2em; text-align: center;}
#subMenu li a {color: #FFFFFF; text-decoration: none; display: block; padding:5px;}
#subMenu li a:hover {text-decoration: underline;}
#subMenu li a.SubMenuCMSListMenuLinkHighlighted {text-decoration: none; background-color: #3C2517; border-color: #322016 #322016 #7f5f4d #7f5f4d; border-width: 1px; border-style: solid;}

/*****  CTA button generic settings *******/
.ctaButtonT1 .box-content, .ctaButtonT2 .box-content, .ctaButtonT3 .box-content, .ctaButtonT4 .box-content {clear: both; padding: 0 10px; color: #FFFFFF; text-align: center; font-size: 1.2em;}
* html .ctaButtonT1 .box-content, * html .ctaButtonT2 .box-content , * html .ctaButtonT3 .box-content, * html .ctaButtonT4 .box-content {height: 1%;}
.ctaButtonT1 .tl, .ctaButtonT1 .tr, .ctaButtonT1 .bl, .ctaButtonT1 .br {background: url('../images/im_btnCorners.gif'); width: 5px; height: 5px; font-size: 0;}
.ctaButtonT2 .tl, .ctaButtonT2 .tr, .ctaButtonT2 .bl, .ctaButtonT2 .br {background: url('../images/im_btnCorners.gif'); width: 5px; height: 5px; font-size: 0;}
.ctaButtonT3 .tl, .ctaButtonT3 .tr, .ctaButtonT3 .bl, .ctaButtonT3 .br {background: url('../images/im_btnCorners.gif'); width: 5px; height: 5px; font-size: 0;}
.ctaButtonT4 .tl, .ctaButtonT4 .tr, .ctaButtonT4 .bl, .ctaButtonT4 .br {background: url('../images/im_btnCorners.gif'); width: 5px; height: 5px; font-size: 0;}
.ctaButtonT1 a, .ctaButtonT2 a, .ctaButtonT3 a, .ctaButtonT4 a {color: #FFFFFF; text-decoration: none;}
.ctaButtonT1 .tl, .ctaButtonT1 .bl, .ctaButtonT2 .tl, .ctaButtonT2 .bl, .ctaButtonT3 .tl, .ctaButtonT3 .bl, .ctaButtonT4 .tl, .ctaButtonT4 .bl {float: left;}
.ctaButtonT1 .tr, .ctaButtonT1 .br, .ctaButtonT2 .tr, .ctaButtonT2 .br, .ctaButtonT3 .tr, .ctaButtonT3 .br, .ctaButtonT4 .tr, .ctaButtonT4 .br {float: right;}


/*****  CTA button Green on white  T1*******/
.ctaButtonT1 {float: left; background: #3a7700;}
.ctaButtonT1 .tr {background-position: -5px 0px;}
.ctaButtonT1 .br {background-position: -5px 5px;}
.ctaButtonT1 .bl {background-position: 0px 5px;}

.ctaButtonT1:hover {background: #448800;}
.ctaButtonT1:hover .tl {background-position: -10px 0px;}
.ctaButtonT1:hover .tr {background-position: -15px 0px;}
.ctaButtonT1:hover .bl{background-position: -10px 5px;}
.ctaButtonT1:hover .br {background-position: -15px 5px;}

/*****  CTA button Green on grey T2*******/
.ctaButtonT2 {float: left; background: #3a7700;}
.ctaButtonT2 .tl {background-position: -20px 0px;}
.ctaButtonT2 .tr {background-position: -25px 0px;}
.ctaButtonT2 .bl {background-position: -20px 5px;}
.ctaButtonT2 .br {background-position: -25px 5px;}

.ctaButtonT2:hover {background: #448800;}
.ctaButtonT2:hover .tl {background-position: -30px 0px;}
.ctaButtonT2:hover .tr {background-position: -35px 0px;}
.ctaButtonT2:hover .bl{background-position: -30px 5px;}
.ctaButtonT2:hover .br {background-position: -35px 5px;}


/*****  CTA button Green on brown T3*******/
.ctaButtonT3 {float: left; background: #3a7700; width: 90px;}
.ctaButtonT3 .tl {background-position: -40px 0px;}
.ctaButtonT3 .tr {background-position: -45px 0px;}
.ctaButtonT3 .bl {background-position: -40px 5px;}
.ctaButtonT3 .br {background-position: -45px 5px;}

.ctaButtonT3:hover {background: #448800;}
.ctaButtonT3:hover .tl {background-position: -50px 0px;}
.ctaButtonT3:hover .tr {background-position: -55px 0px;}
.ctaButtonT3:hover .bl{background-position: -50px 5px;}
.ctaButtonT3:hover .br {background-position: -55px 5px;}


/*****  CTA button white on brown T4*******/
.ctaButtonT4 {float: left; background: #FFFFFF; width: 80px; }
.ctaButtonT4 .tl {background-position: -60px 0px;}
.ctaButtonT4 .tr {background-position: -65px 0px;}
.ctaButtonT4 .bl {background-position: -60px 5px;}
.ctaButtonT4 .br {background-position: -65px 5px;}

.ctaButtonT4 a {color: #3a7700;}
.ctaButtonT4 a:hover {color: #000000;}


/****** Widget ********/
.widget {background: url('../images/im_widgetPanelTop.gif') no-repeat top left; padding-top: 10px; position: relative; margin-bottom: 30px;}
.widgetGreyContent {background: url('../images/im_widgetPanelTile.gif') repeat-y top left; padding: 0px 15px 0px 15px;}
.widget ul.recipeList {margin-bottom: 30px;}
.widget .recipeList li {border-bottom: 1px dotted #CCCCCC; width: 280px; margin-bottom: 10px;}
.widget .recipeList li p {width: 165px !important;}


.widget .textImage {overflow: auto; width: 275px; margin-left: 5px;}
.widget .textImage .content {float: left; width: 175px; padding-right: 10px; }
.widget .textImage img {float: left; display: block;}
.widget .smallImage {margin-bottom: 10px;}

.widget div.content a:hover{text-decoration: underline;}
.widget div.content .dottedDivider {border: 1px solid red; width: 150px;}
.widget .fullWidthText {width:280px;}

.widget .comingSoon li {list-style-type: disc; font-size: 1.2em; margin-left: 15px; margin-bottom: 5px;}

.paperClip1 {position: absolute; top: 0; right: 30px;}
.paperClipMarco {position: absolute; top: 10px; right: 30px;}


/*..formField, .formFieldB {overflow: auto;}*/
.formField strong {background: url('../images/im_inputGreyBtmLeft.gif') no-repeat 0 100%; display: block; float: left;}/*longer sides*/
.formField strong em {background: url('../images/im_inputGreyTopRight.gif') no-repeat 100% 0; display: block; float: left;}/*longer sides*/
.formField strong em span {background: url('../images/im_inputGreyBtmRight.gif') no-repeat 100% 100%; display: block; float: left;}
.formField strong em span span {background: url('../images/im_inputGreyTopLeft.gif') no-repeat; display: block; float: left;}

.formField input, select, textarea {margin: 3px; border: 1px solid #fff;}
.formField br {clear: both;}

      
.formFieldB strong {background: url('../images/im_inputBrownBtmLeft.gif') no-repeat 0 100%; display: block; float: left;}/*longer sides*/
/*.formFieldB strong em {background: url('../images/im_inputBrownTopRight.gif') no-repeat 100% 0; display: block; float: left;}longer sides
.formFieldB strong em span {background: url('../images/im_inputBrownBtmRight.gif') no-repeat 100% 100%; display: block; float: left;}*/
.formFieldB strong em span span {background: url('../images/im_inputBrownTopLeft.gif') no-repeat; display: block; float: left;}

.formFieldB input, select, textarea {margin: 2px; border: 1px solid #fff;}
.formFieldB br {clear: both;}


/************** Header Search **********************/
/*.searchField {overflow: auto; margin-bottom: 5px;}*/
.searchHeader .searchField strong {background: url('../images/im_inputBrownBtmLeft.gif') no-repeat 0 100%; display: block; float: left;}/*longer sides*/
.searchHeader .searchField strong em {background: url('../images/im_inputBrownTopRight.gif') no-repeat 100% 0; display: block; float: left;}/*longer sides*/
.searchHeader .searchField strong em span {background: url('../images/im_inputBrownBtmRight.gif') no-repeat 100% 100%; display: block; float: left;}
.searchHeader .searchField strong em span span {background: url('../images/im_inputBrownTopLeft.gif') no-repeat; display: block; float: left;}
.searchHeader .searchField input, select, textarea {margin: 5px 5px; border: 1px solid #fff;}
.searchHeader .searchField br {clear: both;}
#searchHeader a {float: left; height: 25px; width: 25px; background: url('../images/btn_lookingGlass.gif') no-repeat; line-height: 300; overflow: hidden; padding-top: 25px;}


/*********** Footer  ******************/
#footer {color: #000}
#footerTop {background: url('../images/bg_footerTop.png') no-repeat top center; height: 39px;}
#footerTile {background: url('../images/bg_footerTile.png') repeat-y top center; padding: 0px 60px 0px 60px; overflow:hidden;}
#footerBottom {background: url('../images/bg_footerBtm.png') no-repeat top center; height: 100px;}
#footerBottom ul{overflow:auto; width: 500px; margin: 0px 0px 10px 60px; position: absolute; bottom: 0;}
#footerBottom ul li {float: left; padding: 0px 5px 0px 5px; border-right: 1px solid black;}
#footerTile  ul {width: 150px; border-right: 1px dotted #cccccc; color: #407904; margin-left: 5px; float: left; padding-left: 10px; height: 130px;}
#footerTile ul li {list-style-image: url('../images/im_chevron.gif'); margin-bottom: 3px; font-size: 1.1em; padding-right:5px; margin-left: 15px;}
#footerTile ul li.title {color: #000; font-size: 1.4em; list-style: none; margin-left: 0px; margin-bottom: 10px;}


/**************** Landing Pages ****************/
#landingPages {padding-right: 15px;}
#landingPages h1 {font-size: 2.4em; color: #333; line-height: 1.2em; margin-bottom: 10px;}
#landingPages h2, #generalContent h2 {font-size: 2em; color: #333; line-height: 1.2em; margin-bottom: 10px;}
#landingPages h3 {font-size: 1.6em; color: #3a7700; line-height: 1.2em; margin-bottom: 10px;}
#landingPages p {margin-bottom: 10px;}
#landingPages .mainImage {margin-bottom: 10px;}
#landingPages .quote {display:block; margin-bottom: 10px;}
.newTitles {font-family: ArdleysHand; font-size: 1.8em; color: #333; line-height: 1.2em;}
#generalContent ul, #landingPages ul {margin-left:30px;}
#generalContent li, #landingPages li {list-style-type: square; font-size: 1.2em; margin-bottom: 5px; line-height: 1.4em;}

.contentImageLeft {padding: 5px; margin-right: 5px; float: left;}
.contentImageRight {padding: 5px; margin-left: 5px; float: right;}

#landingPageListing {margin-top: 10px; margin-bottom: 20px; overflow: auto;}
#landingPageListing .heading {border-bottom: 1px dotted #CCCCCC; margin-bottom: 10px; overflow: auto; width: 100%; padding-bottom: 10px;}
#landingPageListing h2 {float: left;}
#landingPageListing .ctaButton {float: right;}
#landingPageListing .ctaButtonT1 {width: 120px;}
#landingPageListing .teaser {margin-left: 0px;}
#landingPageListing .teaserImage {float: left;}
#landingPageListing a.teaserLink {min-height: 115px; float: left; margin: 0px 10px 0px 0px; width: 270px;}
#recipeCategoryListing a.teaserLink {min-height: 115px; float: left; margin: 0px 10px 0px 0px; width: 270px;}

/*#landingPageListing .recipe {border-bottom: 1px dotted #CCCCCC; float: left; width: 274px; margin-right:10px;}
#landingPageListing .recipe img {float: left; margin-right: 10px;}
#landingPageListing .recipe .description {border-right: 1px dotted #CCCCCC; margin-bottom: 10px; float: left; width: 178px;}

.shareThis {margin-left: 2px; margin-right: 2px;}*/


#generalContent .promo, #landingPages .promo {float: left; width: 270px; border-bottom: 1px dotted #CCCCCC; min-height: 210px; margin-bottom: 10px; margin-right: 15px;}
#generalContent .promo h2, #landingPages .promo h2 {color: #3a7700;}
#generalContent .promo img, #landingPages .promo img {margin-bottom: 5px;}


/**************** Recipe/Tips Pages ****************/
#recipeTips {position: relative;}
#recipeTips h1 {width: 400px; font-size: 3.2em; color: #3a7700; line-height: 1.2em; width: 450px; margin-bottom: 15px; margin-top: 15px;}
#recipeTips h2 {font-size: 1.7em; color: #333; line-height: 1.2em; margin-bottom: 7px;}
#recipeTips .mainImage {margin-bottom: 10px;}
#recipeTips .headerPanel1 {padding-bottom: 10px; padding-right: 15px; overflow: hidden;}
#recipeTips #Quote {float: left; width: 380px;}
#recipeTips .ctaButtonT2 {float: right; width: 140px;}
ul.ingredients {margin-left: 10px; margin-bottom: 10px;}
ul.ingredients li {font-size: 1.2em; line-height: 2em;}
#recipeTips p {margin-bottom: 10px; line-height: 1.5em;}

.contentRating1 {width: 100px; position: absolute; top: 45px; right: 0;}

#actionPanel .recipePanelTile, #summaryPanel .recipePanelTile {background: url('../images/bg_recipePanelTile.gif') repeat-y top center; width: 215px; padding-bottom: 10px;}
#actionPanel .recipePanelTile {text-align: center;}
#actionPanel .printButton {overflow: auto; text-align: center;}
#actionPanel .printCenter {width: 111px; margin: 0 auto;}
#actionPanel .printCenter .ctaButtonT2 {width: 110px; margin: 0px;}

#actionPanel .contentRating2 {width: 90px; margin: 0 auto; padding-bottom: 25px;}
#actionPanel .dottedDivider {width: 180px; margin-left: 15px;}
#actionPanel .shareThisLg {padding-bottom: 10px;}
#actionPanel .shareThisLg img {margin: 2px 0px 2px 0xp;}

#tipContent {padding-right:15px; font-size: 1.2em; line-height: 1.5em; margin-bottom: 20px;}
#tipContent ul {margin-bottom:5px;}
#tipContent ul li {list-style-type: disc; margin-bottom: 5px; margin-left: 15px;}

.headerPanel1 .tipPrint {width: 110px !important;}



#summaryPanel .wrap {overflow: hidden; margin-right: 7px; margin-left: 7px; padding-bottom: 5px;}
#summaryPanel .left {width: 85px; font-size: 1.2em; padding-top:5px;}
#summaryPanel span {width: 90px; font-size: 1.4em;line-height: 1.5em; color: #3a7700; float: right;}


.tipPanelTile {background: url('../images/bg_tipPanelTile.gif') repeat-y top center; width: 570px; text-align: center;}
.tipPanelTile .rateIt {border-right: 1px dotted #CCCCCC; width: 180px; float: left;}
.tipPanelTile .shareIt {border-right: 1px dotted #CCCCCC; width: 180px; float: left;}
.tipPanelTile .printButton {width: 190px;}
.tipPanelTile .printCenter {padding-top: 10px;}
.tipPanelTile .ctaButtonT2 {width: 90px!important;}
.tipPanelTile .shareThisLg {padding: 0px !important;}

/************ Banner Image *********************/

.promoHeader, .bannerImage {margin: 0px 0px 10px 60px;}

#bannerSlide 
{
	height: 330px; 
	width: 870px; 
	margin: auto; 
	padding-bottom: 10px;
	position:relative; 
    z-index:10;
}

div.banner1, div.banner2, div.banner3, div.banner4, div.banner5
{
	width:870px;
	height:330px;
	position:absolute;
	z-index:20;
	left:20;
}

div.bannerImg
{
	width:870px;
	height:330px;
	position:absolute;
	z-index:20;
	left:20;
}

.bannerImage {margin: 0px 0px 10px 60px;}

/*
#bannerSlide div.bannerImage1, #bannerSlide div.bannerImage2, #bannerSlide div.bannerImage3, #bannerSlide div.bannerImage4, #bannerSlide div.bannerImage5
  {
  width:870px;
  height:330px;
  }
*/
#bannerSlide div.title
  {
  float:left; 
  width: 400px;
  background-color:#FFFFFF;
  border:0px solid black;
  /* for IE */
  filter:alpha(opacity=60);
   /*CSS3 standard */ 
  opacity:0.6;
  margin: 15px 0px 0px 20px;
  position:absolute; 
  z-index:30;
  display:inline-block;
  }
#bannerSlide div.title p
  {
  margin: 5px;
  color:#000000;
  font-size: 4em; 
  line-height: 1.2em;
  padding: 5px;
  }
#bannerSlide div.title a {color: #000000;}
#bannerSlideMenu {position: absolute; z-index: 100; right:0; top: 10; margin-right: 80px; margin-top: 10px;}
#bannerSlideMenu a {padding-bottom: 2px;font-size: 1.4em; float: left; text-align: center; display:block; height: 20px; width: 20px; margin-right: 10px; color: #FFFFFF; background: url('../images/im_jsCirclesGreen.png') no-repeat top center;}
#bannerSlideMenu a.activeSlide {font-size: 1.4em; color: #3a7700; background: url('../images/im_jsCirclesWhite.png') no-repeat top center;}


/*************** Home Page **********************/
#updateBox {width: 570px; position: relative;}
.updateBoxHeader {background: url('../images/im_BoxTop_570x45.gif') no-repeat; height: 45px; text-align: center;}
.updateBoxHeader span {display: block; width: 285px; float: left; font-size: 1.6em; margin-top: 15px;}
.newBadge {position: absolute; top: 0; left: 0;}
.updateBoxRepeater {background: url('../images/im_BoxTile_570x1.gif') repeat-y; overflow: auto;}
.updateBoxFooter {background: url('../images/im_BoxTile_570x1.gif') repeat-y; height: 40px; text-align: center;}
.updateBoxFooter span {display: block; width: 285px; float: left; font-size: 1.2em; margin-top: 15px;}


/*.teaser {width: 255px; overflow: auto; margin-left: 10px; padding-bottom: 10px; padding-top: 10px; border-bottom: 1px dotted #CCCCCC;}
.teaser:hover {background-color: #FFFFFF;}
.teaser:hover .teaserImage {border: 2px solid #3A7700 !important;}
.teaser:hover .teaser a {text-decoration: underline;}
*/


.teaserTitle {color: #3A7700; font-size: 1.6em; line-height: 1.2em; margin-bottom: 5px; text-decoration: none;}
.teaserText {color: #333333; font-size: 1.2em; line-height: 1.4em; text-decoration: none;}
.teaserLink span {float: left; width: 150px; margin-left: 12px; padding-right: 5px;}
.teaserImage {float: right; border: 2px solid #F2F2F2 !important; margin-right: 10px;}

a.teaserLink {display: block; width: 275px; min-height: 100px; margin-left: 5px; text-decoration: none; overflow: auto; padding: 10px 0px 10px 0px; border-bottom: 1px dotted #CCCCCC;}
/* for Internet Explorer */
/*\*/
* html a.teaserLink {
height: 100px;
}
/**/


a.teaserLink:hover {background-color: #FFFFFF;}
a.teaserLink:hover .teaserTitle {text-decoration: underline;}
a.teaserLink:hover .teaserImage {border: 2px solid #3A7700 !important;}


#homeFooterBoxes {padding-bottom: 20px;}
#homeFooterBoxes .box {border: 1px solid #e0e0e0; background-color: #FFFFFF; padding: 4px; float: left; width: 250px; overflow: auto;}
#homeFooterBoxes .box img {float: left;}
#homeFooterBoxes .box p {margin-bottom: 5px;}
#homeFooterBoxes .innerBox {background-color: #F2F2F2; padding: 10px; overflow: auto;}
#homeFooterBoxes .innerBox .right {width: 130px; margin-left: 10px;}
#homeFooterBoxes h3 {color: #3A7700; font-size: 1.6em; line-height: 1.2em; margin-bottom: 5px;}


/************ recipe Search *************************/

.wideSearchPanel {width: 570px; background: url('../images/im_SearchBoxTile_570x1.gif') repeat-y;}
.wideSearchPanel .ctaButtonT1 {margin-left: 10px;}
.wideSearchPanel .ctaButtonT1 .box-content a {text-decoration: none;}
.wideSearchPanel .ctaButtonT1 .box-content span {vertical-align: top; margin-right: 5px;}

.refineToggle, .refineToggle2, .refineToggle22 {margin-left: 3px; color:#407904; padding-right: 15px; background: url('../images/im_downArrow.gif') no-repeat right; font-size: 1.2em;}
.refineSearch, .refineSearch2 {margin-top: 10px; min-width:300px; }

/**************  Search results **************/
.searchResults {border-top: 1px dotted #CCCCCC; overflow: auto; position: relative;}
.searchResults .teaserTitle {color: #3A7700; font-size: 1.6em; line-height: 1.2em; margin-bottom: 5px; text-decoration: none;}
.searchResults .teaserText {color: #333333; font-size: 1.2em; line-height: 1.4em; text-decoration: none;}
.searchResults .teaserLink span {float: left; width: 160px; margin-left: 12px; padding-right: 5px;}
.searchResults .teaserImage {float: left; border: 2px solid #F2F2F2 !important; margin: 0px !important;}

.searchResults a.teaserLink {display: block; float: left; width: 275px; margin-left: 5px; text-decoration: none; overflow: auto; padding: 10px 0px 10px 0px; border-bottom: 1px dotted #CCCCCC;}
.searchResults a.teaserLink:hover {background-color: #FFFFFF;}
.searchResults a.teaserLink:hover .teaserTitle {text-decoration: underline;}
.searchResults a.teaserLink:hover .teaserImage {border: 2px solid #3A7700 !important;}

.ajax__tab_tab {font-size: 1.6em; padding: 10px; color: #3A7700;}
.ajax__tab_active .ajax__tab_tab {color: #000000 !important;}
.ajax__tab_hover {color: #000000 !important; cursor: pointer;}

.searchFilter li {font-size: 1.2em; margin: 0px 50px 5px 18px;}
.TimeToCook, .Seasonal, .MealType, .Ingredient, .Difficulty {padding-bottom: 10px;}

span.green {color: #3A7700;}
h2.searchHeading {font-size: 2.4em;margin: 20px 0px 20px 0px;}


/**************** Marco Mail ********************/
.fullWidthBox {width: 570px; background: url('../images/im_SearchBoxTile_570x1.gif') repeat-y; margin: 0px; padding: 0px;}
.fullWidthBox h2 {font-size: 1.6em; margin:10px 0px 5px 20px;}
.fullWidthBox .signature {margin-left: 20px; display: block; margin-bottom: 10px;}
.fullWidthBox #marcoMail {margin-left: 20px; margin-bottom: 20px;}
.fullWidthBox #marcoMail .ctaButtonT2 {margin-left: 20px;}
.fullWidthBox p {padding: 0px 20px 5px 20px;}
.marcoPaperclip {position: absolute; top: -34px; right: -10px;}

.displayBlockImage {display: block; margin: 0px; padding: 0px;  }

/********************** Prize Draw *********************************/
#formContent {margin: 10px 20px 10px 20px;}
#formContent .rowWrap {overflow: auto; padding-bottom: 5px;}
#formContent .rowWrap input, select, textarea {border: 1px solid #CCCCCC; margin: 0px; font-family: Georgia;}
#formContent .rowWrap .columnLeft {width: 200px; float: left; padding-top: 10px;}
#formContent .rowWrap .columnRight {float: left;}
#formContent label {font-size: 1.2em;}
#formContent .rowWrap input {margin-right: 10px;}
#formContent .dottedDivider {width: 525px;}
#formContent p {margin-bottom: 5px;}
.submitButton {text-align: center; overflow: auto;}
.centerButton {width: 70px; margin: 0 auto;}


/****************************** History *******************************/
#knorrHistory {margin-bottom: 30px;}
#knorrHistory p {float: right; width: 450px;}
#knorrHistory span {float: left; color: #3A7700; font-size: 2em; margin-right: 20px;}
#knorrHistory .entry {margin-bottom: 10px;}

/************** Guide to roasting meat table ***************************/

table.data .white { background-color:#fff; }
table.data .nopad { padding:0; }
table.data td, table.data th { background-color:#DBE2D2;padding:5px;font-weight:bold;color:#444;}
table.data td.title { font-size:1.5em; color:#336600;}
table.data td.border { background-color:#336600; height:2px;padding:0;}


/************* Contact Us form styles *****************************/

div.ContactForm
{
	margin:20px 0px 20px 20px;	
	width:100px;
}

div.ContactForm ul
{
	list-style-type:none;		
}

div.ContactForm ul li
{
	list-style-type:none !important;		
	float:left;
}

div.ContactForm ul li input
{
	width:200px;
}

/*************** Chef Logo ***************************/

div.ChefLogo
{
	position:absolute;
}

div.ChefLog img
{
	position:relative;
	margin-top:100px;
}

/*************** SiteMap ***************************/


#siteMap
{
	padding: 10px;
	line-height: 1.4em;
	font-size: 1.3em;
}

#siteMap ul li ul {margin-left: 20px;}