/**
 **********************************************************************************
 *  CSS Reset
 *  v1.0 | 20080212 (http://meyerweb.com/eric/tools/css/reset/)
 **********************************************************************************
 */
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 {
	margin: 0;
	padding: 0; border: 0;
	outline: 0;
	font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;
	}

body {
	background: white;
	line-height: 1; color: #000;
	}

:focus {outline: 0;} /* define focus styles */

ol, ul {list-style: none;}

table {border-collapse: separate; border-spacing: 0;} /* tables still need 'cellspacing="0"' in the markup */
	caption, th, td {font-weight: normal; text-align: left;}

blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/**
 **********************************************************************************
 *  Clear Fix
 *  Apply to any element which acts as a container for floats.
 **********************************************************************************
 */
#header:after, #container-content:after, #home #callouts:after, .products #content ul:after, #overview ul:after, #nutrition-facts:after, #product-nav:after, #disclaimers li:after, div.meal-info:after, #faq dl dt:after, #faq dl dd:after, #guestbook ol ul:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	content: ".";
	}
#header, #container-content, #home #callouts, .products #content ul, #overview ul, #nutrition-facts, #product-nav, #disclaimers li, div.meal-info, #faq dl dt, #faq dl dd, #guestbook ol ul {display: inline-block;}

/* Hides from IE-mac \*/
#header, #container-content, #home #callouts, .products #content ul, #overview ul, #nutrition-facts, #product-nav, #disclaimers li, div.meal-info, #faq dl dt, #faq dl dd, #guestbook ol ul {display: block;}
* html #header, * html #container-content, * html #home #callouts, * html .products #content ul, * html #overview ul, * html #nutrition-facts, * html #product-nav, * html #disclaimers li, * html div.meal-info, * html #faq dl dt, * html #faq dl dd, * html #guestbook ol ul {height: 1px;}
/* End hide from IE-mac */

/**
 **********************************************************************************
 *  Site Basics
 **********************************************************************************
 */
body {
	border-top: 4px solid #E41B23;
	background: #FBFAC6 url(../images/common/layout/bg-body.jpg) 50% 4px no-repeat;
	font: 62.5% Arial, Verdana, sans-serif; color: #555; text-align: center;
	}

/**
 *  Text
 */
a:link {color: #3770C7; text-decoration: none;}
a:visited {color: #3770C7; text-decoration: none;}
a:hover, a:focus {color: #3770C7; text-decoration: underline;}
a:active {color: #3770C7; text-decoration: none;}

p {
	margin: 0 0 2em;
	font-size: 1.2em; line-height: 1.4em;
	}
	
h2 {
	margin: 40px 0 .75em;
	font-weight: bold; font-size: 2.4em; color: #E41B23;
	}

h3 {
	margin: 0 0 .5em;
	font-weight: normal; font-size: 2em; color: #E41B23;
	}
	
h4 {
	margin: 0 0 .5em;
	font-weight: normal; font-size: 1.6em; color: #E41B23;
	}
	
strong {font-weight: bold;}
em {font-style: italic;}

sup {font-size: .8em; vertical-align: text-top;}

/**
 **********************************************************************************
 *  General Classes
 **********************************************************************************
 */
ul.bullets {font-size: 1.2em; margin: 0 0 25px 20px;}
    ul.bullets li {
        list-style: disc;
        margin: 0 0 20px;
        }
        ul.bullets ul {margin: 10px 0 10px 15px;}
            ul.bullets ul li {margin: 0 0 10px;}
ul.nomargin li {margin-bottom: 0;}

/**
 **********************************************************************************
 *  Shell
 **********************************************************************************
 */
#container {
	margin: 0 auto 0 auto;
	width: 978px;
	text-align: left;
	}
		
/**
 **********************************************************************************
 *  Header
 **********************************************************************************
 */
#header {height: 100px;}
	
	#header h1 {
		float: left;
		text-indent: -9999px;
		}
		#header h1 a {
			position: relative;
			display: block;
			height: 100px;
			overflow: hidden;
			}

/**
 **********************************************************************************
 *  Main Navigation
 **********************************************************************************
 */
#nav-main {
	float: left;
	position: relative;
	width: 712px; height: 57px;
	}
	#nav-main li {
		display: block;
        position: absolute;
        top: 0;
        height: 57px;
		}
		
		#nav-main a {
            display: block;
            height: 57px;
            text-indent: -9999px; text-decoration: none; overflow: hidden;
            }
            
	#home #homemenu a:hover, #home #homemenu a:focus {background: transparent;}
	.products #productsmenu a:hover, .products #productsmenu a:focus, #product-detail #productsmenu a:hover, #product-detail #productsmenu a:focus {background: transparent;}
	#recipes #recipesmenu a:hover, #recipes #recipesmenu a:focus, #recipe-detail #recipesmenu a:hover, #recipe-detail #recipesmenu a:focus, #tips #recipesmenu a:hover, #tips #recipesmenu a:focus {background: transparent;}
	#new #newmenu a:hover, #new #newmenu a:focus {background: transparent;}
	#about #aboutmenu a:hover, #about #aboutmenu a:focus {background: transparent;}
			
