/*
 *  Reset browser default styles
 */
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: "" "";}

/*
 *  Site styles
 */
body {
    background: #E8E2D6 url(../images/layout/bg-body.gif) top left repeat-x;
    font: 0.75em/1.5em Verdana, Arial, sans-serif; color: #7D7D7D; text-align: center;
    }

/*
 *  Text
 */
strong {font-weight: bold;}
em {font-style: italic;}

a:link {color: #971227; text-decoration: none;}
a:visited {color: #971227; text-decoration: none;}
a:hover, a:focus {color: #971227; text-decoration: underline;}
a:active {color: #971227; text-decoration: none;}

p {margin: 0 0 15px;}

h1 {
    margin: 49px 0 20px -7px;
    font: bold 2em Georgia, Serif; color: #006940;
    }
h3 {font-weight: bold; font-size: 1.0em;}

/*
 *  General Classes
 */
ul.bullets {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;}

/*
 *  Container
 */
#container {
    position: relative;
    width: 100%;
    }

/*
 *  Branding
 */
#branding {
    position: relative;
    margin: 0 auto;
    width: 997px;
    }

    #logo {
        position: absolute;
        margin: 0 0 0 -484px;
        top: 42px; left: 50%;
        }

    #tagline {
        position: absolute;
        margin: 0;
        top: 87px; right: 52%;
        }

/*
 *  Header
 */
#header {
    background: transparent url(../images/layout/bg-header.gif) repeat-x;
    margin: 0 0 63px;
    width: 100%; height: 42px;
    }

    /*
     *  Top Nav
     */
    #header ul {
        position: relative;
        background: transparent url(../images/nav/bg.gif) no-repeat;
        margin: 0 auto 0 auto;
        width: 997px; height: 42px;
        }
        #header li {
            position: absolute;
            top: 0;
            display: block;
            height: 35px;
            }

            #header a {
                display: block;
                height: 35px;
                text-indent: -9999px; text-decoration: none; overflow: hidden;
                }

        #homemenu {left: 100px; width: 94px;}
        #dressingsmenu {left: 196px; width: 119px;}
        #dipsmenu {left: 318px; width: 86px;}
        #glazesmenu {left: 405px; width: 96px;}
        #recipesmenu {left: 504px; width: 105px;}
        #whatsnewmenu {left: 612px; width: 137px;}
        #differencemenu {left: 752px; width: 177px;}

        #homemenu a:hover, #homemenu a:focus, #homemenu.on {background: transparent url(../images/nav/bg.gif) -100px -42px no-repeat;}
        #dressingsmenu a:hover, #dressingsmenu a:focus, #dressingsmenu.on {background: transparent url(../images/nav/bg.gif) -196px -42px no-repeat;}
        #dipsmenu a:hover, #dipsmenu a:focus, #dipsmenu.on {background: transparent url(../images/nav/bg.gif) -318px -42px no-repeat;}
        #glazesmenu a:hover, #glazesmenu a:focus, #glazesmenu.on {background: transparent url(../images/nav/bg.gif) -405px -42px no-repeat;}
        #recipesmenu a:hover, #recipesmenu a:focus, #recipesmenu.on {background: transparent url(../images/nav/bg.gif) -504px -42px no-repeat;}
        #whatsnewmenu a:hover, #whatsnewmenu a:focus, #whatsnewmenu.on {background: transparent url(../images/nav/bg.gif) -612px -42px no-repeat;}
        #differencemenu a:hover, #differencemenu a:focus, #differencemenu.on {background: transparent url(../images/nav/bg.gif) -752px -42px no-repeat;}

/*
 *  Content
 */
#content-o {
    margin: 0 auto 0 auto;
    background: transparent url(../images/layout/bg-content-middle.png) repeat-y;
    width: 997px;
    text-align: left;
    }
.columns #content-o {background: transparent url(../images/layout/bg-content-middle-nav.png) repeat-y;}
    #content-m {background: transparent url(../images/layout/bg-content-bottom.gif) left bottom no-repeat;}
    .home #content-m {background: transparent url(../images/layout/bg-content-bottom-home.gif) left bottom no-repeat;}
        #content-i {
            background: transparent url(../images/layout/bg-content-top.gif) left top no-repeat;
            padding: 16px 9px 17px 16px;
            }
        .home #content-i {padding: 16px 13px 19px;}
        .single #content-i {padding: 16px 9px 10px;}

/*
 *  Home Flash
 */
.home #flash {height: 417px;}

    #main {
        float: left;
        background: url(../images/home/bg-main.jpg) no-repeat;
        width: 637px; height: 417px;
        }

        #main h1 {
            background: url(../images/home/start-something-special-with-maries-dip.jpg) no-repeat;
            margin: 14px 0 0 16px;
            width: 292px; height: 69px;
            text-indent: -9999px; overflow: hidden;
            }

    #callout-recipes {
        float: right;
        background: url(../images/home/bg-callout-recipes.jpg) no-repeat;
        width: 330px; height: 417px;
        }
        #callout-recipes h2 {
            margin: 390px 0 0 135px;
            text-indent: -9999px; overflow: hidden;
            }
            #callout-recipes h2 a {
                display: block;
                width: 190px; height: 25px;
                }

