/*
| CSS RESET RELOADED (by Eric Meyer)
| GLOBAL STYLES
| GENERAL STYLES
| FORMS
| STRUCTURAL IDS
| PAGE-SPECIFIC
| HACKS
\----------------------------------------*/

/* CSS RESET RELOADED (by Eric Meyer)
\----------------------------------------*/
html, body, div, span, applet, embed, 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 {
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-weight: inherit;
	font-size: 100%;
	font-style: inherit;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	}
:focus {
	outline: 0;
	}
.clear-left { clear:left; }
body {
	background: white url(../../Images/bg-body.gif) repeat-x top left;
	color: black;
	line-height: 1;
	}
ol, ul {
	list-style: none;
	}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	font-weight: normal;
	text-align: left;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}

/* GLOBAL STYLES
\----------------------------------------*/
h1, h2, h3, h4, h5, h6, p {
	margin-bottom: 1em;
	}
a:link,
a:visited {
	color: #669723;
	}
a:active, a:hover, a:focus {
	color: #000000;
	}
strong {
	font-weight: bold;
	}
em {
	font-style: italic;
	}
img {
    display: block;
    }
sup,
sub {
	font-size: .85em;
	line-height: .85em;
	}
    sup {
		vertical-align: super;
		}
    sub {
		vertical-align: sub;
		}
ul {
	list-style: outside disc;
	margin-left: 16px; padding-left: 0;
	}
    ul li ul {
	    list-style: outside circle;
	    }
ol {
	list-style: outside decimal;
	margin-left: 25px; padding-left: 0;
	}

/* GENERAL STYLES
\----------------------------------------*/
.hide, .printonly {
	display: none;
	}
.inline {
	display: inline;
	}
.nomargin {
	margin: 0;
	}
.first {
	margin-top: 0;
	}
.last {
	margin-bottom: 0;
	}
.v8-red {
    color: #630;
    }

/* FORMS
\----------------------------------------*/
input.multi {
	background: none;
	border: none;
	}

/* STRUCTURAL IDS
\----------------------------------------*/
#container {
    position: relative;
	background: url(../../Images/bg-left.jpg) repeat-y top left;
	width: 950px;
	margin: 71px auto 0;
	}
	#sidebar-top {
        position: relative;
    	float: left;
		background: url(../../Images/bg-top-left.jpg) no-repeat top left;
		width: 159px;
		padding: 25px 25px 0 31px;
        z-index: 10;
		}
	    #sidebar-top #sidebar-recipes {
	        margin-top: 35px;
	        cursor: pointer;
	        }
	    #sidebar-top #hdr-sidebar-recipes {
	        margin-top: 13px;
	        }
	    #sidebar-top p {
            font-size: .6em;
	        margin: 6px 0 0; padding: 0;
	        }
	    #sidebar-top a {
            font-family: Verdana, Arial, Helvetica, Sans-Serif;
    	    }
    #mainnav {
        height: 78px;
        margin: 18px 0;
        }
        #mainnav .subnav {
            display: none;
            }
        #mainnav a {
            display: block;
            background: url(../../Images/navigation.gif) no-repeat;
            height: 39px;
            }
            #mainnav a span {
                display: none;
                }
            #mainnav a#nav-products {
                background-position: 0 0;
                }
            #mainnav .subnav {
                height: 12px;
                margin-top: 3px; padding: 2px 0;
                }
                #mainnav a#nav-squash {
                    background-position: 0 -36px;
                    }
                    #squash #mainnav a#nav-squash, #mainnav a#nav-squash:active, #mainnav a#nav-squash:hover, #mainnav a#nav-squash:focus {
                        background-position: -159px -36px;
                        }
                #mainnav #nav-tomato {
                    background-position: 0 -55px;
                    }
                    #tomato #mainnav a#nav-tomato, #mainnav a#nav-tomato:active, #mainnav a#nav-tomato:hover, #mainnav a#nav-tomato:focus {
                        background-position: -159px -55px;
                        }
                #mainnav #nav-pepper {
                    background-position: 0 -74px;
                    }
                    #pepper #mainnav a#nav-pepper, #mainnav a#nav-pepper:active, #mainnav a#nav-pepper:hover, #mainnav a#nav-pepper:focus {
                        background-position: -159px -74px;
                        }
                #mainnav #nav-broccoli {
                    background-position: 0 -93px;
                    }
                    #broccoli #mainnav a#nav-broccoli, #mainnav a#nav-broccoli:active, #mainnav a#nav-broccoli:hover, #mainnav a#nav-broccoli:focus {
                        background-position: -159px -93px;
                        }
                #mainnav #nav-corn {
                    background-position: 0 -112px;
                    margin-bottom: 17px;
                    }
                    #corn #mainnav a#nav-corn, #mainnav a#nav-corn:active, #mainnav a#nav-corn:hover, #mainnav a#nav-corn:focus {
                        background-position: -159px -112px;
                        }
                #mainnav #nav-vegetable {
                    background-position: 0 -131px;
                    }
                    #vegetable #mainnav a#nav-vegetable, #mainnav a#nav-vegetable:active, #mainnav a#nav-vegetable:hover, #mainnav a#nav-vegetable:focus {
                        background-position: -159px -131px;
                        }
            #mainnav a#nav-recipes {
                background-position: 0 -166px;
                }
    #sidebar-bot-off {
        position: absolute;
        bottom: 0; left: 0;
        background: url(../../Images/lift.jpg) no-repeat;
        width: 215px; height: 263px;
	    z-index: 0;
	    }
	    #sidebar-bot-off a#lift {
	        position: absolute;
	        bottom: 0; left: 0;
            display: block;
		    width: 110px; height: 55px;
    	    }
    #sidebar-bot-on {
        position: absolute;
        bottom: 0; left: 0;
        background: url(../../Images/lifted.png) no-repeat;
        font-size: .7em;
        width: 111px; height: 128px;
        padding: 135px 10px 0 94px;
	    z-index: 20;
	    }
	    #sidebar-bot-on #hdr-sidebar-why-the-box {
	        margin-bottom: 2px;
	        }
	    #sidebar-bot-on p {
            line-height: 1.15em;
	        margin: 0; padding: 0;
            margin-bottom: 4px;
	        }
	    #sidebar-bot-on a {
            color: #C30;
    	    }