/**
 **********************************************************************************
 *  Content
 **********************************************************************************
 */
#content-o {
	width: 978px;
	background: transparent url(../images/common/layout/bg-content-m.png) 0 0 repeat-y;
	}
	#content-m {
		padding: 0 0 11px;
		background: transparent url(../images/common/layout/bg-content-b.png) 0 100% no-repeat;
		}
		#content-i {
			padding: 11px 11px 0;
			background: transparent url(../images/common/layout/bg-content-t.png) 0 0 no-repeat;
			}
			
			body.two-column #container-content {background: transparent url(../images/common/layout/bg-nav-secondary.png) 0 0 no-repeat;}
				
				body.two-column #content {
					float: left;
					padding: 0 27px 0 0;
					width: 708px; min-height: 675px;
					}
				
				body.one-column #content,
				body.excluded #content {
					float: left;
					margin: 0 0 5em 27px;
					padding: 0 279px 0 0;
					width: 650px; min-height: 500px;
					}
					
				body.home #content {width: 100%;}
			
/**
 **********************************************************************************
 *  Footer
 **********************************************************************************
 */
#footer {
	margin: 2em 0;
	font-size: 1.1em; color: #A99770; text-align: center;
	}
	
	#footer p {
		margin: 0 0 .5em;
		font-size: 1em; line-height: 1em;
		}
		
	#footer p#copyright {margin: 0 0 2em;}
	
		#footer a {padding: 0 4px;}
		
/**
 **********************************************************************************
 *  Secondary Nav
 **********************************************************************************
 */
#nav-secondary {
	float: left;
	width: 221px;
	font-weight: bold; font-size: 1.5em;
	}
	
	#nav-secondary ul {margin: 36px 0 2em;}
		#nav-secondary li {
			padding: 12px 40px 14px 26px;
			background: transparent url(../images/common/layout/divider-nav-secondary.png) 0 100% no-repeat;
			}
			
			#nav-secondary a {color: #878686;}
			#nav-secondary li.on a {color: #3770C7; text-decoration: none;}

/**
 **********************************************************************************
 *  Utility Navigation
 **********************************************************************************
 */
#nav-utility {
    position: relative;
    margin: 1.5em 0 -34px;
    }

    #nav-utility p {
        margin: 0;
        font-size: 1em; line-height: 2em;
        }

    #nav-utility li {
        display: inline;
        margin: 0 6px 0 0;
        padding: 0 8px 0 0;
        background: url(../images/common/layout/divider-utility.gif) right .2em no-repeat;
        font-size: 1em;
        }
		
        #nav-utility li a {
            padding: 2px 0;
            line-height: 2em;
            }
            
	#nav-utility li#tell {background: transparent;}
	
        #nav-utility li#print a {
            background: url(../images/common/icons/print.gif) no-repeat;
            padding-left: 28px;
            }
        #nav-utility li#tell a {
            background: url(../images/common/icons/email.gif) 0 .2em no-repeat;
            padding-left: 30px;
            }

/**
 **********************************************************************************
 *  Home
 **********************************************************************************
 */
#home h2 {
	margin: 0 0 1.5em;
	width: 956px; height: 375px;
	text-indent: -9999px; overflow: hidden;
	}
	
#home #callouts {margin: 0 0 2.5em 20px;}
	#home div.callout {
		float: left;
		display: inline;
		margin: 0 20px;
		width: 265px;
		}
		
	#home #callouts #guestbook {background: transparent url(../images/common/layout/bg-guestbook.jpg) right bottom no-repeat;}
	#home #callouts #recipes {background: transparent url(../images/common/layout/bg-recipes.jpg) right bottom no-repeat;}
	#home #callouts #products {background: transparent url(../images/common/layout/bg-products.jpg) right bottom no-repeat;}
		
		#home div.callout p {height: 75px;}
		
		#home div.callout p.more-info {height: auto;}
			#home div.callout p.more-info a {
				padding: 1px 20px 2px 0;
				background: transparent url(../images/common/icons/more-info.png) 100% 0 no-repeat;
				}
				
/**
 **********************************************************************************
 *  Products landing
 **********************************************************************************
 */