/*
 *  Home Callouts (static)
 */
#callouts {
    /* MARIE'S DIFFERENCE
    background: transparent url(../images/home/bg-callouts.jpg) right top no-repeat;
    */
    background: transparent url(../images/home/bg-callouts-with-promo.jpg) right top no-repeat;
    margin: 5px auto 0 auto;
    width: 993px; height: 161px;
    text-align: left;
    }

    #callouts h3 {
        margin: 9px 0;
        font-weight: bold; font-family: Georgia, Serif; font-size: 1.35em; color: #000;
        }

    #callouts p a {
        background: transparent url(../images/icons/arrow.gif) 0 0.35em no-repeat;
        display: block;
        padding: 0 0 0 9px;
        line-height: 1.2;
        font-size: 13px; font-weight: bold; color: #006940;
        }

   #promo {
        float: left;
        width: 244px; height: 161px;
        }
        #promo h3 {width: 90%;}
        #promo h3, #promo p {margin-left: 10px; }
        #promo p {
            width: 60%;
            font-size: 11px;
            }

    #callout-i, #callout-m, #callout-o {
        float: left;
        width: 245px;
        }
    #callout-o {width: 253px; } /* JOIN MARIE'S KITCHEN PROMO */
        #callout-i h3, #callout-i p {margin-left: 12px;}
        #callout-i p {width: 70%; font-size: 11px;}
        #callout-m h3, #callout-m p {margin-left: 18px;}
        #callout-m p {width: 95%; font-size: 11px;}

        #callout-o h3 {margin-left: 16px;} /* JOIN MARIE'S KITCHEN PROMO */
        #callout-o p { /* JOIN MARIE'S KITCHEN PROMO */
            width: 57%; /*57%*/
            margin: 0 0 5px 16px;
            font-size: 11px;
            }

/*
 *  Secondary Nav
 */
#nav-secondary {
    float: left;
    padding: 0 0 400px;
    width: 177px;
    }

    #nav-secondary ul {margin: 44px 0;}
        #nav-secondary li {background: url(../images/nav/divider-secondary.gif) left bottom no-repeat;}
        #nav-secondary li.end {background: transparent;}

            #nav-secondary a {
                display: block;
                padding: 14px 20px;
                font-family: Georgia, Serif; font-size: 1.4em; color: #909090; text-decoration: none;
                }
            #nav-secondary li.on a, #nav-secondary a:hover, #nav-secondary a:focus {color: #971227;}

/*
 *  Utility Nav
 */
#nav-utility {
    float: right;
    position: relative;
    margin: 4px 0 -27px 0;
    width: 772px;
    z-index: 1;
    }
    
    #nav-utility li {display: inline;}
    #nav-utility li#print {
        background: url(../images/nav/divider-utility.gif) 0 0.25em no-repeat;
        margin: 0 0 0 6px;
        padding: 0 0 0 12px;
        }
    #nav-utility li#tell {
        background: url(../images/nav/divider-utility.gif) 0 0.25em no-repeat;
        margin: 0 0 0 6px;
        padding: 0 0 0 12px;
        }

        #nav-utility li a {
            padding: 2px 0 2px;
            line-height: 2em;
            }
        #nav-utility li#print a {
            background: url(../images/icons/print.gif) no-repeat;
            padding-left: 28px;
            }
        #nav-utility li#tell a {
            background: url(../images/icons/email.gif) 0 0.3em no-repeat;
            padding-left: 31px;
            }

/*
 *  Copy
 */
#copy {
    float: left;
    margin: 0 0 0 30px;
    width: 765px;
    }

#copy.dressings, #copy.dips, #copy.glazes, #copy.recipes, #copy.category, #copy.static, #copy.newslanding {
    padding: 0 350px 0 0;
    width: 415px;
    }
#copy.static-wide {
    padding: 0 45px 0 0;
    width: 720px;
    }    
#copy.dressings, #copy.dips, #copy.glazes {min-height: 275px;}
#copy.recipes, #copy.category {min-height: 210px;}
#copy.static, #copy.static-wide {min-height: 425px;}
#copy.newslanding {min-height: 215px;}

#copy.dressings {background: url(../images/backgrounds/bg-dressings.jpg) right top no-repeat;}
#copy.dips {background: url(../images/backgrounds/bg-dips.jpg) right top no-repeat;}
#copy.glazes {background: url(../images/backgrounds/bg-glazes.jpg) right top no-repeat;}
#copy.category {background: url(../images/backgrounds/bg-product-category.jpg) right top no-repeat;}
#copy.static, #copy.static-wide {background: url(../images/backgrounds/bg-static.jpg) right top no-repeat;}
.newslanding {background: url(../images/backgrounds/bg-in-the-news.jpg) right top no-repeat;}
.newslanding p { margin-bottom: 50px; }

.static-wide p { margin-right: 275px; }

