﻿/* PAGES */

/* HOMEPAGE */
body.default div#content
{
    background-image:none;
    }
    
div#homepage-rotator
{
    height:470px;
    position:absolute;
    width:708px;
    z-index:2;
    }
    
div.homepage-callout
{
    overflow:hidden;
    position:absolute;
    z-index:1;
    }
	
div.homepage-callout h3
{
    height:100%;
    margin:0;
    padding:0;
    width:100%;
    }	
div.homepage-callout a
{
    display:block;
    height:100%;
    width:100%;
    }

#h-c-chef-recipes
{
    height:196px;
    left:679px;
    top:19px;
    width:256px;
    }
    

#hc-store
{
    height:205px;
    left:678px;
    top:165px;
    width:256px;
    z-index:2;
	text-indent:-9999px;
    }
	

#h-c-holiday-recipes
{
    height:195px;
    left:677px;
    top:375px;
    width:257px;
    z-index:3;
    }
    
#h-c-holiday-recipes .css-image{background-image:url(images/homepage/new-year-recipes.jpg);}
	
div#h-c-portions span.css-image
{
    background-image:url(images/homepage/holiday-gift.jpg);
    }
#hc-store span.css-image
{
    background-image:url(images/homepage/hqm-store-callout.png);
    }
    
 
#h-c-chef-recipes{width:243px;}   
#h-c-chef-recipes .css-image{background-image:url(images/homepage/chefs-kitchen-callout.jpg);}  

#hc-superbowl
{
    height:203px;
    left:418px;
    padding:15px 0 0 15px;
    top:375px;
    width:493px;
    z-index:5;
    }  
    
#hc-superbowl a
{
    color:#fff;
    }
    
#hc-superbowl .css-image
{
    background-image:url(images/content/pages/recipes/superbowl/superbowl-callout.png);
    }    

#holiday-recipes-banner
{
    background:url(images/homepage/holiday-homepage.jpg);
    height:259px;
    left:1px;
    overflow:hidden;
    position:absolute;
    top:313px;
    width:636px;
    }
    
#holiday-recipes-banner ul
{
    list-style:none;
    margin:0;
    padding:88px 0 0;
    position:relative;
    width:100%;
    }
    
#holiday-recipes-banner li
{
    position:absolute;
    }
    
#holiday-recipes-banner a{display:block;height:100%;width:100%;position:relative;}

#holiday-recipes-banner .css-image{background:url(images/homepage/holiday-homepage.jpg);}
    
#hrb-orange
{
    height:119px;
    left:25px;
    top:131px;
    width:140px;
    }
    
#hrb-orange .css-image{background-position:-25px -131px;}
    
#hrb-plum
{
    height:129px;
    left:129px;
    top:88px;
    width:148px;
    }
    
#hrb-plum .css-image{background-position:-129px -88px;}

#hrb-pineapple
{
    height:118px;
    left:237px;
    top:130px;
    width:150px;
    }
    
#hrb-pineapple .css-image{background-position:-237px -130px;}
    
#hrb-onion-sauce
{
    height:127px;
    left:341px;
    top:88px;
    width:163px;
    }
    
#hrb-onion-sauce .css-image{background-position:-341px -88px;}
    
#hrb-apricot
{
    height:116px;
    left:455px;
    top:130px;
    width:148px;
    }
    
#hrb-apricot .css-image{background-position:-455px -130px;}
	
/* ABOUT */	 
div#subpage-wide-image
{
    float:left;
    overflow:hidden;
    position:relative;
    text-align:right;
    }

body.about-section div#subpage-wide-image
{
    width:460px;
    }
body.about-section div#content
{
    color:#333333;
    }
    
body.about-default p.photo-caption,
body.about-commitment p.photo-caption
{
    left:10px;
    top:388px;
    }
div#content h1 span.css-image
{
    margin:13px 9px;
    }
body.about-default div#content h1
{
    width:153px;
    }
body.about-default div#content h1 span.css-image
{
    background-image:url(images/content/headers/about-us.png);
    }
    
body.about-section div#subpage-content-navigation a
{
    background-image:url(images/content/pages/about/about-us-navigation.png);
    background-repeat:no-repeat;
    text-indent:-9999px;
    }
    
li.about-sustainable-commitment a
{
    background-position:0 0;
    }
li.about-sustainable-commitment a:hover
{
    background-position:right 0;
    }
li.about-animal-stewardship a
{
    background-position:0 -42px;
    }
li.about-animal-stewardship a:hover
{
    background-position:right -42px;
    }
li.about-press a
{
    background-position:0 -84px;
    }
li.about-press a:hover
{
    background-position:-242px -84px;
    }	
body.about-animal-stewardship h1 span.css-image
{
    background-image:url(images/content/headers/about-animal-stewardship.png);
    }
body.about-animal-stewardship div#content.fixed-size
{
    height:auto;
    }
body.about-commitment h1 span.css-image
{
    background-image:url(images/content/headers/about-a-sustabinable-commitment.png);
    }
body.about-animal-stewardship p.photo-caption
{
    left:146px;
    top:219px;
    }
p.photo-caption
{
    color:#868583;
    font-size:10px;
    left:0;
    line-height:normal;
    margin:0;
    padding:0;
    position:absolute;
    text-align:left;
    top:0;
    width:155px;
    z-index:2;
    }  
div#about-page-content
{
    margin:-72px 0 0 13px;
    position:relative;
    z-index:2;
    }  