.products #content {background: url(../images/common/layout/bg-toast.jpg) right top no-repeat;}

	.products #content p {width: 460px;}

	.products #content ul {margin: 5em 0 2.5em;}
		.products #content li {
			float: left;
			display: inline;
			margin: 0 5px 20px 0;
			width: 216px; height: 255px;
			font-size: .6em; text-align: center;
			}
		.products #content li:hover {background: url(../images/common/layout/highlight-products.png) left bottom no-repeat;}
		
			.products #content li a {font-weight: bold;}
			.products #content li a:hover {text-decoration: none;}
			.products #content li a:hover strong {text-decoration: underline;}

				.products #content li img {
					display: block;
					margin: 0 auto 10px auto;
					padding: 0 0 14px;
					background: url(../images/common/layout/divider-products.png) center bottom no-repeat;
					}
					
				.products #content li strong {padding: 0 12px;}

/**
 **********************************************************************************
 *  Recipes landing
 **********************************************************************************
 */
#recipes #content {background: url(../images/common/layout/bg-asparagus.jpg) right top no-repeat;}

	#recipes #content p {width: 460px;}

/**
 **********************************************************************************
 *  Product Tabs
 **********************************************************************************
 */
#content .product-panel {display: none;}
#product-tabs {position: relative;}
#product-nav {
	position: relative;
	padding-top: 15px;
	z-index: 5;
	}
#product-nav li {display: inline; float: left;}
#product-nav li a {
	display: block;
	text-indent: -9999px;
	}

/**
 **********************************************************************************
 *  Product/Recipe Overview (main image and prev next)
 **********************************************************************************
 */
#product-detail h2 {margin-right: 270px;}
#product-tabs #overview {
    width: 440px;
    margin-top: 35px;
    }

    #product-tabs #overview img {
    	position: absolute;
    	top: -70px; right: -27px;
    	}

#overview.recipe {
    position: absolute;
    top: 200px; right: 50%;
    margin: 0 -485px 20px 0;
    width: 420px;
    }    

    #overview #flash img {margin: 0 0 20px 45px;}
    #overview #static {display: none;}

    #overview ul {
        margin: 0 auto 0 auto;
        width: 300px;
        }
        #overview li {
            float: left;
            margin: 0 0 0 14px;
            text-indent: -9999px;
            }
        
            #overview li a {
                display: block;
		        width: 129px; height: 28px;
		        background-position: 0 0;
		        overflow: hidden;
                }
            li#prev a:hover, li#next a:hover {background-position: 0 50% !important;}
            
            #overview li a.disabled {
            	background-position: 0 100% !important;
            	cursor: default;
            	}
            #overview li a.disabled:hover {background-position: 0 100% !important;}

/**
 **********************************************************************************
 *  Recipes
 **********************************************************************************
 */
#product-tabs #recipe-list {margin: 35px 0 0; padding: 0;}

/**
 **********************************************************************************
 *  Nutrition Facts
 **********************************************************************************
 */
#nutrition-facts {
	clear: both;
    position: relative;
    padding: 50px 0 0;
    }

	#nutrition-facts h3 {
		height: 19px;
		margin: 0;
		text-indent: -9999px; overflow: hidden;
		}

    #nutrition-facts #ingredients {
	    background: url(../images/common/layout/hr.gif) left bottom no-repeat;
		margin-bottom: 20px; padding-bottom: 50px;
	    }
		#nutrition-facts #ingredients h3 {
			margin-bottom: 24px;
			}

	#nutrition-facts #nutrition h3 {
		margin-bottom: -20px;
		}

    #nutrition-facts #nutrition #basic-info {
        float: left;
        margin: 30px 15px 0 0;
        width: 185px;
        font-size: 1.1em;
        }
	    #nutrition-facts #nutrition #basic-info ul {margin: 0 0 0 40px;}

    #nutrition-facts table {
        float: left;
        width: 360px;
        }
        #nutrition-facts th {
            font-size: 1.2em; font-style: italic;
        	line-height: 30px;
            }
		#nutrition-facts td {
			font-size: 1.1em;
			padding-right: 40px;
			text-align: right;
			}
			#nutrition-facts td.item {
				width: 120px;
				padding-right: 0;
				text-align: left;
				}
			#nutrition-facts td.indented {
				width: 100px;
				padding-left: 20px;
				}
			#nutrition-facts th.amount-serving,
			#nutrition-facts th.daily-value {
				width: 120px;
				padding-right: 0;
				text-align: center;
				}

    #nutrition-facts #disclaimers {
		font-size: 1.1em;
		padding-top: 40px;
		clear: both;
		}
	    #nutrition-facts #disclaimers li {margin: 0 0 4px;}