#copy.product-detail {
    margin-bottom: 35px;
    width: 370px;
    }

#copy.privacy-policy {width: 75%;}

/*
 *  Products List
 */
ul#product-list {
    float: right;
    margin: 0 10px 0 0;
    padding: 0 0 50px;
    width: 762px;
    }
    ul#product-list li {
        float: left;
        margin: 0 5px 10px;
        width: 210px; height: 280px;
        text-align: center;
        }
    ul#product-list li.hover {background: url(../images/details/highlight-product.gif) no-repeat;}

        ul#product-list a {font-weight: bold; font-family: Georgia, Serif; line-height: 1.2;}
        ul#product-list a:hover {text-decoration: none;}
        ul#product-list a:hover strong {text-decoration: underline;}

            ul#product-list img {
                display: block;
                background: url(../images/details/divider-product.gif) center bottom no-repeat;
                margin: 0 auto 10px auto;
                padding: 0 0 7px;
                }

/*
 *  Product Tabs
 */
#content-i .product-panel {display: none;}
#product-tabs {
	float: right; position: relative;
	width: 732px;
	padding-right: 40px;
	}
#product-tabs h1 {
	margin-left: 0;
	margin-bottom: 0;
	}
#product-nav {
	position: relative;
	padding-top: 15px;
	z-index: 5;
	}
#product-nav li {display: inline; float: left;}
	#product-nav li a {
		display: block;
		background: url(../images/nav/product-tabs.gif) no-repeat;
		height: 35px;
		text-indent: -10000px;
		}
	#product-nav li#nav-overview a {
		background-position: 0 -35px;
		width: 104px;
		}
	#product-nav li#nav-recipe-list a {
		background-position: -104px -35px;
		width: 75px;
		}
#product-nav li#nav-nutrition-facts {
	background: url(../images/nav/product-tabs-line.gif) 100% 100% no-repeat;
	width: 290px;
	}
	#product-nav li#nav-nutrition-facts a {
		background-position: -179px -35px;
		width: 211px;
		}

#product-nav li#nav-overview a.active {background-position: 0 0;}
#product-nav li#nav-recipe-list a.active {background-position: -104px 0;}
#product-nav li#nav-nutrition-facts a.active {background-position: -179px 0;}

/*
 *  Product & Recipe Detail overview (main image | Flash and prev next)
 */
#product-tabs h1 {margin-right: 330px;}
#product-tabs #overview {
    width: 375px;
    margin-top: 35px;
    }

    #product-tabs #overview img {
    	position: absolute;
    	top: 8px; right: 5px;
    	}

#overview.recipe {
    position: absolute;
    top: 240px; right: 50%;
    margin: 0 -490px 20px 0;
    width: 430px;
    }

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

    .recipe-detail #videoPlayer { margin: -38px 0 15px 0; }

    ul#recipe-pagination {
        position: absolute;
        top: 565px; right: 50%;
        margin: 0 -471px 20px 0;
        width: 382px; height: 30px;
        }

    ul#recipe-pagination.hasVideo {
        float: left; display: inline;
        margin: -175px 0 0 320px; padding: 0;
        *margin-top: -210px;
        position: static;
        }
        ul#recipe-pagination li {
            float: left;
            margin: 0 8px;
            text-indent: -9999px;
            }

        ul#recipe-pagination.dressings li#prev {background: url(../images/buttons/dressing-prev.gif) no-repeat;}
        ul#recipe-pagination.dressings li#next {background: url(../images/buttons/dressing-next.gif) no-repeat;}
        ul#recipe-pagination.dips li#prev {background: url(../images/buttons/dip-prev.gif) no-repeat;}
        ul#recipe-pagination.dips li#next {background: url(../images/buttons/dip-next.gif) no-repeat;}
        ul#recipe-pagination.glazes li#prev {background: url(../images/buttons/glaze-prev.gif) no-repeat;}
        ul#recipe-pagination.glazes li#next {background: url(../images/buttons/glaze-next.gif) no-repeat;}

        ul#recipe-pagination.recipe li#prev {background: url(../images/buttons/recipe-prev.gif) no-repeat;}
        ul#recipe-pagination.recipe li#next {background: url(../images/buttons/recipe-next.gif) no-repeat;}

            ul#recipe-pagination li a {
                display: block;
                width: 170px; height: 30px;
                overflow: hidden;
                }
            ul#recipe-pagination li a.disabled {cursor: default;}

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

/*
 *  Nutrition Facts
 */