#content {
	float: left;
	}
    #content #intro 
    {
        position: relative;
        color: #630;
        font-size: .8em;
        line-height: 1.6em;
        }
#footer {
	background: url(../../Images/page-reflection.gif) no-repeat top left;
	color: #999;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: .7em;
	width: 924px; height: 28px;
	margin: 0 auto; padding: 20px 14px 0 12px;
	}
	#footer .v8juicelink {
		float:right;
		display:inline;
		position:relative;
		margin-top:-5px;
		margin-right:5px;
	}
	#footer .links {
		margin-bottom:5px;
		}
	    #footer .links a {
        	font-family: Verdana, Arial, Helvetica, Sans-Serif;
            margin: 0 3px;
            color:#41a640;
		    }

/* PAGE-SPECIFIC
\----------------------------------------*/

/* home page */
#v8-soups #away-from-home {
    position: absolute;
    top: -55px; left: 30px;
    font-size: .9em;
    line-height: 1.4em;
    width: 920px;
    }
#v8-soups #content {
	width: 735px; height: 543px;
	}

/* product pages */
.products #mainnav {
    height: 186px;
    }
    .products #mainnav .subnav {
        display: block;
        }
    .products #mainnav #nav-products {
        height: 36px;
        margin-bottom: 3px;
        }
.products #content {
    background: url(../../Images/bg-products.jpg) no-repeat top left;
	width: 735px; height: 723px;
    }