body.about-default div#page-title
{
    width:153px;
    }      
div#about-page-wrapper
{
    float:left;
    margin-left:70px;
    overflow:hidden;
    padding:32px 0 0 0;
    position:relative;
    width:420px;
    }
     
/* PRESS */
body.about-media div#content h1 span.css-image
{
    background-image:url(images/content/headers/press.png);
    }
body.about-media div#subpage-content-navigation
{
    display:none;
    }
body.about-media div#subpage-wide-image
{
    background:url(images/content/pages/about/press-background.jpg) no-repeat right top;
    height:572px;
    }	
    
#single-video-player
{
    float:right;
    margin:0 0 20px 20px;
    overflow:hidden;
    width:360px;
    }
    
/* PRODUCTS LANDING

body.products-default div#content
{
    background:url(/assets/images/pages/products/bacon.jpg) no-repeat right bottom;
    }
 */
div#product-landing-page-images
{
    height:572px;
    left:0;
    position:absolute;
    top:0;
    width:950px;
    z-index:1;
    }
div.product-landing-page-background-image
{
    position:absolute;
    right:0;
    top:0;
    }
body.products-default div#content h1
{
    height:71px;
    margin:0 0 0 305px;
    width:273px;
    }
body.products-default div#content h1 span.css-image
{
    background-image:url(/css/images/content/headers/serve-up-the-flavor.png);
    }
#product-landing-page-content
{
    height:572px;
    overflow:hidden;
    position:absolute;
    top:0;
    width:950px;
    z-index:1;
    }
div#products-landing-page p
{   
    font-family:Georgia;
    font-size:14px;
    padding:0;
    margin:0;
    margin-top:-70px;
    text-align:center;
    width:900px;
    position:relative;
    z-index:2;
    }
div#products-landing-page ul
{   
    margin:0 auto;
    width:400px;
    }
body.products-section div#subpage-content-navigation 
{
    position:absolute;
    top:153px;
    left:42px;
    z-index:3;
    }
body.products-section div#subpage-content-navigation li
{
    width:162px;
    height:40px;
    }
body.products-section div#subpage-content-navigation a
{
    display:block;
    width:100%;
    height:100%;
    text-indent:-9999px;
    background-repeat:no-repeat;
    background-image:url(/css/images/content/pages/products/products-sub-navigation.jpg);
    }
li.products-subpage-nav-bacon a
{
    background-position:0 0;
    }
li.products-subpage-nav-bacon a:hover
{
    background-position:right 0;
    }
li.products-subpage-nav-breakfast a
{
    background-position:0 -40px;
    }
li.products-subpage-nav-breakfast a:hover
{
    background-position:right -40px;
    }
li.products-subpage-nav-deli a
{
    background-position:0 -80px;
    }
li.products-subpage-nav-deli a:hover
{
    background-position:right -80px;
    }
li.products-subpage-nav-franks a
{
    background-position:0 -120px;
    }
li.products-subpage-nav-franks a:hover
{
    background-position:right -120px;
    }
li.products-subpage-nav-fresh a
{
    background-position:0 -162px;
    }
li.products-subpage-nav-fresh a:hover
{
    background-position:right -162px;
    }
li.products-subpage-nav-all-natural a
{
    background-position:0 -202px;
    }
li.products-subpage-nav-all-natural a:hover
{
    background-position:right -202px;
    }
li.products-subpage-nav-ham a
{
    background-position:0 -241px;
    }
li.products-subpage-nav-ham a:hover
{
    background-position:right -241px;
    }
li.products-subpage-nav-sausage a
{
    background-position:0 -283px;
    }
li.products-subpage-nav-sausage a:hover
{
    background-position:right -283px;
    }
li.products-subpage-nav-specialty a
{
    background-position:0 -323px;
    }
li.products-subpage-nav-specialty a:hover
{
    background-position:right -323px;
    }
/* PRODUCTS CATEGORYS */

#product-category-info
{
    background:url(images/content/pages/products/categories/background.jpg) no-repeat 0 0;
    float:left;
    line-height:14px;
    margin:0 44px 0 48px;
    min-height:275px;
    overflow:hidden;
    width:237px;
    }
#product-categories-lists
{
    float:left;
    line-height:14px;
    overflow:hidden;
    position:relative;
    width:578px;
    }  
 
.sub-category-box
{
    background:#fff;
    border:1px solid #e1c13e;
    color:#666666;
    float:left;
    margin:0 44px 0 0;
    min-height:205px;
    text-align:center;
    width:235px;
    }
	
.category-end-div{
	display:none;
}

.category-end-div:nth-of-type(4n){
   display:block;
   clear:both;
   height:16px;
}
	
.sub-category-box a
{
    font-weight:bold;
    }
.product-category-image
{
    background:#fff;
    display:block;
    height:157px;
    padding:0 0 8px 0;
    width:235px;
    }    
.sub-category-box li
{
    background-color:#ffffcc;
    padding:3px;
    }
li.row-even
{
    background-color:#ffffcc;
    }
li.row-odd
{
    background-color:#fff;
    }
.product-name
{
    color:#990000;
    }
.sub-category-box ul
{
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
    }
.product-category-description
{
    background:#fff;
    font-weight:bold;
    margin:0;
    padding:3px;
    }
ul.product-list li.sub-product-category-header
{
    font-weight:bold;
    padding-left:0;
    padding-right:0;
    }