#nutrition-facts {
    clear: both;
    position: relative;
    background: url(../images/nutrition-facts/bg.gif) left bottom no-repeat;
    padding: 35px 0;
    font-size: .85em;
    }

	#nutrition-facts h3 {
        color: #006940; text-indent: -9999px; overflow: hidden;
		}

    #nutrition-facts #ingredients {
		background: url(../images/nutrition-facts/bg.gif) left bottom no-repeat;
        margin-bottom: 30px; padding: 0 30px 20px 0;
	    }
		#nutrition-facts #ingredients h3 {
            background: url(../images/nutrition-facts/title-ingredients.gif) no-repeat;
            width: 93px; height: 20px;
			margin-bottom: 24px;
			}

	#nutrition-facts #nutrition h3 {
        background: url(../images/nutrition-facts/title.gif) no-repeat;
        width: 127px; height: 16px;
		margin-bottom: -20px;
		}

    #nutrition-facts #nutrition #basic-info {
        float: left;
        margin: 30px 15px 0 0;
        width: 185px;
        font-size: 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.1em; font-style: italic;
        	line-height: 30px;
            }
		#nutrition-facts td {
			font-size: 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 {
		color: #A6A5A5;
		padding-top: 40px;
		clear: both;
		}
	    #nutrition-facts #disclaimers li {margin: 0 0 4px;}

/*
 *  Search Recipes
 */
#search-recipes-o {
    float: right;
    background: transparent url(../images/recipes/bg-search-middle.gif) repeat-y;
    width: 282px;
    margin: -195px 25px 0 0;
    }
    #search-recipes-m {background: transparent url(../images/recipes/bg-search-bottom.gif) left bottom no-repeat;}
        #search-recipes-i {
            position: relative;
            background: transparent url(../images/recipes/bg-search-top.gif) left top no-repeat;
            padding: 9px 45px 10px 17px;
            }

            #search-recipes-i h3 {
                background: url(../images/recipes/title-search.gif) 6px 0 no-repeat;
                margin: 0 0 5px 0;
                width: 124px; height: 12px;
                color: #006940; text-indent: -9999px; overflow: hidden;
                }

            #search-recipes-i fieldset {margin: 0;}
            #search-recipes-i label {margin: 0; color: #333333;}
            #search-recipes-i select {
                width: 250px;
                height: 24px; 
                margin: 0 0 5px 0; padding: 1px 1px 2px; 
                line-height: 24px; 
                font-size: 1.1em; 
                color: #666666;
                }
                
            p#find {width:255px; margin: 8px 0;}
            p#find input {font-size: 1.1em; color: #666666;}
            p#find input.txt {float: left; width: 165px; height: 18px; margin: 3px 10px 0 0;}
            p#find input.btn {
                float: left;
                display: block;
                border: 0;
                text-indent: -9999px;
                width: 70px; height: 30px;
                margin: 0; padding: 0;
                cursor: pointer;
                background: url(../images/buttons/find.gif) top left no-repeat;
                }

/*
 *  Recipe-of-the-Month
 */
#recipe-of-the-month {
    float: left;
    width: 617px;
    margin: 30px 0 0 31px;
    padding: 0 0 8px 0;
    background: #FDFCFB;
    border: 1px solid #C7C7C7;
    }
    #recipe-of-the-month h1 {
        color: #FEFEFE;
        font-size: 20px;
        font-weight: normal;
        margin: 0;
        padding: 2px 0 4px 10px;
        background: #006940;
        }
    #recipe-of-the-month h2 a {color:#006940; font-size: 13px; font-weight: bold; font-family: Georgia, Serif;}
        #recipe-of-the-month h2 a:hover {text-decoration: none;}
            #recipe-of-the-month h2 a:hover strong {text-decoration: underline;}
    
    #recipe-of-the-month a#make-recipe, #recipe-of-the-month a#watch-recipe {
        text-decoration: underline;
        float: left; width: 275px;
        margin-top: 10px; padding: 0 0 5px 30px;
        background: transparent url(../images/icons/folder.png) left top no-repeat;
        }      
    #recipe-of-the-month a#watch-recipe {
        margin: 0;
        background: transparent url(../images/icons/video-large.png) 3px 0 no-repeat;
        }

        #recipe-of-the-month h2 img {
            float: left;
            background: url(../images/recipes/bg-large-img.jpg) left top no-repeat;
            margin: 7px 15px 0 5px;
            padding: 16px;
            }
        #recipe-of-the-month h2 strong {
            display: block;
            margin: 0 50px 5px 0;
            padding: 10px 0 0;
            }
    #recipe-of-the-month p {
        float: left;
        width: 45%;
        margin: 0 15px 0 0;
        }

/*
 *  Recent Recipes-of-the-Month
 */
#recent-recipes-of-the-month {
    float: left;
    width: 617px;
    margin: 0 0 25px 31px;
    background: #F9F9F9 url(../images/layout/bg-recent-recipes.gif) bottom left repeat-x;
    border-left: 1px solid #E7E7E7;
    border-right: 1px solid #E7E7E7;
    }
    #recent-recipes-of-the-month h3 {
        font-weight: bold; 
        font-family: Georgia, Serif;
        color: #006941;
        padding: 18px 0 12px 26px;
        }
    #recent-recipes-of-the-month a:hover {cursor:pointer;}
    #recent-recipes-of-the-month ul {
        float: left;
        padding-bottom: 20px;
        }
        #recent-recipes-of-the-month ul li {
            float: left; display: inline;
            width: 161px;/*137px + padding*/
            margin: 0 22px 0 21px;
            }