/**
 **********************************************************************************
 *  Recipe List
 **********************************************************************************
 */
#recipe-list {
    margin: 0 0 5em;
    width: 100%;
    }
    
#recipe-list p#result-total {
    margin: -15px 0 -16px 162px;
    position: relative;
    }

    /*
     *  Recipe Table
     */
    #recipe-list table {width: 100%;}
        #recipe-list tr {background: url(../images/common/layout/divider-recipes.gif) left bottom no-repeat;}
            #recipe-list td {padding: 25px 0 20px;}

		#recipe-list tr.end {background: transparent;}

            #recipe-list div.thumb {
            	float: left;
            	width: 166px; min-height: 109px;
            	}
            	
                #recipe-list div.thumb img {
                    margin: 0 15px 0 0;
                    padding: 10px;
                    background: url(../images/common/layout/bg-recipe-img.jpg) left top no-repeat;
                    }
            
            #recipe-list div.meal-info {
            	float: left;
            	width: 500px;
            	}
            
                #recipe-list div.meal-info h3 {
                	margin: 0 0 1em;
                	font-weight: bold; font-size: 1.4em;
                	}
                    #recipe-list div.meal-info h3 a:hover {text-decoration: underline;}

				#recipe-list div.meal-info p {
					float: left;
					display: inline;
					margin: 0 20px 0 0;
					width: 320px !important;
					}
	                
				#recipe-list div.meal-info ul {
					float: right;
					width: 140px;
					font-size: 1.2em;
					}
	                
					#recipe-list div.meal-info ul strong {font-weight: bold;}

    /*
     *  Recipe Paging
     */
    #recipe-list tr.paging {background: transparent;}
        #recipe-list tr.paging td {padding: 20px 0 10px}

            .paging li {
                float: left;
                margin: 0 15px 0 0;
                font-size: 1.2em; line-height: 1.8em;
                }

            .paging li.prev, .paging li.next {text-indent: -9999px;}
            
				.paging li.prev a {background: url(../images/common/buttons/page-prev.gif) no-repeat;}
				.paging li.next a {background: url(../images/common/buttons/page-next.gif) no-repeat;}

                .paging a {
                    display: block;
                    width: 30px; height: 22px;
                    background-position: 0 0;
                    overflow: hidden;
                    }
                .paging a:hover {background-position: 0 50% !important;}
				
				.paging a.disabled {
        			background-position: 0 100% !important;
        			cursor: default;
        			}
				.paging a.disabled:hover {background-position: 0 100% !important;}

/**
 **********************************************************************************
 *  Recipe Detail
 **********************************************************************************
 */
#recipe-detail #details {width: 330px;}

    #recipe-detail #details ul {
    	margin: 0 0 2em;
    	font-size: 1.2em;
    	}

    #recipe-detail #details dl {
    	margin: 0 0 5em;
    	width: 280px;
    	font-size: 1.2em;
    	}
        #recipe-detail #details dt {
            margin: 0 0 1em;
            font-weight: bold;
            }
        #recipe-detail #details dd {margin: 0 0 2em;}
			
			#recipe-detail #details dd li {
				margin: 0 0 .5em;
				padding: 0 0 0 15px;
				background: transparent url(../images/common/icons/disc.gif) 0 .5em no-repeat;
				font-size: .833em;
				}
				
				#recipe-detail #details dd li ul {margin: .5em 0 1em;}
				
			#recipe-detail #details dd p {
				margin: 0 0 1em;
				font-size: 1em;
				}

/**
 **********************************************************************************
 *  Recipe Tips
 **********************************************************************************
 */
#tips #content {background: url(../images/common/layout/bg-asparagus.jpg) right top no-repeat;}

	#tips #content ul {
		margin: 0 0 2em;
		font-size: 1.2em;
		width: 70%;
		}
		#tips #content li {
			margin: 0 0 .5em;
			padding: 0 0 0 15px;
			background: transparent url(../images/common/icons/disc.gif) 0 .5em no-repeat;
			}

/**
 **********************************************************************************
 *  Tell a Friend
 **********************************************************************************
 */
#tell-friend #content ol {margin: 0 0 2em;}
	#tell-friend #content ol li {margin: 0 0 1em;}

		#tell-friend #content label {
			display: block;
			font-size: 1.2em;
			}
			#tell-friend #content label strong {font-weight: bold; font-size: 1.3em;}
			
		#tell-friend #content input {width: 225px;}
		