li.sub-product-category-header ul
{
    font-weight:normal;
    }
.product-desciption
{
    display:block;
    }  
div#content #product-category-info h1
{
    height:14px;
    margin:0;
    padding:13px;
    }
#product-category-info p
{
    padding:3px 13px 13px 13px;
    }
h1.products-breakfast-meats span.css-image
{
    background:url(images/content/pages/products/categories/breakfast.png) no-repeat 0px 0px;
    }
h1.products-deli span.css-image
{
    background:url(images/content/pages/products/categories/deli.png) no-repeat 0px 0px;
    }
h1.products-franks span.css-image
{
    background:url(images/content/pages/products/categories/franks.png) no-repeat 0px 0px;
    }
h1.products-fresh-pork span.css-image
{
    background:url(images/content/pages/products/categories/fresh-pork.png) no-repeat 0px 0px;
    }
h1.products-ham span.css-image
{
    background:url(images/content/pages/products/categories/Ham.png) no-repeat 0px 0px;
    }
h1.products-sausage span.css-image
{
    background:url(images/content/pages/products/categories/Sausage.png) no-repeat 0px 0px;
    }
h1.products-specialty span.css-image
{
    background:url(images/content/pages/products/categories/specialty.png) no-repeat 0px 0px;
    }
div#content #product-category-info h1 span.css-image 
{
    margin:0;
    } 
    
/* PRODUCT DETAILS */
body.products-products div#content
{
    background:#fff url(images/content/pages/products/details/background.jpg) no-repeat 0 bottom;
    }

div#product-details
{
    float:left;
    margin-right:30px;
    overflow:hidden;
    width:345px;
    }
div#product-details-image
{
    float:left;
    margin-right:30px;
    width:322px;
    }
div#product-details-image table
{
    background:url(images/content/pages/products/details/image-background.png) no-repeat 0 0;
    margin:0;
    min-height:215px;
    padding:0;
    text-align:center;
    vertical-align:middle;
    width:100%;
    }
div#product-details-image td
{
    padding-top:30px;
    }
div#product-facts
{
    float:left;
    }
    
/* RECIPES */
div#recipe-modal
{
    /*background:rgba(255, 255, 255, .8);*/
    background:url(images/80-percent-trans-white.png) repeat 0 0 ;
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    z-index:3;
    display:none;
    }
span.rating img:hover
{
    cursor:pointer;
    }

span.rating-static
{
    background:url(images/content/pages/recipes/star.png) no-repeat 0 0;
    display:block;
    float:left;
    height:16px;
    width:8px;
    }

span.star-left-static
{
    background-position:0 0;
    }
span.star-right-static
{
    background-position:right 0;
    }
    
span.star-left-off-static
{
    background:url(images/content/pages/recipes/star-left-off.png) no-repeat 0 0;
    }
span.star-right-off-static
{
    background:url(images/content/pages/recipes/star-right-off.png) no-repeat 0 0;
    
 }

span.times-rated
{
    margin-left:5px;
    color:#cc0000;
    }
    
div#favorite-recipe a,
div#remove-favorite-recipe a
{
    background:url(images/content/pages/recipes/favorite-recipe-button.png) no-repeat 0 0;
    display:block;
    height:28px;
    text-indent:-9999px;
    width:125px;
    }

span.rate-this-recipe-link,
span.read-reviews-link,
.recipe-reviews-status,
a.read-reviews-link
{
    color:#999999;
    display:block;
    }  
    
a.read-reviews-link
{
    margin-top:4px;
    }  
    
span.review-this-recipe-button
{
    background:url(images/content/pages/recipes/review-recipe-button.png) no-repeat 0 0;
    cursor:pointer;
    display:block;
    height:21px;
    margin:10px 0;
    text-indent:-9999px;
    width:147px;
    }
    
span.recipe-reviews-count
{
    color:#cc0000;
    }
    
div#rating-wrapper
{
    margin-bottom:6px;
    }

div#recipe-page 
{
    /*
    background-position:0 0;
    background-repeat:no-repeat;*/
    overflow:hidden;
    position:relative;
    }
div#recipe-image-box
{
    border:1px solid #dbb51c;
    border-left:0;
    border-top:0;
    height:288px;
    left:0;
    overflow:hidden;
    position:absolute;
    top:0;
    width:443px;
    z-index:1;
    }
div#recipe-image-box img
{
    display:block;
    height:100%;
    width:100%;
    }
    
div#recipe-info-box
{
    background:#fff;
    border:1px solid #dbb51c;
    left:720px;
    line-height:16px;
    padding:16px;
    position:absolute;
    top:32px;
    width:148px;
    z-index:2;
    }
div#rating-wrapper
{
    height:18px;
    overflow:hidden;
    }
a#recipe-review-button
{
    background:url(/css/images/content/pages/recipes/review-recipe-button.png) no-repeat 0 0;
    display:block;
    height:147px;
    overflow:hidden;
    width:147px;
    }
div#quick-view
{
    background:#fff8de;
    color:#70706e;
    }
*.quick-view-label
{
    color:#990000;
    }
div#related-recipes
{
    background:url(/css/images/content/pages/recipes/related-recipes-background-repeat.png) repeat-y 0 0;
    border:1px solid #dbac16;
    float:left;
    /*margin:572px 91px 0 16px;*/
    margin:572px 58px 0 16px;
    overflow:hidden;
    width:377px;
    }