#recent-recipes-of-the-month h2 {font-weight: bold; font-family: Georgia, Serif;}
    #recent-recipes-of-the-month h2 a:hover {text-decoration: none;}
        #recent-recipes-of-the-month h2 a:hover strong {text-decoration: underline;}

    #recent-recipes-of-the-month h2 img {
        float: left;
        width: 137px;
        padding: 12px;
        background: url(../images/recipes/bg-img-gray.jpg) left top no-repeat;
        }

        #recent-recipes-of-the-month h2 a strong {
            display: block;
            width: 137px;
            text-align: center;
            margin: 0 0 0 12px;
            } 
        #recent-recipes-of-the-month h2 a {
            display: block;
            padding-left: 5px;
        }
        #recent-recipes-of-the-month h2 a strong.hasVideo {
            background: transparent url(../images/icons/video.png) 0 0 no-repeat;
            float: left;
            margin-left: 4px;
            padding: 0 5px 0 17px;
        }

/*
 *  Recipe List
 */
#recipe-list {
    float: left; display: inline;
    margin: 0 0 20px 32px;
    width: 724px;
    }
    
#recipe-list p#result-total {
    margin: -15px 0 -16px 162px;
    position: relative;
    }

    /*
     *  Recipe Table
     */
    #recipe-list tr {background: url(../images/recipes/divider.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: 176px;}
                #recipe-list div.thumb img {
                    background: url(../images/recipes/bg-img.jpg) left top no-repeat;
                    margin: 0 15px 0 0;
                    padding: 12px;
                    }
            #recipe-list div.meal-info {float: left;}
                #recipe-list div.meal-info h2 {font-weight: bold; font-family: Georgia, serif;}
                    #recipe-list div.meal-info h2 a:hover {text-decoration: underline;}

            #recipe-list div.meal-info .summary {
                float: left;
                width: 290px;
                margin: 0 15px 0 0;
            }
                #recipe-list div.meal-info .summary p.video {
                    margin: -10px 0 15px 0;
                }
                #recipe-list div.meal-info .summary p.video a {
                    background: transparent url(../images/icons/video.png) 0 0 no-repeat;
                    padding: 2px 0 3px 18px;
                    text-decoration: underline;
                }

            #recipe-list div.meal-info ul {
                float: left;
                width: 144px;
                }
                #recipe-list div.meal-info ul li {
                    background: transparent;
                    margin: 0;
                    padding: 0;
                    }
                    #recipe-list div.meal-info ul strong {color: #333;}


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

            .paging ul {margin: 0 0 0 170px;}
                .paging li {
                    float: left;
                    margin: 0 5px;
                    }

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

                        .paging a {
                            display: block;
                            width: 23px; height: 17px;
                            overflow: hidden;
                            }
                        .paging a.disabled {cursor: default;}

/*
 *  Recipe Detail
 */
#copy.recipe-detail {width: 485px;}

    .recipe-detail h1 {margin-bottom: 40px;}

    .recipe-detail ul {margin: 0 0 30px;}

    .recipe-detail div#prep {
        background: url(../images/recipes/bg-detail-copy.gif) left bottom no-repeat;
        float: left;
        width: 650px;
        padding: 0 0 180px;
        }
        .recipe-detail div#prep h3 {
            margin: 0 0 10px;
            font-weight: bold;
            }
            .recipe-detail div#prep p {margin: 0 0 30px;}

                .recipe-detail div#prep ul {
                    list-style: disc;
                    margin: 0 0 0 15px;
                    }
                .recipe-detail div#prep #ingredients, .recipe-detail div#prep #directions {
                    float: none;
                    margin: 0 30px 30px 0;
                    width: 290px;
                    }
                .recipe-detail.hasVideo div#prep #ingredients, .recipe-detail div#prep #directions {
                    float: left;
                    }

/*
 *  What's New
 */
#whatsnew-main {
    float: left;
    width: 67%;
    margin-right: 50px;
    }
    #whatsnew-main a {
        display: block;
        font-weight: bold;
        }
    #whatsnew-main a.view-all {
        font-weight: normal;
        margin-top: 15px;
        }
    #whatsnew-main h4 {
        color: #006940;
        font: bold 16px Georgia, serif;
        margin-bottom: 10px;
        padding: 12px 0 12px 48px;
        }
    #latest-videos h4 { background: transparent url(../images/icons/mariestv-icon.gif) 0 0 no-repeat; padding: 15px 0 15px 48px; }
    #recipe-of-month h4 { background: transparent url(../images/icons/recipe-of-month-icon.gif) 0 0 no-repeat; }
    #new-products h4 { background: transparent url(../images/icons/newproducts-icon.gif) 0 0 no-repeat; }