p#send {
	margin: 0 0 5em;
	text-indent: -9999px; overflow: hidden;
	}
	p#send a {
		display: block;
		width: 65px; height: 28px;
		}
	p#send a:hover {background-position: 0 50%;}
	p#send a:focus {outline: 0;}

/**
 **********************************************************************************
 *  About Us
 **********************************************************************************
 */
#about #content {background: url(../images/common/layout/bg-toast.jpg) right top no-repeat;}

/**
 **********************************************************************************
 *  What's New
 **********************************************************************************
 */
#new #content {background: url(../images/common/layout/bg-toast.jpg) right top no-repeat;}

	#new #content img {margin: 0 0 4em;}

/**
 **********************************************************************************
 *  FAQ
 **********************************************************************************
 */
#faq dl {margin: 0 0 5em;}
	#faq dt {margin: 0 0 4px;}
	#faq dd {margin: 0 0 2em;}

		#faq dl strong {
			float: left;
			display: block;
			width: 30px;
			font-size: 1.2em; line-height: 1.4em;
			}
			
		#faq dl p {
			float: left;
			display: inline;
			margin: 0;
			width: 660px;
			}

/**
 **********************************************************************************
 *  Form Validation
 **********************************************************************************
 */
.validation-summary {font-size: 1.2em;}
	.validation-summary ul {margin: 1em 0 2em;}
		.validation-summary li {
				margin: 0 0 .5em;
				padding: 0 0 0 15px;
				background: transparent url(../images/common/icons/disc.gif) 0 .5em no-repeat;
				}

/**
 **********************************************************************************
 *  Guestbook
 **********************************************************************************
 */
#guestbook #content {background: url(../images/common/layout/bg-toast.jpg) right top no-repeat;}
        
	#guestbook #content ol {margin: 0 0 2em;}
		#guestbook #content li {margin: 0 0 .5em;}

			#guestbook #content label {
				display: block;
				margin: 0 0 .25em;
				font-weight: bold; font-size: 1.2em;
				}
				#guestbook #content label span {font-weight: bold; font-size: 1.3em;}
				
			#guestbook #content li li {
				float: left;
				display: inline;
				margin: 0 15px 0 0;
				}
			
			#guestbook #content input {width: 200px;}
			#guestbook #content input.wideTextfield {width: 418px;}
			#guestbook #content input.shortTextfield {width: 60px;}
			
	p#submit {
		margin: 0 0 5em;
		text-indent: -9999px; overflow: hidden;
		}
		p#submit a {
			display: block;
			width: 65px; height: 28px;
			}
		p#submit a:hover {background-position: 0 50%;}
		p#submit a:focus {outline: 0;}
 
 /**
 **********************************************************************************
 *  Contact Us
 **********************************************************************************
 */
#contact #content {background: url(../images/common/layout/bg-toast.jpg) right top no-repeat;}

	#contact #content p {width: 70%;}
 
 /**
 **********************************************************************************
 *  Privacy Policy
 **********************************************************************************
 */
#terms-of-use #content,
#privacy-policy #content {
	width: 688px;
	padding-right: 20px;
	}
#terms-of-use #content ul,
#privacy-policy #content ul {
	margin: 0 0 2em;
	font-size: 1.2em;
	}
	#terms-of-use #content ul li,
	#privacy-policy #content ul li {
		margin: 0 0 .5em;
		padding: 0 0 0 15px;
		background: transparent url(../images/common/icons/disc.gif) 0 .5em no-repeat;
		}
		
	#terms-of-use #content ul ul,
	#privacy-policy #content ul ul {
		margin: .5em 0 2em 20px;
		font-size: 1em;
		}
		
	#terms-of-use #content ul p,
	#privacy-policy #content ul p {font-size: 1em;}
		
#table-of-contents a {font-weight: bold;}
#terms-of-use #content #table-of-contents ul,
#privacy-policy #content #table-of-contents ul {margin-bottom: 0;}
		
/**
 **********************************************************************************
 *  Site Map
 **********************************************************************************
 */
#site-map #content ul {
	margin: 0 0 2em;
	font-size: 1.2em;
	}
	#site-map #content li {margin: 0 0 1em;}
	
		#site-map #content li ul {
			margin: 1em 0 1em 20px;
			font-size: 1em;
			}
		
        #site-map li strong {
            float: left;
            display: block;
            margin: 0 0 0 -20px;
            width: 15px; height: 15px;
            text-indent: -9999px; overflow: hidden;
            cursor: pointer;
            }
        #site-map li strong.exp {background: url(../images/common/buttons/expanded.gif) 3px .1em no-repeat;}
        #site-map li strong.col {background: url(../images/common/buttons/collapsed.gif) 3px .1em no-repeat;}