div#related-recipes-inner
{
    background:url(/css/images/content/pages/recipes/related-recipes-background.png) no-repeat 0 0;
    min-height:315px;
    padding:45px 20px;
    }
div.related-recipe-item
{
    float:left;
    margin-right:12px;
    line-height:16px;
    overflow:hidden;
    width:100px;
    }
div#related-recipes a img
{
    border:none;
    display:block;
    height:100px;
    width:100px;
    }
div.releted-recipe-item-name
{
    font-weight:bold;
    }
div.releted-recipe-item-name a
{
    color:#666666;
    }
div.releted-recipe-item-rating
{
    color:#990000;
    }
div#recipe-content
{
    background:#fff3c5 url(/css/images/content/pages/recipes/big-background-repeat.png) repeat-y 0 0;
    float:left;
    margin:342px 0 0 0;
    position:relative;
    width:447px;
    }
ul#recipe-links
{
    background:#fff;
    height:18px;
    list-style:none;
    margin:0;
    overflow:hidden;
    padding:0;
    width:449px;
    }
ul#recipe-links li
{
    display:block;
    float:left;
    height:12px;
    overflow:hidden;
    margin-right:18px;
    }
li.print-recipe
{
    width:79px;
    }
li.email-recipe
{
    width:107px;
    }
li.share-recipe
{
    width:56px;
    }
li.enlarge-recipe
{
    width:99px;
    }
ul#recipe-links a
{
    background-image:url(images/content/pages/recipes/recipe-button.png);
    display:block;
    text-indent:-9999px;
    height:100%;
    width:100%;
    }
li.print-recipe a
{
    background-position:0 -24px;
    }
li.email-recipe a
{
    background-position:0 0;
    }
li.share-recipe a
{
    background-position:0 -36px;
    }
li.enlarge-recipe a
{
    background-position:0 -12px;
    }

    
div#recipe-content-inner
{
    background:url(/css/images/content/pages/recipes/big-background.png) no-repeat 0 0;
    border:1px solid #dbac16;
    min-height:505px;
    overflow:hidden;
    position:relative;
    width:447px;
    }
div#quick-view
{
    background:#fff8de;
    margin:0 auto;
    overflow:hidden;
    padding:6px;
    }
div#quick-view ul
{
    list-style:none;
    margin:0;
    padding:0;
    }
div#quick-view p
{
    font-weight:bold;
    margin-top:0;
    padding-top:0;
    }
p#nutritional-information-link
{
    background:#fff8de;
    font-weight:bold;
    margin:8px 0 0 0;
    padding:6px;
    text-align:center;
    }
p#nutritional-information-link a
{
    color:#666666;
    text-decoration:none;
    }
div#favorite-recipe,
div#remove-favorite-recipe
{
    border:1px solid #dbac16;
    height:28px;
    left:54px;
    position:absolute;
    overflow:hidden;
    top:100%;
    width:125px;
    } 
    /*  
div#recipe-page-contet-wrapper
{
    margin:304px 0 0 0;
    overflow:hidden;
    }
    */
div#recipe-page
{
    margin:0 0 54px 0;
    }  
div#recipe-content-navigation
{
    height:27px;
    left:1px;
    overflow:hidden;
    position:absolute;
    top:0;
    z-index:2;
    }  
div#recipe-content-navigation h2
{
    height:100%;
    margin:0;
    padding:0;
    width:100%;
    }
div#recipe-content-navigation ul
{
    height:28px;
    list-style:none;
    margin:-1px 0 0 -1px;
    padding:0;
    }
div#recipe-content-navigation li
{
    float:left;
    height:28px;
    }
div#recipe-content-navigation a
{
    background-image:url(images/content/pages/recipes/navigation.png);
    display:block;
    height:100%;
    text-indent:-9999px;
    width:100%;
    }
li.r-c-n-recipe
{
    width:69px;
    }
li.r-c-n-recipe a
{
    background-position:0 0;
    }
li.r-c-n-recipe a:hover,
li.r-c-n-recipe a.active
{
    background-position:0 -28px;
    }
    
li.r-c-n-reviews
{
    width:83px;
    }
li.r-c-n-reviews a
{
    background-position:-69px 0;
    }
li.r-c-n-reviews a:hover,
li.r-c-n-reviews a.active
{
    background-position:-69px -28px;
    }
    
li.r-c-n-nutrition
{
    width:82px;
    }
li.r-c-n-nutrition a
{
    background-position:-152px 0;
    }
li.r-c-n-nutrition a:hover,
li.r-c-n-nutrition a.active
{
    background-position:-152px -28px;
    }    
    
div#recipe-details
{
    font-size:12px;
    padding:50px 10px 10px 10px;
    }
ul.ingredients-list
{
    list-style:none;
    margin:0;
    padding:17px 0;
    }
ol.directions-list li
{
    margin-bottom:15px;
    }
div#recipe-product-image-box
{
    height:252px;
    left:477px;
    overflow:hidden;
    position:absolute;
    top:37px;
    width:200px;
    z-index:2;
    }
    /*
div#recipe-product-image-box a
{
    display:block;
    height:100%;
    width:100%;
    }*/
#recipe-product-image-box table
{
    height:100%;
    width:100%;
    }
div#recipe-product-image-box td
{
    vertical-align:middle;
    }
    /*
#recipe-product-image-link
{
    background:url(images/content/pages/recipes/product-temp.jpg) no-repeat 0 0;
    }*/