#latest-videos, #recipe-of-month, #new-products {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    padding-bottom: 25px;
    background: transparent url(../images/recipes/divider.gif) no-repeat scroll left bottom;
    }
    
    #latest-videos .blurb {
        float: left;
        width: 54%;
        }
        
    #latest-videos .thumb {
        float: right;
        width: 41%;
        }
        
		#latest-videos .thumb a.play {
			position: relative;   
			top: -25px; left: -12px;
			}

        #latest-videos .whats-new-tv-image {
            float: left;
            width: 140px; 
            }
			
			#latest-videos .whats-new-tv-image a {
                margin-top: -50px;
				padding: 10px;
				}
    
    #recipe-of-month .blurb {
        float: left;
        width: 52%;
        }
    
    #recipe-of-month .thumb {
        float: right;
        width: 42%;
        }
		#recipe-of-month .thumb img {
			padding: 12px;
			background: transparent url(../images/whatsnew/bg-img.jpg) no-repeat scroll left top;
			}
			
    #new-products ul li {
        list-style: none;
        float: left;
        margin-bottom: 10px;
        }
    #new-products .blurb {
        float: left;
        width: 70%;
        margin-top: 10px;
        }
    #new-products .thumb {
        float: right;
        width: 26%;
        }
    #whatsnew-main .last {background: none;}
    
#whatsnew-side {
    float: left;
    width: 190px;
    padding: 118px 0;
    margin-top: -120px;
    }
    
#enter-to-win {
    width: 175px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    background: transparent url(../images/whatsnew/bg-side-callouts.gif) bottom left no-repeat;
	}
	
	#enter-to-win h4 {
		padding: 17px 10px 30px 60px;
		font-weight: bold; font: 16px normal Georgia, serif; color: #006940;
		background: transparent url(../images/whatsnew/enter-to-win-top.gif) 0 0 no-repeat;
		}
		
	#enter-to-win p, #enter-to-win a {margin: 0 12px 15px 12px;}

#in-news {
    width: 175px;
    padding-bottom: 5px;
    margin-bottom: 15px;
    background: transparent url(../images/whatsnew/bg-side-callouts.gif) bottom left no-repeat;
	}
	
	#in-news h4 {
		padding: 30px 10px 30px 65px;
		font-weight: bold; font: 16px normal Georgia, serif; color: #006940;
		background: transparent url(../images/whatsnew/in-the-news-top.gif) 0 0 no-repeat;
		}
		
	#in-news p, #in-news a {
		display: block;
		margin: 0 12px 15px 12px;
		}
		
	#in-news a { font-weight: bold; }
		#in-news a.view-all { font-weight: normal; }

/*
 *  Marie's TV
 */
.sIFR-hasFlash #copy h1#tv-video-title {
    float: right;
    width: 88%;
}
#tv-video-tabs {
    background: transparent url(../images/maries-tv/maries-tv-logo.png) 0 0 no-repeat;
	float: left;
    margin: -93px 0 2px 0;
    padding: 115px 35px 0 0;
	width: 627px; height: 40px;
    }

#tv-video-nav { height: 40px; }

#tv-video-nav li {display: inline; float: left;}
	#tv-video-nav li a {
		display: block;
		background: url(../images/nav/maries-tv-tabs.png) no-repeat;
        width: 116px;
		height: 44px;
		text-indent: -10000px;
		}
    #tv-video-nav li#nav-recipes a {
        background-position: 0 -35px;
        }
    #tv-video-nav li#nav-cooking-ideas a {
        background-position: -116px 9px;
        }
#tv-video-nav li#nav-commercials {
	background: url(../images/nav/product-tabs-line.gif) 100% 100% no-repeat;
    width: 200px;
	}
	#tv-video-nav li#nav-commercials a {
		background-position: -232px -35px;
		}

#tv-video-nav li#nav-recipes a.active {background-position: 0 9px;}
#tv-video-nav li#nav-cooking-ideas a.active {background-position: -116px -35px;}
#tv-video-nav li#nav-commercials a.active {background-position: -232px -79px;}

#current-episode {
    float: left;
    width: 665px;
    }
    
    #current-episode h3 {color: #971227;}
    
        #current-episode p.date {
            font-weight: normal; color: #333;
            margin-bottom: 4px;
            }
            #current-episode #video-player {margin: 10px 0;}

#previous-episodes {
    background: transparent url(../images/maries-tv/horiz-rule.png) 0 0 no-repeat;
    float: left;
    padding: 12px 0; margin-top: 10px;
    width: 660px;
    }
    
    #previous-episodes h4 {
        font: bold 13px Georgia, serif; color: #666666;
        margin-bottom: 7px;
        }
        #previous-episodes h4 span {
            font-weight: normal;
        }
        
    #previous-episodes ul {
        float: left;
        width: 660px;
        }
    #previous-episodes li {
        float: left;
        margin: 0 19px 5px 0;
        min-height: 150px;
        width: 146px;
        }

    * html #previous-episodes li {height: 45px;}

        #previous-episodes li a {
            display: block;
            font-size: 12px;
            line-height: 1.3;
            margin-top: 3px;
            }

/*
 *  In the News List
 */