.products #content-inner2 {
    padding: 32px 0 0 50px;
    }
    .products #content #product-right {
        float: right;
        }
        .products #content #product-right #my-pyramid {
            margin-left: 61px;
            }
            .products #content #product-right #my-pyramid #my-pyramid-icon {
                float: left;
                margin-right: 6px;
                }
            .products #content #product-right #my-pyramid #my-pyramid-text {
                color: #CBCEB0;
                font-size: .6em;
                line-height: 1.2em;
                width: 233px;
                margin-left: 83px; padding: 6px 30px 0 0;
                }
    .products #content #hdr-product {
        margin: 45px 0 12px;
        }
    .products #content #intro {
        width: 275px;
        }
	.products #content #nutrition {
		margin:27px 0 0 5px;
		width:221px;
		padding:7px 13px 19px 16px;
		border:#C1D2BE 1px solid;
		background-color:#448F28;
		color:#E1F2D8;
		font-size:0.9em;
	} *html .products #content #nutrition {
		width:234px;
		padding-right:0px;
	}
		.products #content #nutrition h1 {
			font-weight:bold;
			margin:0 0 4px 0;
		}
		.products #content #nutrition p {
			font-size:0.7em;
			margin:0;
		}
		.products #content #nutrition #data {
			font-size:0.75em;
			margin:18px 0 0 0;
		}
			.products #content #nutrition #data ul {
				list-style-type:none;
				margin:0;
				padding:0;
				float:left;
				display:inline;
			}
				.products #content #nutrition #data ul#daily-values {
					margin-left:14px;
				}
				.products #content #nutrition #data ul li {
					margin-bottom:6px;
				}
					.products #content #nutrition #data ul li span.label {
						font-weight:bold;
					}
		.products #content #nutrition #footnotes {

		}
			.products #content #nutrition #footnotes p {
				margin:13px 0 0 0;
			}

/* recipes landing page */
#recipes #content {
    background: url(../../Images/bg-recipes-mid.jpg) repeat-y top left;
	width: 735px;
    }
#recipes #content-inner {
    background: url(../../Images/bg-recipes-top.jpg) no-repeat top left;
    }
#recipes #content-inner2 {
    background: url(../../Images/bg-recipes-bot.jpg) no-repeat bottom left;
    min-height: 1050px;
    padding: 0 0 20px 51px;
    }
    #recipes #content #photo-recipes {
        float: right;
        z-index: 30;
        }
    #recipes #content #intro {
        font-size: .9em;
        width: 353px;
        padding: 69px 5px 0 0;
        }
    #recipes #content #btn-checkbox {
        margin-bottom: 40px;
        }
    #recipes #content .column {
        float: left;
        padding: 0 40px 42px 0;
        }
        #recipes #content .column-1 {
            width: 305px;
            }
        #recipes #content .column-2 {
            width: 299px;
            }
            #recipes #content .column img {
                float: left;
                margin-right: 15px;
                border: 1px solid #FFF;
                }
            #recipes #content .column h3 {
                color: #630;
                font-size: .75em;
                font-weight: bold;
                margin: 0 0 0 115px; padding: 0;
                }
            #recipes #content .column p {
                font-size: .7em;
                margin: 0 0 0 115px; padding: 8px 0 0;
                }
            #recipes #content .column a:link, #recipes #content .column a:visited {
                color: #630;
                }
                #recipes #content .column a:active, #recipes #content .column a:hover, #recipes #content .column a:focus {
                    color: #000;
                    }

/* recipe detail page */
#recipe-detail #content {
    background: url(../../Images/bg-recipe-detail-mid.jpg) repeat-y top left;
	width: 735px;
    }
#recipe-detail #content-inner {
    background: url(../../Images/bg-recipe-detail-top.jpg) no-repeat top left;
    }
#recipe-detail #content-inner2 {
    background: url(../../Images/bg-recipe-detail-bot.jpg) no-repeat bottom left;
    min-height: 543px;
    padding: 0 0 0 39px;
    }
    #recipe-detail #content #intro {
        width: 330px; height: 67px;
        padding-top: 46px;
        }
        #recipe-detail #content #back-to-recipes {
            float: right;
            font-size: .6em;
            margin: 0; padding: 48px 35px 0 0;
            }
            #recipe-detail #content #back-to-recipes a {
                color: #FFF;
                }
    #recipe-detail #content .column {
        float: left;
        }
        #recipe-detail #content .column-1 {
            width: 311px;
            padding-right: 19px;
            }
            #recipe-detail #content .column-1 .photo-recipe {
                border: 1px solid #FFF !important;
                }
            #recipe-detail #content .column-1 #print {
                width: 147px;
                margin: 10px 0 5px;
                }
        #recipe-detail #content .column-2 {
            font-size: .7em;
            width: 331px;
            padding: 0 35px 25px 0;
            }
            #recipe-detail #content .column-2 h2 {
                margin: 0 0 5px;
                }
            #recipe-detail #content .column-2 #btn-nutrition-info {
                width: 127px;
                margin-top: 20px;
                }
            #recipe-detail #content .column-2 #nutrition-info 
            {
                position: relative;
                background: #4F8D31;
                color: #e1f2d9;
                width: 309px;
                margin-top: 20px; padding: 0 9px;
                border: 1px solid #63922D;
                }
                #recipe-detail #content .column-2 #nutrition-info-close {
                    position: absolute;
                    top: 9px; right: 9px;
                    text-align: right;
                    cursor: pointer;
                    }
                    #recipe-detail #content .column-2 #nutrition-info-close img {
                        float: right; padding-left: 5px;
                        }
                #recipe-detail #content .column-2 h3 {
                    font-size: 1.4em;
                    font-weight: bold;
                    margin: 9px 0;
                    }
                #recipe-detail #content .column-2 p#recipe-nutrition {
                    padding-bottom: 9px;
                    border-bottom: 1px dotted #B1C8A5;
                    }
                #recipe-detail #content .column-2 p {
                    margin-bottom: 9px;
                    }