#recipe-product-image-box img
{
    border:none;
    width:200px;
    }
div#recipe-search,
div#recipe-search-landing
{
    height:252px;
    left:16px;
    overflow:hidden;
    position:absolute;
    top:300px;
    width:379px;
    z-index:10;
    }
div#recipe-search-content-box
{
    height:250px;
    width:950px;
    position:relative;
    top:-300px;
    }
textarea.recipe-review-textarea
{
    border:1px solid #DBAC16;
    height:100px;
    padding:3px;
    width:50%;
    }
table#leave-your-review
{
    width:100%;
    }
div#recipe-search-panel
{
    background:url(images/content/pages/recipes/search/search-background.png) no-repeat 0 0;
    }	
#r-s-p-inner
{
    background:url(images/content/pages/recipes/search/recipe-search-background.jpg) no-repeat left bottom;
    padding:30px 20px 20px 37px;
    min-height:572px;
    overflow:hidden;
    width:893px;
    }
div#remove-favorite-recipe a
{
    background-image:url(images/content/pages/recipes/remove-from-my-recipe-button.png);
    }
div.nutrition-product-item
{
    overflow:hidden;
    }
.nutrition-product-item table
{
    border-collapse:collapse;
    border:0;
    margin:0 0 10px 0;
    padding:0;
    width:427px;
    }
.nutrition-product-item td
{
    margin:0;
    padding:0;
    }
.nutrition-product-item table table
{
    margin:0;
    padding:0;
    width:100%;
    }
.nutrition-product-item img
{
    border:none;
    display:block;
    width:125px;
    }
td.nu-product-image
{
    background:#fff;
    border:1px solid #DBAC16;
    width:125px;
    }
.nu-product-header 
{
    background:#cc0000;
    border-right:1px solid #ccc;
    }
.nu-product-header h4
{
    margin:0;
    text-align:center;
    }
.nu-product-header  a
 {
    color:#fff;
     }
.nu-product-details
{
    background:#fff;
    border:1px solid #ccc;
    border-left:1px solid #DBAC16;
    vertical-align:top;
    }
.nu-details-inner td
{
    border:1px solid #ccc;
    }
.nu-details-inner
{
    border:none;
    }
#recipe-heading-paragraph
{
    margin:50px 0 0 10px;
    width:350px;
    }
/* COMMUNITY */
div#welcome-to-the-hatfield-community
{
    background:url(/css/images/content/pages/community/background.jpg) no-repeat 0 0;
    float:left;
    height:450px;
    margin:39px 10px 0 42px;
    padding:41px 15px 0 15px;
    position:relative;
    width:473px;
    }
div#welcome-to-the-hatfield-community.expands
{
    background:url(/css/images/content/pages/community/column-bottom.png) no-repeat 0 bottom;
    height:auto;
    padding:0;
    margin-bottom:10px;
    width:503px;
    }
#community-expands-inner
{
    background:url(/css/images/content/pages/community/column-top.png) no-repeat 0 0;
    padding:21px 15px 0 15px;
    min-height:450px;
    }    
body.community-recipe-exchange div#welcome-to-the-hatfield-community
{
    background-image:url(images/content/pages/community/recipe-exchange.jpg);
    }
body.community-recipes div#welcome-to-the-hatfield-community
{
    background-image:url(images/content/pages/community/recipes.jpg);
    }
body.community-cooking-advice div#welcome-to-the-hatfield-community
{
    background-image:url(images/content/pages/community/cooking-advice.jpg);
    }
body.community-healthy-lifestyle div#welcome-to-the-hatfield-community
{
    background:url(images/content/pages/community/healthy-life-style-bottom.jpg) no-repeat 0 bottom;
    height:auto;
    padding:0;
    width:503px;
    }
#healty-extra
{
    background:url(images/content/pages/community/healthy-life-style-top.png) no-repeat 0 0;
    padding:41px 15px 0;
    }
body.community-shop-smart div#welcome-to-the-hatfield-community,
body.community-shop-smart-default div#welcome-to-the-hatfield-community
{
    background-image:url(images/content/pages/community/shop-smart.jpg);
    padding-right:105px;
    width:383px;
    }
body.community-social div#welcome-to-the-hatfield-community
{
    background-image:url(images/content/pages/community/social.jpg);
    }
body.community-newsletter div#welcome-to-the-hatfield-community
{
    background-image:url(images/content/pages/community/newsletter.jpg);
    }
div#community-callouts
{
    background:url(/css/images/content/pages/community/callouts.jpg) no-repeat 0 0;
    float:left;
    height:545px;
    margin:18px 0 0 0;
    position:relative;
    width:379px;
    }
div#community-callouts a
{
    display:block;
    height:206px;
    width:242px;
    position:absolute;
    text-indent:-9999px;
    }
a#cc-social
{
    top:382px;
    left:136px;
    z-index:4;
    }
a#cc-shop-smart
{
    top:254px;
    left:0px;
    z-index:3;
    }
a#cc-healthy-lifestyle
{
    top:128px;
    left:136px;
    z-index:2;
    }
a#cc-recipes
{
    top:0px;
    left:0px;
    z-index:1;
    }
ul#community-social-links
{
    left:107px;
    list-style:none;
    margin:0;
    overflow:hidden;
    padding:0;
    position:absolute;
    top:177px;
    width:280px;
    }
ul#community-social-links li
{
    float:left;
    height:107px;
    overflow:hidden;
    width:105px;
    }