#in-the-news {
    float: left;
    margin: 0 0 20px 25px;
    width: 660px;
    }

    /*
     *  In The News Table
     */
    #in-the-news tr {background: transparent url(../images/recipes/divider.gif) left bottom no-repeat;}
        #in-the-news td {padding: 25px 0 20px;}

    #in-the-news tr.end {background: transparent;}

            #in-the-news div.thumb {float: left; width: 176px;}
                #in-the-news div.thumb img {
                    background: transparent url(../images/recipes/bg-img.jpg) left top no-repeat;
                    margin: 0 15px 0 0;
                    padding: 12px;
                    }
            #in-the-news div.news-info {float: left; width: 460px;}
                #in-the-news div.news-info h2 {font-weight: bold; font-family: Georgia, serif;}
                    #in-the-news div.news-info h2 a:hover {text-decoration: underline;}

            #in-the-news div.news-info p {margin: 0 15px 10px 0;}
            
            #in-the-news div.news-info p.date {
                color: #000;
                margin-bottom: 12px;
                }
                
				#in-the-news div.news-info p a { text-decoration: underline; }
            
            #in-the-news p#archived-news {
                width: 200px;
                margin: 30px 0 40px 0;
                padding-left: 20px;
                background: transparent url(../images/icons/archived-news.gif) 0 0 no-repeat;
                }

/*
 *  In the News Paging
 */
#in-the-news p#result-total {margin: 0 0 0 150px;}
    
/*
 *  In the News Detail
 */
#copy.news-detail #gfx {
    float: left;
    width: 260px;
    margin-top: 135px;
    }
#copy.news-detail #blurb {
    float: left;
    margin-right: 5px;
    padding: 0 5px 60px 0;
    width: 460px;
    }
#copy.news-detail div.news-product {margin: -130px 0 0 0;}
#copy.news-detail div.news-thumb {
    width: 247px;
    height: 161px;
    margin: -40px 0 -80px 30px;
    position: relative;
    background: transparent url(../images/whatsnew/middle-thumb-bg.png) 0 0 no-repeat;
    }
    #copy.news-detail div.news-thumb img {
        position: relative;
        top: 18px;
        left: 17px;
        }
    #copy.news-detail div.news-product img {position: relative;}

    .news-detail h2 {margin: 0 0 30px 100px;}
    
    .news-detail .legal {font-style: italic;}
    
     .news-detail ul {margin: -8px 0 8px 30px;}
          .news-detail ul li {list-style: disc;}

/*
 *  Marie's Difference
 */
#copy.difference {
    /* Not adding float:none; prevents bottom-padding bug in Safari */
    background: url(../images/maries-difference/bg.jpg) left bottom no-repeat;
    margin: 0;
    padding: 0 61px 0 445px;
    width: 473px; min-height: 64em;
    }
*+html #copy.difference {min-height: 69em;}

    .difference h1 {margin-bottom: 0;}
    .difference h2 {margin: 0 0 30px 100px;}

/*
 *  Promo (Rachel Ray)
 */
#copy.promo {
    background: url(../images/promo/bg-rachael-ray.jpg) left bottom no-repeat;
    margin: 0;
    padding: 0 70px 0 445px;
    width: 464px; min-height: 64em;
    }
*+html #copy.promo {min-height: 69em;}

    .promo #title {margin: 49px 0 20px 0;}

/*
 *  Promo (Chef's Best)
 */
#copy.promo-chefs-best {
    background: url(../images/promo/bg-chefs-best.jpg) left bottom no-repeat;
    margin: 0;
    padding: 0 70px 0 445px;
    width: 464px; min-height: 76em;
    }
*+html #copy.promo {min-height: 78em;}

    .promo #title {margin: 49px 0 20px 0;}

/*
 *  Site Map
 */
.site-map ul {margin: 0 0 25px 0;}
    .site-map ul li {margin: 0 0 20px;}
        .site-map ul ul {margin: 10px 0 0 20px;}
            .site-map ul ul li {margin: 0 0 10px;}

        .site-map li strong {
            float: left;
            display: block;
            margin: 0 0 0 -25px;
            width: 20px; height: 20px;
            text-indent: -9999px; overflow: hidden;
            cursor: pointer;
            }
        .site-map li strong.exp {background: url(../images/buttons/expanded.gif) 3px .1em no-repeat;}
        .site-map li strong.col {background: url(../images/buttons/collapsed.gif) 3px .1em no-repeat;}

/*
 *  Tell a Friend
 */
#copy.tell-friend {width: 340px; min-height: 450px;}

    .tell-friend h1 {margin-bottom: 40px;}
    .tell-friend div img { margin: 130px 0 0 30px; }

/*
 *  Special Offers, Tell a Friend forms
 */
