/*--- CSS RESET (thanks to Eric Meyer - meyerweb.com) -------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; }
:focus { outline:0; }
body { line-height:1; }
ol, ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }

/*--- LAYOUT (with the help of csscreator.com) --------------------------------------*/
html, body { text-align:center; } 
body { background:url(../images/bground.jpg) repeat-x #f8f0df; color:#7c4b41; line-height:1.125em; font-family: Arial, Helvetica, sans-serif; }
.pagewidth { font-size:0.75em; margin:0 auto; text-align:left; width:970px; } 
.contentbox { background:url(../images/content-bg.gif) repeat-y #fff; padding:0 35px 20px 35px; width:900px; }
.maincol { display:inline; float:left; position:relative; width:595px; }
.rightcol { float:right; position:relative; width:280px; }

/*--- HEADINGS ----------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; font-weight:normal; }
h1 { color:#4fa600; font-size:1.8em; margin:10px 0; }
h1 strong { color:#94031c; font-weight:normal; }
h2 { color:#4fa600; font-size:1.6em; margin:10px 0; }
h2.home { font-size:1.7em;}
.maincol h2 { margin-top:20px; }
.rightcol h2 { font-size:1.5em; }
h3 { color:#94031c; font-size:1.5em; font-style:italic; margin:10px 0; }
.maincol h3 { margin-top:15px; }
h4 { color:#94031c; font-size:1.2em; line-height:1.4; margin:10px 0; }

/*--- TEXT / LINKS / FORMS ------------------------------------------------------------------*/
a:link, a:visited { color:#d71440; text-decoration:underline; }
a:hover, a:active, a:focus { color:#94031c; text-decoration:underline; }

strong, b { font-weight:bold; }
em, i { font-style:italic; }
abbr,acronym { border-bottom:1px dotted #94031c; cursor:help; } 

.maincol input, .maincol textarea, .maincol select { background:#fff; border:1px solid #e4d4ac; color:#7c4b41; font-size:1em; font-family: Arial, Helvetica, sans-serif; }
.rightcol input, .rightcol textarea, .rightcol select { background:#fff; border:1px solid #e4d4ac; color:#7c4b41; font-size:1em; font-family: Arial, Helvetica, sans-serif; }

.maincol p, .maincol fieldset, .maincol table, .maincol pre { margin-bottom:10px; }
.maincol p { font-size:1.1em; }

.maincol blockquote, .maincol ul, .maincol ol, .maincol dl { margin:1em; }
.maincol ol, .maincol ul, .maincol dl { margin-left:2em; }
.maincol ol li { list-style:decimal outside; }
.maincol ul li { list-style:disc outside; }
.maincol dl dd { margin-left:1em; }

.imgright { float:right; margin:5px 0 5px 10px; }
.imgleft { float:left; margin:5px 10px 5px 0; }

/*----
th, td { border:1px solid #000; padding:.5em; }
th { font-weight:bold; text-align:center; }
caption { margin-bottom:.5em; text-align:center; }
---*/

/*--- EXTRAS -------------------------------------------------------------------------*/
hr { display:none; }	 
.box { border:2px solid #f1e4c2; margin-bottom:30px; padding:15px; }

/*--- HEADER ------------------------------------------------------------------------*/
.header { background:url(../images/content-top.gif) no-repeat left bottom; height:111px; padding-bottom:28px; position:relative; width:100%; } 
/*.header { background:url(../images/easter-top.gif) no-repeat left bottom; height:111px; padding-bottom:28px; position:relative; width:100%; }*/

.logo { position:absolute; left:30px; top:19px; }

.subnav { border-bottom:2px solid #eee6df; color:#9b6e5f; margin:-3px 0 15px 0; padding:0 0 3px 0; width:900px; }
.subnav ul { float:right; font-size:1.1em; font-family:"Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; line-height:normal; list-style:none; margin:0; padding:0; width:auto; }
.subnav li { float:left; list-style:none; margin:0; padding:0 0 0 20px; }
.subnav a:link, .subnav a:visited { color:#94031c; text-decoration:none; }
.subnav a:hover, .subnav a:active, .subnav a:focus { color:#d71440; text-decoration:underline; }

.breadcrumb { float:left; font-size:1.1em; width:auto; }
.breadcrumb em { font-size:0.9em; font-style:normal; font-weight:bold;}
.breadcrumb span {padding:0 2px;font-size:1em;}
.breadcrumb span a { color:#94031c;  padding:0 3px; text-decoration:none; }
.breadcrumb strong { font-size:0.9em; font-weight:normal; padding:0 3px; }


/*--- HEADER: navigation ---*/
.topnav { float:right; font-size:1.2em; font-family:"Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; line-height:normal; list-style:none; margin:0; padding:60px 21px 0 0; width:auto}
.topnav li { float:left; list-style:none; margin:0; padding:0; }
.topnav a:link, .topnav a:visited { background:url(../images/nav-left.gif) no-repeat left top; cursor:pointer; float:left; margin:0 9px 0 0; padding:0 0 0 5px; text-decoration:none; }
.topnav a:hover, .topnav a:active, .topnav a:focus { background-position:0% -30px; }
.topnav a:link span, .topnav a:visited span { background:url(../images/nav-right.gif) no-repeat right top #fff; color:#94031c; display:block; float:left; height:24px; padding:6px 13px 0 8px; }
.topnav a:hover span, .topnav a:active span, .topnav a:focus span { background-color:#94031c; background-position:100% -30px; color:#fff; }
.topnav .current a:link, .topnav .current a:visited  { background-position:0 -30px; }
.topnav .current a:link span, .topnav .current a:visited span { background-position:100% -30px; background-color:#94031c; color:#fff; }

/*--- HEADER: search ---*/
.topsearch { background:url(../images/topsearch-bg.gif) no-repeat 100% -31px #efe0c3; height:31px; padding:0 20px 0 0; position:absolute; top:0; right:31px; width:32.6em; }
.topsearch h3 { background:url(../images/topsearch-bg.gif) no-repeat; color:#9b6e5f; float:left; font:bold 1.1em Arial, Helvetica, sans-serif; height:24px; margin:0; padding:7px 10px 0 20px; text-transform:uppercase; }
.topsearch ul { float:left; list-style:none; margin:0; padding:4px 5px 0 0; }
.topsearch li { display:inline; list-style:none; margin:0; padding:0; }
.topsearch div { float:left; padding:4px 2px 0 2px; }
.topsearch div label { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden; }
.topsearch div input { background:#fff; border:1px solid #e4d4ac; color:#7c4b41; font-size:1.1em; font-family: Arial, Helvetica, sans-serif; margin-left:5px; padding:2px 1px 1px 1px; width:11.3em; }
.topsearch div.submit { padding-top:4px; }
.topsearch div.submit input { background:none; border:none; margin-left:0; width:auto; }

/*--- HOMEPAGE + RECIPES ----------------------------------------------------------------*/

/*--- Recipe of the Month ---*/
p.homerecipe { display:inline; float:left; font-size:1.5em; height:230px; position:relative; padding-right:15px; width:380px; }
.homerecipe img { border:2px solid #ddc999; }
.homerecipe a { background:url(../images/recipe-title.png) repeat; display:block; left:2px; margin-right:2px; padding:16px 10px 15px 30px; text-indent:-15px; position:absolute; top:166px; width:336px; }
.homerecipe a:link, .homerecipe a:visited { color:#4e0613; text-decoration:none; }
.homerecipe a:hover, .homerecipe a:active, .homerecipe a:focus { color:#4e0613; text-decoration:underline; }
.homerecipe a:link strong, .homerecipe a:visited strong { color:#d71440; text-decoration:none; }
.homerecipe a:hover strong, .homerecipe a:active strong, .homerecipe a:focus strong { color:#d71440; text-decoration:none; }
.homerecipe a span { background:url(../images/arrows.gif) no-repeat 0 6px; padding-left:15px; }

.focusrecipe { background:#f8f0df; border:2px solid #f1e4c2; height:226px; padding-right:15px; }
.focusrecipe h2 { font:normal bold 1.6em Arial, Helvetica, sans-serif; margin:0; padding:20px 0 10px 0; }
.focusrecipe h2 img { border:2px solid #ddc999; margin:-22px 16px -2px -2px; float:left; }
.focusrecipe p { padding:0; margin:0; }
.focusrecipe a:link, .focusrecipe a:visited { color:#d71440; text-decoration:none; }
.focusrecipe a:hover, .focusrecipe a:active, a:focus { color:#d71440; text-decoration:underline; }

/*--- Featured recipes ---*/
.featured { display:inline; float:left; position:relative; padding-right:0px; width:380px; }
.featured h3 { margin:0; padding:0 0 5px 0; }
.featured ul { margin:0; padding:0; }
.featured ul li { background:#f8f0df; border:2px solid #f1e4c2; height:100px; line-height:1.3; list-style:none; margin-top:5px; padding:10px 10px 5px 5px; }
.featured li img { float:left; margin:-10px 15px -5px -5px; }
.featured li h4 { font:bold 1.3em Arial, Helvetica, sans-serif; margin:0; padding:0; }
.featured li p { padding:10px 0 0 0; margin:0; }
.featured a:link, .featured a:visited { color:#d71440; text-decoration:none; }
.featured a:hover, .featured a:active, .featured a:focus { color:#d71440; text-decoration:underline; }

/*--- HOMEPAGE: Top 3 recipes ---*/
.homefav { float:right; position:relative; width:200px; }
.homefav h3 { margin:0; padding:0 0 2px 0; }
.homefav ul { list-style:none; margin:0; padding:0; }
.homefav ul li { background:#f8f0df; border:2px solid #f1e4c2; font-size:1.2em; font-weight:bold; height:51px; line-height:1.3; list-style:none; margin-top:5px; padding:5px 20px 5px 5px; }
.homefav li img { float:left; border-right:2px solid #f1e4c2; margin:-5px 10px -5px -5px; }
.homefav li a:link, .homefav li a:visited { color:#94031c; text-decoration:none; }
.homefav li a:hover, .homefav li a:active, .homefav li a:focus { color:#94031c; text-decoration:underline; }
.homefav li a:link strong, .homefav li a:visited strong { color:#d71440; display:block; font-size:0.8em; font-weight:normal; text-decoration:none; }
.homefav li a:hover strong, .homefav li a:active strong, .homefav li a:focus strong { color:#d71440; display:block; font-size:0.8em; font-weight:normal; text-decoration:underline; }

/*--- Bottom row ---*/
.btmrow { clear:both; padding-top:23px; }
.btmrow h2 { font-size:1.8em; margin:0 0 10px 0; }

/*--- HOMEPAGE: Competition highlight ---*/
.homecomp { display:inline; float:left; position:relative; padding-right:0px; width:380px; }
.homecomp div { background:url(../images/comp-bg.gif) repeat-x bottom #f8f0df; border:2px solid #f1e4c2; padding:12px 18px 0 18px; width:340px; } 
.homecomp h3 { font:124% normal "Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; margin:5px 0; }
.homecomp h4 { font-size:115%; margin:0; }
.homecomp p { font-size:1em; line-height:1.2; }
.homecomp p em { display:block; padding-top:3px; }
.homecomp img { border:2px solid #ddc999; float:left; margin:2px 12px 0 0; }
.homecomp a:link, .homecomp a:visited { color:#d71440; text-decoration:none; }
.homecomp a:hover, .homecomp a:active, .homecomp a:focus { color:#d71440; text-decoration:underline; }
.homecompbutton { background:url(../images/arrows.gif) no-repeat 0 -46px; font-size:1.1em; font-style:italic; font-weight:bold; margin:20px 0 0 0; padding:0 0 12px 12px; }
.homecompbutton img { border:0; float:right; margin:-3px 0 0 12px; }
.homecompbutton a:link, .homecompbutton a:visited { color:#810117; text-decoration:none; }
.homecompbutton a:hover, .homecompbutton a:active, .homecompbutton a:focus { color:#810117; text-decoration:underline; }

/*--- RECIPES: Competition highlight (right column) ---*/
.rightcomp { border:2px solid #f1e4c2; padding:12px 18px 5px 18px; }
.rightcomp h4 { font-size:115%; margin:0; padding:2px 0 5px; }
.rightcomp h3 { font:normal normal 122% "Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; margin:0 0 8px; }
.rightcomp p { line-height:1.2; }
.rightcomp p em { display:block; padding-top:5px; }
.rightcomp img { border:2px solid #ddc999; float:left; margin:0 12px 0 0; }
.rightcomp a:link, .rightcomp a:visited { color:#d71440; text-decoration:none; }
.rightcomp a:hover, .rightcomp a:active, .rightcomp a:focus { color:#d71440; text-decoration:underline; }
.rightcompbutton { background:url(../images/arrows.gif) no-repeat 0 -46px; font-size:1.1em; font-style:italic; font-weight:bold; margin:20px 0 0 0; padding:0 0 12px 12px; }
.rightcompbutton img { border:0; float:right; margin:-3px 0 0 12px; }
.rightcompbutton a:link, .rightcompbutton a:visited { color:#810117; text-decoration:none; }
.rightcompbutton a:hover, .rightcompbutton a:active, .rightcompbutton a:focus { color:#810117; text-decoration:underline; }

/*--- Recipes by category ("Try this today") ---*/
.trythis { float:right; position:relative; width:200px; }
.trythis h3 { margin:0; padding:0 0 5px 0; }
.trythis ul { list-style:none; margin:0; padding:0; }
.trythis ul li { background:#f8f0df; border:2px solid #f1e4c2; height:38px; line-height:1.3; list-style:none; margin-top:5px; padding:10px 10px 5px 5px; }
.trythis li img { float:left; margin:-10px 10px -5px -5px; }
.trythis li a:link, .trythis li a:visited { color:#9b695f; font-style:italic; text-decoration:none; }
.trythis li a:hover, .trythis li a:active, .trythis li a:focus { color:#9b695f; font-style:italic; text-decoration:underline; }
.trythis li a:link strong, .trythis li a:visited strong { color:#d71440; display:block; font-size:1.1em; font-style:normal; text-decoration:none; }
.trythis li a:hover strong, .trythis li a:active strong, .trythis li a:focus strong { color:#d71440; display:block; font-size:1.1em; font-style:normal; text-decoration:underline; }

/*--- HOMEPAGE: Newsletter signup (right column) ---*/
.signup { border:2px solid #f1e4c2; height:221px; padding:5px 0 0 18px; margin:2px 0 33px 0; width:258px; }
.signup h3 { font:normal 1.3em "Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; margin:10px 18px 15px 0; }
.signup p { clear:both; font-size:1.2em; padding:2px 0 8px 0; }
.signup label { display:block; float:left; width:3.6em; }
.signup p input { line-height:1.2; padding:1px 2px; width:12.6em; }
.signup div { background:url(../images/newsletter-pic.gif) no-repeat 100% 12px; padding:20px 0 21px 0 }
.signup div input { background:none; border:0; }

/*--- HOMEPAGE: Baking Tip (right column) ---*/
.hometip { }
.hometip img { border:2px solid #f1e4c2; display:block; margin-bottom:12px; }
.hometip h3 { font-style:normal; font-size:1.4em; margin-bottom:6px; }
.hometip h3 a:link, .hometip h3 a:visited { color:#d71440; text-decoration:none; }
.hometip h3 a:hover, .hometip h3 a:active, .hometip h3 a:focus { color:#d71440; text-decoration:underline; }
.hometip p { line-height:1.2; }

/*--- HOMEPAGE: Product categories slider ---*/
.homeprod { margin-top:33px; position:relative; width:900px }
.homeprod h2 { font-size:1.8em; margin:0 0 10px 0; }
.homeprod p { background:url(../images/arrows.gif) no-repeat 0 -92px; font:italic 1.2em "Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; padding:0 0 0 12px; position:absolute; right:0; top:2px; text-align:right; }
.homeprod p a:link, .homeprod p a:visited { color:#94031c; text-decoration:none; }
.homeprod p a:hover, .homeprod p a:active, .homeprod p a:focus { color:#94031c; text-decoration:underline; }
.homeprod div { border:2px solid #f1e4c2; width:896px; }
.homeprod ul { color:#9b695f; font-style:italic; margin:0; padding:15px 0 5px 10px; width:881px; }
.homeprod li { float:left; height:95px; margin:0 5px 0 0; text-align:center; width:105px; }
.homeprod li a { display:block; margin-bottom:5px; }

/*--- RECIPE SEARCH (right column) ---*/
.recipesearch { border:2px solid #f1e4c2; margin-bottom:30px; padding:0 20px 5px; position:relative }
.recipesearch div { padding-top:19px; position:relative; }
.recipesearch label { position:absolute; top:16px; left:196px; }
.recipesearch input { background:#f8f0df; border:1px solid #e4d4ac; padding:3px 2px; width:210px; }
.recipesearch h3 { font-size:1.4em; font-style:normal; margin-top:20px; }
.recipesearch p { margin-bottom:8px; }
.recipesearch select { border:1px solid #e4d4ac; padding:1px; width:233px; }
.recipesearch p.submit { text-align:right; }
.recipesearch p.submit input { background:#fff; border:0; text-align:right; width:auto; }

/*--- RECIPES SEARCH: A-Z ----*/
.righta2z { border:2px solid #f1e4c2; padding:15px 15px; position:relative; }
.righta2z p { padding:0 3px; margin:0 0 10px 0; }
.righta2z ul { list-style:none; float:left; margin:0; width:240px; }
.righta2z ul li { display:inline; font:normal 1.5em "Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; }
.righta2z ul li a { display:block; float:left; padding:2px 3px; text-align:center; text-decoration:none; text-transform:uppercase; width:auto; }
.righta2z ul li a:hover, .righta2z ul li a:active, .righta2z ul li a:focus { border:none; background:#d71440; color:#fff; }

.searcha2z { background:#f8f0df; border:2px solid #f1e4c2; margin-bottom:15px; padding:10px 15px; position:relative; }
.searcha2z p { padding:0 3px; margin:0 0 10px 0; }
.searcha2z ul { list-style:none; float:left; margin:0; width:560px; }
.searcha2z ul li { display:inline; font:normal 1.5em "Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; }
.searcha2z ul li a { display:block; float:left; padding:2px 5px; text-align:center; text-decoration:none; text-transform:uppercase; width:auto; }
.searcha2z ul li a:hover, .righta2z ul li a:active, .righta2z ul li a:focus { background:#d71440; color:#fff; text-decoration: none; }
.searcha2z ul li.active a { background:#d71440; color:#fff; }

/*--- RECIPES SEARCH: RESULTS ---*/
.searchresults {}
.searchresults h2 { color:#94031c; font-size:1.4em; }
.searchresults p { font-size:1.1em; }
.searchresults ul { border-top:2px solid #f1e4c2; list-style:none; margin:0; padding:0 0 5px 0; }
.searchresults ul li { background:#fbf6ec; border:2px solid #f1e4c2; border-width:0 0 2px 0; height:66px; line-height:1.3; list-style:none; margin:0; padding:10px; }
.searchresults ul li.even { background:#fff; }
.searchresults ul li h3 { font-style:normal; font-size:1.4em; margin:0; padding:2px 0 5px 0; }
.searchresults ul li p { font-size:1em; margin:0; padding:0 0 5px 0; }
.searchresults ul li img { border:2px solid #f1e4c2; float:left; margin:-2px 10px 0 0; }
.searchresults li a:link, .searchresults li a:visited { text-decoration:none }
.searchresults li a:hover, .searchresults li a:active, .searchresults li a:focus { color:#94031c; text-decoration:underline; }

.paging { color:#fff; text-align:right;}
.paging em { color:#7c4b41; padding-left:5px; }
.paging strong { color:#94031c; }

/*--- Recipe pages ---*/
.recipeintro { font-size:1.2em; padding-bottom:10px; }

.recipecol1 { float:right; position:relative; width:200px; }
.recipecol1 div { background:#f8f0df; border:2px solid #f1e4c2; padding:15px 15px; margin-bottom:0; width:166px; }
.recipecol1 div.products { background:#fff; margin-top:15px; }
.recipecol1 h3 { font:normal bold 1.6em Arial, Helvetica, sans-serif; margin:0 0 15px; }
.recipecol1 ul { list-style:none; margin:0; padding:0; line-height:1.3; }
.recipecol1 ul li { list-style:none; margin:0; padding:0 0 8px 0; }

.recipecol2 { display:inline; float:left; position:relative; width:376px; }
.recipecol2 img { border:2px solid #f1e4c2; }
.recipecol2 h3 { font:normal bold 1.6em Arial, Helvetica, sans-serif; margin:20px 0 10px; }
.recipecol2 ol li { line-height:1.4; padding:0 0 8px 0;margin-left:5px }

/*--- RECIPE COMPETITION ---*/
.competition p { }

.competitionform { background:url(../images/form.gif) no-repeat 0 0; margin-top:20px; padding-bottom:10px; width:595px; }
.competitionform h3 { margin:0; padding:5px 0 36px; }
.competitionform ul { background:#f8f0df; border:2px solid #f1e4c2; border-top:0; margin:0; padding:0 20px 15px; width:551px; }
.competitionform ul li { clear:both; list-style:none; margin-bottom:8px; }
.competitionform label { display:block; float:left; font-size:1.1em; font-weight:bold; width:11em; }
.competitionform label em { font-size:0.9em; font-style:normal; font-weight:normal; padding-left:3px; }
.competitionform input, .competitionform textarea { margin-top:2px; padding:2px; width:23.8em; }
.competitionform textarea { width:32.5em; }
.competitionform .formaddress input { width:32.5em; }
.competitionform ul li.submit { font-size:1.1em; margin-top:10px; margin-left:11em; }
.competitionform ul li.submit input { background:#390; border:1px solid #346700; color:#fff; font:bold 1.3em Arial, Helvetica, sans-serif; margin:0; padding:2px 7px; width:auto; }



/*--- PRODUCTS -----------------------------------------------------------------------*/

/*--- Products entry page ---*/
.products { width:595px; }
.products p { font-size:1.15em; }
.products ul { margin:25px 0 0; padding:0; width:595px; }
.products ul li { background:#fff; border:2px solid #f1e4c2; float:left; font-style:italic; height:112px; line-height:1; list-style:none; margin:0 24px 25px 0; padding:3px; text-align:center; width:120px; overflow: hidden; }
.products ul li.lastrow { margin:0 0 25px 0; }
.products ul li a { display:block; padding:12px 0 8px; text-decoration: none; }
.products ul li a:visited {text-decoration: none; }
.products ul li img { margin: 0 0 8px 0;}

/*--- Products menu (right hand side) ---*/
.productmenu { border:2px solid #f1e4c2; font-size:1.25em; margin:0 0 15px; padding:12px 0 22px; width:275px; }
.productmenu li { border-bottom:2px solid #eee6df; padding:4px 0; margin:0 20px; }
.productmenu a:link, .productmenu a:visited { text-decoration:none; }
.productmenu a:hover, .productmenu a:active, .productmenu a:focus { color:#94031c; text-decoration:underline; }
.productmenu a.active:link, .productmenu a.active:visited { background:url(../images/nav-arrow.gif) no-repeat 0 5px; color:#94031c; font-weight:bold; padding-left:12px; }
.productmenu a.active:hover, .productmenu a.active:active, .productmenu a.active:focus { text-decoration:none; }

/*--- Product & Group page ---*/
.product { font-size:1.15em; }
.productpic { float:right; margin-top:21px; }

.productHomepage a img {border:0;}
.productHomepage a {color:#9b695f;text-decoration: none;}

/*--- Product Submenu ---*/
.productsubmenu { background:#f8f0df; border:2px solid #f1e4c2; margin:30px 0 0 0; padding:12px 18px; width:163px; }
.productsubmenu h3 { font:normal 1.4em Arial, Helvetica, sans-serif; border-bottom:2px solid #f1e4c2; margin:0 0 7px; padding-bottom:4px; }
.maincol .productsubmenu ul { font-size:1em; list-style:none; margin:0; padding:0; }
.maincol .productsubmenu li { list-style:none; margin:0; padding:0 0 3px 0; }
.productsubmenu a:link, .productsubmenu a:visited { color:#9b695f; text-decoration:none; }
.productsubmenu a:hover, .productsubmenu a:active, .productsubmenu a:focus { color:#94031c; text-decoration:underline; }
.productsubmenu a.active:link, .productsubmenu a.active:visited { background:url(../images/nav-arrow.gif) no-repeat 0 5px; color:#94031c; padding-left:12px; }
.productsubmenu a.active:hover, .productsubmenu a.active:active, .productsubmenu a.active:focus { text-decoration:none; }

/*--- Product Related Recipes ---*/
.productrecipes {}
.productrecipes h2 { color:#94031c; font-size:1.5em; font-style:italic; margin:6px 0; }
.productrecipes ul { border-top:2px solid #f1e4c2; list-style:none; margin:0; padding:0 0 5px 0; }
.productrecipes ul li { background:#fff; border-bottom:2px solid #f1e4c2; line-height:1.3; list-style:none; margin:0; padding:8px 15px; }
.productrecipes ul li.even { background:#fbf6ec; }
.productrecipes ul li h3 { display:inline; font-style:normal; font-size:1.2em; margin:0; padding-right:5px; }
.productrecipes ul li p { display:inline; font-size:1em; margin:0; padding:0; }
.productrecipes li a:link, .productrecipes li a:visited { text-decoration:none }
.productrecipes li a:hover, .productrecipes li a:active, .productrecipes li a:focus { color:#94031c; text-decoration:underline; }

/*--- CONTACT PAGE -------------------------------------------------------------------*/
.contactform { background:url(../images/contact.gif) no-repeat 0 15px; float:left; width:336px; }
.contactform h3 { margin-top:20px; }
.contactform ul { background:#f8f0df; border:2px solid #f1e4c2; border-top:0; margin:36px 0 0; padding:0 20px 15px; width:292px; }
.contactform ul li { list-style:none; margin-bottom:5px; }
.contactform label { font-size:1.1em; font-weight:bold; padding-right:5px; }
.contactform input, .contactform textarea { margin-top:2px; padding:2px; width:23.8em; }
.contactform ul li.submit { margin-top:10px; text-align:right; }
.contactform ul li.submit input { background:#390; border:1px solid #346700; color:#fff; font:bold 1.3em Arial, Helvetica, sans-serif; margin:0; padding:2px 7px; width:auto; }

.contactdetails { float:right; width:230px; }
.contactdetails h3 { margin-top:20px; }
.contactdetails ul { margin:0; }
.contactdetails ul li { list-style:none; margin-bottom:5px; }
.contactdetails ul li strong { color:#94031c; }

.contactmap { background:#fff; border:2px solid #f1e4c2; width:276px; height:1%; }

/*--- ABOUT PAGE -------------------------------------------------------------------*/
.contactbox { background:#fff; border:2px solid #f1e4c2; width:246px; padding:15px; }
.contactbox h4 { margin-bottom:4px; }

/*--- NEWS --------------------------------------------------------------------------*/
.news { border-bottom:0 solid #f1e4c2; padding-bottom:15px; }
.news h3 { font-size:1.4em; font-style:normal; }
.news p { margin:5px 0; }
.news img { border:2px solid #f1e4c2; float:left; margin-right:15px; padding:2px; }

.newsdetail img { border:2px solid #f1e4c2; margin:0 0 5px 0; padding:2px; }
.newsnav { border-top:2px solid #f1e4c2; font-size:1.2em; margin-top:20px; padding-top:10px; text-align:center; }

/*--- TIPS --------------------------------------------------------------------------*/
.tips h3 { margin-top:25px; }
.tips ol { background:#f8f0df; border:2px solid #f1e4c2; font-size:1.1em; margin:0 0 10px 0; padding:12px 15px 10px 35px; }
.tips ol li { color:#94031c; font-weight:bold; padding-bottom:5px; }
.tips ol li p { color:#7c4b41; font-size:1em; font-weight:normal; margin:0; padding:0; }
.tips p { font-size:1.15em; }
.tips p.expand { font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; font-size:1.2em; text-align:right; }
.tips p.expand a:link, .tips p.expand a:visited { text-decoration:none }
.tips p.expand a:hover, .tips p.expand a:active, .tips p.expand a:focus { text-decoration:underline; }

.tiplinks h2 { margin-bottom:7px; }
.tiplinks p { font-size:1.15em; margin-bottom:20px; }
.tiplinks img { border:2px solid #f1e4c2; display:block; margin-bottom:10px; }
.tiplinks a:link, .tiplinks a:visited { text-decoration:none }
.tiplinks a:hover, .tiplinks a:active, .tiplinks a:focus { text-decoration:underline; }
.tiplinks a:link img, .tiplinks a:visited img { text-decoration:none }
.tiplinks a:hover img, .tiplinks a:active img, .tiplinks a:focus img { text-decoration:none; }

.glossary p { font-size:1.15em; }
.glossary ul { border-top:0 solid #f1e4c2; list-style:none; margin:0; padding:1px 0 0 0; }
.glossary ul li { list-style:none; padding-top:8px; }
.glossary ul li h3 { font-size:1.4em; font-style:italic; margin:0 0 3px 0; }
.glossary ul li p { background:#f8f0df; border:2px solid #f1e4c2; font-size:1.1em; margin:0 0 10px 0; padding:8px 10px; }

.conversion table { background:#faf5e9; border-top:2px solid #f1e4c2; border-right:1px solid #f1e4c2; border-left:2px solid #f1e4c2; }
.conversion th { background:#f1e4c2; font-size:1.1em; font-weight:bold; }
.conversion th, .conversion td { border-bottom:2px solid #f1e4c2; border-right:1px solid #f1e4c2; text-align:center; padding:3px 6px; }

.troubleshooting h2 { margin-top:10px; }
.troubleshooting p { font-size:1.15em; }
.troubleshooting ul { border-top:0 solid #f1e4c2; list-style:none; margin:0; padding:1px 0 0 0; }
.troubleshooting ul li { list-style:none; padding-bottom:8px; }
.troubleshooting ul li h3 { font-size:1.3em; margin:5px 0 3px 0; }
.troubleshooting ul li ul { background:#f8f0df; border:2px solid #f1e4c2; font-size:1.1em; margin:0; padding:8px 10px 8px 25px; }
.troubleshooting ul li ul li { list-style:disc; padding-bottom:2px; }

.maincol p.top { font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,sans-serif; font-size:1.2em; margin:0; text-align:right; }
.maincol p.top a:link, .maincol p.top a:visited { text-decoration:none }
.maincol p.top a:hover, .maincol p.top a:active, .maincol p.top a:focus { text-decoration:underline; }

/*--- FOOTER ------------------------------------------------------------------------*/
.footer { background:url(../images/content-btm.gif) no-repeat 0 0; clear:both; color:#9b695f; padding:30px 30px 10px; width:910px; } 
.footer div { color:#b58e80; display:inline; float:left; position:relative; width:420px; } 
.footer div a:link, .footer div a:visited { color:#9b695f; padding:0 4px 0 4px; text-decoration:none; } 
.footer div a:hover, .footer div a:active, .footer div a:focus { color:#d71440; padding:0 4px 0 4px; text-decoration:underline; } 
.footer p { float:right; position:relative; text-align:right; width:400px; } 
.footer p a:link, .footer p a:visited  { color:#ba9382; padding-left:4px; text-decoration:none; }
.footer p a:hover, .footer p a:active, .footer p a:focus { color:#d71440; padding-left:4px; text-decoration:underline; } 

/*--- FLOAT CONTAINERS FIX: http://www.csscreator.com/attributes/containedfloat.php --*/
.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 */  
 
 
 /* PRINT RECIPE BOX, TELL FRIEND BOX  --------------------------------------------------*/
#printRecipe,#sendFriend
{
	margin: 5px 0 5px 0;
}
#printRecipe a,#sendFriend a
{
	color:#94031c;
	text-decoration: none;
} 

#printRecipe a:hover,#sendFriend a:hover
{
	color:#d71440;
}
 
/*--- PRINTER STYLES ---------------------------------------------------------------- */
@media print{ 
/* hide the right column when printing */ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}