ul#community-social-links a
{
    display:block;
    height:100%;
    text-indent:-9999px;
    width:100%;
    }
li#c-s-l-facebook
{
    margin-right:70px;
    }
li#c-s-l-facebook a
{
    background-image:url(images/content/pages/community/facebook.jpg);
    }
li#c-s-l-twitter a
{
    background-image:url(images/content/pages/community/twitter.jpg);
    }
.cost-effective-recipes-total
{
    text-align:right;
    }
.shop-smart-recipe-ingredients
{
    border:none;
    margin:0;
    padding:0;
    width:100%;
    }
.s-s-r-i-price
{
    text-align:right;
    }
 #social-facebook-link
 {
     display:block;
     height:216px;
     left:50%;
     margin:0 0 0 -110px;
     overflow:hidden;   
     position:absolute;
     text-indent:-9999px;
     top:166px;
     width:216px;
    }
    
/* FUN */
div#fun
{
    background:url(/css/images/content/pages/fun/background.jpg) no-repeat 0 0;
    float:left;
    height:460px;
    margin:59px 10px 0 42px;
    padding:41px 15px 0 15px;
    width:358px;
    }
div#fun-callouts
{
    background:url(/css/images/content/pages/fun/callouts.jpg) no-repeat 0 0;
    float:left;
    height:552px;
    margin:18px 0 0 0;
    position:relative;
    width:482px;
    }
div#fun-callouts a
{
    display:block;
    height:212px;
    width:242px;
    position:absolute;
    text-indent:-9999px;
    }
a#fun-games
{
    top:0;
    left:52px;
    z-index:1;
    }
a#fun-media
{
    top:136px;
    left:230px;
    z-index:2;
    }
a#fun-phillies
{
    top:229px;
    left:7px;
    z-index:3;
    }
a#fun-kids
{
    top:372px;
    left:234px;
    z-index:4;
    }
        
/* STORE POPUPS */
body.store-popup
{
    background-image:none;
    background-color:#fff4c8;
    font-size:11px;
    margin:0;
    padding:0;
    }
body.store-popup *.sub-heading
{
    color:#c5272b;
    font-size:20px;
    font-weight:bold;
    margin:0;
    min-height:0;
    overflow:visible;
    padding:0;
    position:relative;
    }
    
/* FANCY HEADERS */
div#content h1.fancy
{
    font-size:12px;
    margin:0;
    min-height:116px;
    overflow:hidden;
    padding:13px 9px;
    position:relative;
    } 
div#page-title
{
    background:url(images/content/page-title-background.png) repeat-x 0 0;
    height:120px;
    overflow:hidden;
    }
div#page-title-left
{
    background:url(images/content/page-title-background.png) no-repeat 0 -120px;
    }
div#page-title-right
{
    background:url(images/content/page-title-background.png) no-repeat right -240px;
    }    
    
/* FANCY SUBPAGE NAVIGATION */
div#subpage-content-navigation
{
    overflow:hidden;
    position:relative;
    width:241px;
    }
div#subpage-content-navigation ul
{
    list-style:none;
    margin:0;
    padding:0;
    }
div#subpage-content-navigation li
{
    height:42px;
    }
div#subpage-content-navigation a
{
    display:block;
    height:100%;
    position:relative;
    width:100%;
    }
    
/* LOGIN, SIGN UP FORMS */
table.form-table
{
    border:0;
    margin:0;
    padding:0;
    }
table.form-table td
{
    padding:5px;
    vertical-align:top;
    }
    
/* FAVORITES AND RECIPE LISTING */
div.recipe-listing-item
{
    float:left;
    margin:10px 10px 10px 0;
    overflow:hidden;
    width:100px;
    }
    
div.recipe-listing-item a img
{
    border:none;
    display:block;
    height:100px;
    width:100px;
    }
    

/* RECIPE SEARCh 
body.recipes-default div#content
{
    background:url(images/content/pages/recipes/background.jpg) no-repeat 0 0;
    }*/
body.recipes-search div#content-offset
{
    background:url(images/content/pages/recipes/search/results-background.png) no-repeat 0 0;
    }

div#recipe-search-left
{
    float:left;
    margin-right:84px;
    overflow:hidden;
    width:336px;
    }
    
div#recipe-search-right
{
    float:left;
    margin:-115px 0 0 408px;
    width:472px;
    }
    
div#recipe-search-landing
{
    left:30px;
    top:150px;
    }
    
.recipe-search-set
{
    
    float:left;
    padding:17px 11px; 
    position:relative;
    width:212px;
    }

.recipe-search-set .recipe-listing-item:last-child{margin-right:0;}
	
	
#favorite-recipes-list
{
    margin:20px 0 0 17px;
    }
#results-recipes-list
{
    margin:60px 0 0 17px;
    }


    
div.recipe-search-set h2
{
    color:#fff;
    background:#da1a22;
    height:24px;
    left:38px;
    position:absolute;
    top:-24px;
    width:165px;
    }
div.recipe-search-set h2 a
{
    color:#fff;
    display:block;
    height:100%;
    width:100%;
    } 
div.recipe-search-set h2 span.css-image
{
    background-image:url(images/content/pages/recipes/search/headers.png);
    }  
.recipe-listing-item.last-child
{
    margin-right:0;
    }
#r-s-s-breakfast,
#r-s-s-dinner
{
    border-left:0;
    }