fieldset {margin: 50px 0 15px;}

    fieldset div {
        margin: 0 0 20px;
        color: #FF0000;
        }
        fieldset div p {margin: 0;}
        fieldset div li {margin: 0;}

    fieldset li {margin: 0 0 15px;}
        
        fieldset label {
            display: block;
            margin: 0 0 5px;
            }
            fieldset label strong.required {color: #FF0000;}

        fieldset input {width: 225px;}
        
        fieldset select {
            width: 230px;
            height: 24px; 
            margin: 1px 0 5px 0; padding: 3px 2px 0 2px; 
            line-height: 24px; 
            font-size: 1.1em; 
            color: #666666;
            }
        
    fieldset p a:link, fieldset p a:visited {text-decoration: underline;}

    p#sign-up {background: url(../images/buttons/sign-up.gif) no-repeat;}
    p#send {background: url(../images/buttons/send.gif) no-repeat;}
    p#sign-up-page-2 {background: url(../images/buttons/submit.gif) no-repeat;}

    p#sign-up, p#send, p#sign-up-page-2 {
        margin: 1em 0 75px;
        text-indent: -9999px; overflow: hidden;
        }
        p#sign-up a, p#send a, p#sign-up-page-2 a {
            display: block;
            width: 106px; height: 30px;
            }
        p#sign-up a:focus, p#send a:focus, p#sign-up-page-2 a:focus {outline: 0;}
        
    p.profile-question {
    	clear: both;
        margin: 1.7em 0 5px;
        height: 1%; /* fixes margin collapse issue in IE */
        font-weight: bold;
        }

    label.profile-signup-label { 
    	clear: both;
        margin: 0 0 5px;
        font-weight: bold;
        }        
        
    span.checkbox-answer, span.radio-answer { 
        display: block; 
        margin-left: 28px;
        } 
        span.checkbox-answer input, span.radio-answer input { 
            width: 20px; 
            float: left; 
            line-height: 15px; 
            height: 15px; 
            margin: 3px 0 0 -28px;
            }
        
        span.checkbox-answer label, span.radio-answer label { 
            width: 680px; 
            display: block; 
            line-height: 20px; 
            margin: 0 0 8px 0;
            }
    
    span.more-info { 
        display: block; 
        float: left;
        margin-right: 5px; 
        }
    p.please-clarify {margin: 0;}
       
    fieldset#signup-page {
        width: 720px;
        margin-top: 0;
        }
        fieldset#signup-page p { margin-top: 30px; }
    
    #sign-up-form { 
        float: left;
        margin: 0 0 8px 0;
        }
    #sign-up-form td {padding-bottom: 12px;}
        #sign-up-form td.col {padding-left: 9px;}
 
    #sign-up-form input {width: 199px;}
    #sign-up-form input.wideTextfield {width: 414px;}
	#sign-up-form input.shortTextfield {width: 55px;}
		
    #sign-up-form select.shortDropdown {
        width: 135px; 
        margin: 0 9px 0 0; 
        *margin: 1px 9px 0 0; /*for IE*/
        padding: 0;
        height: 22px; line-height: 22px;
        }
   
    p#instructions {margin: 2.5em 0 0;}
    p.thankyou {font-size: 1.2em;}
    
    .validation-summary-error-list li {
        list-style: disc;
        margin: 2px 0 2px 15px;
        padding: 0;
        }

/*
 *  Footer
 */
#footer {
    margin: 50px auto 0 auto;
    width: 997px;
    font-family: Arial, Verdana, sans-serif; font-size: 0.95em; text-align: center;
    }
    
    #footer ul {margin: 0 28px 5px 0;}
        #footer li {
            display: inline;
            margin: 0 5px 0 0;
            padding: 0 6px 0 0; border-right: 1px solid #006940;
            }
        #footer li.end {
            margin: 0;
            padding: 0; border: 0;
            }

            #footer a {color: #006940;}

    #footer p, #footer-home-legal-notices p {
        margin: 0 8px 0 0;
        font-size: 0.9em; line-height: 1.3; color: #9F9988;
        }
    #footer-home-legal-notices {
        font-family: Arial, Verdana, sans-serif; font-size: 0.9em; text-align: center;
        margin-bottom: 50px;
    }
		
/*
 *  Clear Fix
 *  Apply the clearfix class to any element which acts as a container for floats.
 */
.clearfix:after, #product-nav:after, .site-map li:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix, #product-nav, .site-map li {display:inline-block;}
/* Hides from IE-mac \*/
.clearfix, #product-nav, .site-map li {display:block;}
* html .clearfix, * html #product-nav, * html .site-map li {height: 1px;}
/* End hide from IE-mac */

/*
 *  These are standard sIFR styles... do not modify
 */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
    }

.sIFR-replaced {visibility: visible !important;}

span.sIFR-alternate {
    display: block;	
    position: absolute;
	left: 0; top: 0;
	width: 0; height: 0;
	overflow: hidden;
    }

/*
 *  Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it.
 */
.sIFR-flash + div[adblocktab=true] {display: none !important;}

/*
 *  These "decoy" styles are used to hide the browser text before it is replaced...
 *  the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower...
 *  your own settings may vary...
 *  any weird sizing issues you may run into are usually fixed by tweaking these decoy styles
 */
.sIFR-hasFlash #copy h1 {
	visibility: hidden;
    font-size: 30px; letter-spacing: -6px;
    }

.sIFR-hasFlash .difference h2 {
    visibility: hidden;
    font-size: 26px; letter-spacing: -3px;
    }
.sIFR-hasFlash .news-detail h2 {
    visibility: hidden;
    font-size: 26px; letter-spacing: -3px;
    }