/* recipe print page */
body#recipe-print {
    background: none;
    }
#recipe-print #container {
    background: none;
    width: 604px;
    margin: 0;
    }
#recipe-print h1 {
    font-size: 20px;
    font-weight: bold;
    margin: 27px 0 15px;
    }
#recipe-print h3 {
    font-size: 14px;
    font-weight: bold;
    }
#recipe-print #header {
    height: 148px;
    }
    #recipe-print #header #icon-recipe {
        float: left;
        width: 148px; height: 148px;
        }
    #recipe-print #header #info-recipe {
        background: url(../../Images/bg-print.jpg) no-repeat top left;
        float: left;
        width: 417px; height: 148px;
        padding: 11px 12px 0 27px;
        }
        #recipe-print #header #info-recipe p {
            font-size: 12px;
            margin-bottom: 4px;
            }
        #recipe-print #header #info-recipe img {
            float: right;
            }
#recipe-print #ingredients,
#recipe-print #directions {
    padding: 25px 25px 10px;
    }
#recipe-print #ingredients {
    border-bottom: 1px solid #56AA4F;
    }
    #recipe-print .column {
        float: left;
        font-size: 11px;
        width: 187px;
        padding-right: 90px;
        }
    #recipe-print p {
        font-size: 11px;
        margin-bottom: 15px;
        }

/* box instructions page */
#instructions-body {
    position: relative;
    background: url(../../Images/bg-body.gif) repeat-x top left;
    width: 644px; height: 451px;
    padding: 37px 38px 12px;
    z-index: 1000;
    }
    #instructions-body #instructions-close {
        position: absolute;
        top: 12px; right: 11px;
        }
    #instructions-body #instructions-copy {
        color: #999;
        font-family: Verdana, Arial, Helvetica, Sans-Serif;
        font-size: .7em;
        margin: 0; padding: 15px 0 0;
        }
#instructions-container-inline {
    background: url(../../Images/box-instructions.jpg) no-repeat top left;
    width: 644px; height: 426px;
    }
#instructions-container {
    background: url(../../Images/bg-instructions.jpg) no-repeat top left;
    width: 644px; height: 426px;
    }
    #instructions-container h1,
    #instructions-container h2,
    #instructions-container h3,
    #instructions-container p {
        text-align: center;
        }
    #instructions-container .clearfix {
        width: 519px;
        margin: 0 57px 0 68px;
        }
        #instructions-container .column {
            float: left;
            width: 142px;
            padding: 0 16px 0 15px;
            }

/* site map */
#site-map #content {
    background: url(../../Images/bg-recipe-detail-mid.jpg) repeat-y top left;
	width: 735px;
    }
#site-map #content-inner {
    background: url(../../Images/bg-recipe-detail-top.jpg) no-repeat top left;
    }
#site-map #content-inner2 {
    background: url(../../Images/bg-recipe-detail-bot.jpg) no-repeat bottom left;
    min-height: 543px;
    padding: 0 0 0 39px;
    }
    #site-map #content #intro {
        height: 59px;
        padding-top: 46px;
        }
    #site-map #content ul li {
        font-size: .8em;
        padding-top: 8px;
        }
        #site-map #content ul li ul li {
            font-size: 1em;
            }

/* HACKS
\----------------------------------------*/

/* Clear Fix Hack - apply the clearfix class to any element which acts as a container for floats */
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}
	.clearfix {
		display: inline-block;
		}
		/* Hides from IE-mac \*/
		.clearfix {
			display: block;
			}
		* html .clearfix {
			height: 1px;
			}
		/* End hide from IE-mac */