.r-s-s-row
{background:#fff url(images/content/pages/recipes/search/border-repeat.gif) repeat-y 50% 0;
    border:1px solid #dfbd34;
    margin-bottom:40px;
    }
.r-s-s-row.last-child
{
    margin-bottom:10px;
    }

.recipe-search-set.last-child
{
    margin-left:2px;
    }

#newest-recipes h2 .css-image
{
    background-position:0 bottom;
    }
    
#newest-recipes h2 a:hover .css-image
{
    background-position:right bottom;
    }
        
#r-s-s-appetizers h2 span.css-image
{
    background-position:0 -24px;
    }
#r-s-s-appetizers h2 a:hover span.css-image
{
    background-position:right -24px;
    }
#r-s-s-breakfast h2 span.css-image
{
    background-position:0 -48px;
    }
#r-s-s-breakfast h2 a:hover span.css-image
{
    background-position:right -48px;
    }
#r-s-s-lunch h2 span.css-image
{
    background-position:0 -72px;
    }
#r-s-s-lunch h2 a:hover span.css-image
{
    background-position:right -72px;
    }
#r-s-s-dinner h2 span.css-image
{
    background-position:0 -96px;
    }
#r-s-s-dinner h2 a:hover span.css-image
{
    background-position:right -96px;
    }
    

/* ACCOUNT */
    /* JOIN */
body.account-join div#content-offset
{
    background:url(images/content/pages/account/join/background.jpg) no-repeat 0 0;
    }
body.account-coupons-join div#content-offset
{
    background:url(images/content/pages/account/join/coupon-background.jpg) no-repeat 0 0;
    }
/*
body.account-edit div#content-offset
{
    background:url(images/content/pages/account/background.jpg) no-repeat 0 0;
    }*/
body.account-join div#content-offset h1,
body.account-coupons-join div#content-offset h1
{
    height:0px;
    left:-9999px;
    position:absolute;
    }
body.account-join div#content-offset 
{
    font-size:12px;
    }
    
div#single-column
{
    margin-left:50px;
    overflow:hidden;
    padding:48px 12px 12px 12px;
    width:395px;
    }
    
#logged-in-links
{
    color:#990000;
    list-style:none;
    margin:0;
    padding:0;
    }
#logged-in-links a
{
    color:#990000;
    }
#logged-in-links a:hover
{
    text-decoration:underline;
    }
#logged-in-links li
{
    display:inline;
    }
/* WHERE TO BUY */
body.where-to-buy-default div#content-offset
{
    background:url(images/content/pages/where-to-buy/background.jpg) no-repeat 0 0;
    }
body.where-to-buy-new-england div#content-offset,
body.where-to-buy-new-york div#content-offset,
body.where-to-buy-pa-nj-and-delaware div#content-offset,
body.where-to-buy-virginia-and-maryland div#content-offset
{
    background:url(images/content/pages/where-to-buy/where-to-buy-background.png) no-repeat 0 0;
    }
    
#where-to-buy-image
{
    display:block;
    height:572px;
    left:470px;
    position:absolute;
    top:0;
    width:480px;
    }
#where-to-buy-image img
{
    border:0;
    display:block;
    height:100%;
    width:100%;
    }   
    
.w-t-b-i-new-england-map
{
    background:url(images/content/pages/where-to-buy/new-england.jpg) no-repeat 250px 24px;
    }
.w-t-b-i-new-york-map
{
    background:url(images/content/pages/where-to-buy/newyork.jpg) no-repeat 89px 152px;
    }
.w-t-b-i-pennsylvania-map
{
    background:url(images/content/pages/where-to-buy/pa.jpg) no-repeat 57px 283px;
    }
.w-t-b-i-virginia-map
{
    background:url(images/content/pages/where-to-buy/virginia.jpg) no-repeat 9px 382px;
    }
    
#region-box
{
    background:#fff;
    border:1px solid #eacf76;
    font-size:12px;
    font-weight:bold;
    margin:40px 0 0 21px;
    width:326px;
    }
#r-b-header
{
    background:#990000;
    overflow:hidden;
    }
#r-b-header p
{
    color:#fff;
    padding:3px 10px;
    margin:0;
    }
#region-box ul
{
    list-style:none;
    margin:0;
    padding:0;
    }
#region-box li
{
    padding:8px 10px;
    }    
li.r-b-r-even
{
    background-color:#fff8de;
    }
li.r-b-r-odd
{
    background-color:#fff;
    }
#region-box a
{
    color:#000;
    }
#region-box a:hover,
#region-box a.active
{
    color:#990000;
    }
    
#w-t-b-paragraph
{
    color:#000;
    }
    
body.where-section div#single-column
{
    margin-left:30px;
    width:210px;
    }
    
/* COUPONS */
#coupon-table 
{
    border:none;
    font-size:14px;
    margin:0;
    padding:0;
    }
#coupon-table td
{
    padding:2px;
    vertical-align:top;
    width:175px;
    }
#coupon-table div
{
    padding:205px 0 0 0;
    position:relative;
    width:175px;
    }
#coupon-table img
{
    display:block;
    left:0;
    position:absolute;
    top:0;
    z-index:1;
    }    
#coupon-table a
{
    display:block;
    height:100%;
    width:100%;
    }    
#coupon-table a img
{
    border:none;
    }
#coupon-table span
{
    display:block;
    position:relative;
    text-align:center;
    top:0;
    z-index:2;
    }
    
#coupon-table b
{
    display:block;
    }
	
   
/*
* Holiday
*/
.holiday-default
{
    background-image:url(images/body/background-no-fin.jpg);
}

.holiday-default #primary-navigation
{
    display:none;
    }
    
.holiday-default #content
{
    margin-top:5px;
}
    
.holiday-default #content-offset
{
    background:url(images/content/pages/holiday/holiday-background.jpg) no-repeat 0 0;
    padding-top:125px;
    padding-left:54px;
    padding-right:54px;
}

#gift-catalog
{
    background:#fff;
    border:1px solid #dbb51c;
    border-bottom:none;
}

#gift-catalog table
{
    border:0;
    border-bottom:1px solid #dbb51c;
    margin:0;
    min-height:214px;
    padding:0;
    width:100%;
    }
    
#gift-catalog td
{
    padding:20px 15px;
    vertical-align:top;
    }
    
#gift-catalog h3
{
    color:#c5272b;
    font-size:14px;
    margin-top:0;
    padding-top:0;
    text-transform:uppercase;
    }
    
#gift-catalog td.image-cell
{
    height:178px;
    padding:10px;
    text-align:center;
    width:230px;
}

.call-to-order-button
{
    background:url(images/content/pages/holiday/call-to-order.png) no-repeat 0 0;
    height:28px;
    margin:0 auto;
    overflow:hidden;
    padding:0;
    text-indent:-9999px;
    width:257px;
    }   
    
#gift-catalog-header
{
    background:url(images/content/pages/holiday/gift-catalog.png) no-repeat 0 0;
    height:34px;
    margin:20px 0 0 0;
    padding:0;
    text-indent:-9999px;
    width:202px;
    }
    
.holiday-default .first-paragraph
{
    margin-left:50px;
    overflow:hidden;
    width:350px;
    }   
	
/*
* Holiday Recipes
*/

.holiday-recipes-table,
.static-recipes-table
{
    background:#fff;
    border:1px solid #dbb51c;
    border-top:none;
    margin:0 auto 13px;
    padding:0;
    width:850px;
    }
    
.holiday-recipes-table td,
.static-recipes-table td
{
    border-top:1px solid #dbb51c;
    padding:7px 15px;
    text-align:center;
    vertical-align:top;
    width:181px;
    }
    
.recipe-links td
{
    border-top:none;
    padding:0 0 7px 0;
    width:auto;
}
    
.holidy-recipe-name,
.static-recipe-name
{
    color:#c5272b;
    display:block;
    font-size:14px;
    font-weight:bold;
    text-align:center;
    }
    
.holidy-recipe-details,
.static-recipe-details
{
    color:#565656;
    font-size:11px;
    font-weight:bold;
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
    }
    
.holiday-recipes-table td.divider,
.static-recipes-table td.divider
{
    padding:0;
    width:1px;
    }
.divider-image
{
    background:url(images/content/pages/recipes/holiday/divider.png) no-repeat 0 50%;
    display:block;
    height:224px;
    margin-top:7px;
    width:1px; 
    }
    
.holidy-recipe-link-button,
.static-recipe-link-button
{
    background:#2e2a78 url(images/content/pages/recipes/holiday/button.png) no-repeat 0 0;
    display:block;
    height:28px;
    margin:0 auto;
    overflow:hidden;
    text-indent:-9999px;
    width:117px;
}

.holiday-recipe-table-header,
.static-recipe-table-header
{
    background-color:#da1a22;
    background-repeat:no-repeat;
    background-position:0 0;
    height:34px;
    margin:0;
    overflow:hidden;
    padding:0;
    text-indent:-9999px;
    }
    
#holiday-appetizer-header
{
    background-image:url(images/content/pages/recipes/holiday/appitzers-header.png);
    width:275px;
    }
#holiday-dinner-header
{
    background-image:url(images/content/pages/recipes/holiday/dinner-header.png);
    width:238px;
    }
    
.recipes-holiday,
.recipes-superbowl
{
    background-image:url(images/body/background-no-fin.jpg);
}

.recipes-holiday #primary-navigation,
.recipes-superbowl #primary-navigation
{
    display:none;
    }
    
.recipes-holiday #content,
.recipes-superbowl #content
{
    margin-top:5px;
}
    
.recipes-holiday #content-offset,
.recipes-superbowl #content-offset
{
    background:url(images/content/pages/recipes/holiday/background.jpg) no-repeat 0 0;
    padding-top:125px;
    padding-left:54px;
    padding-right:54px;
}
    
.recipes-holiday .first-paragraph,
.recipes-superbowl .first-paragraph
{
    color:#000;
    font-size:12px;
    margin:0 0 50px 50px;
    overflow:hidden;
    width:366px;
    }
    
.recipes-superbowl .first-paragraph{visibility:hidden;margin-bottom:165px;}
	
.recipes-details #content-offset{background-image:none; padding:0;}


.recipes-superbowl #content-offset
{
    background:url(images/content/pages/recipes/superbowl/background.jpg) no-repeat 0 0;
}
    
#kicken-appetizers-recipes-header
{
    background-image:url(images/content/pages/recipes/superbowl/thekickoff.png);
    width:275px;
    }
    
#main-event-recipes-header
{
    background-image:url(images/content/pages/recipes/superbowl/mainevent.png);
    width:275px;
    }
    
#throw-down-recipes-header
{
    background-image:url(images/content/pages/recipes/superbowl/wrapup.png);
    width:275px;
    }
