/*******************************************************************************
NEARLY ANY AND ALL GLOBAL & DEFAULT STYLES ARE SET IN base.css
MOST STYLES CAN BE OVERWRITTEN HERE IN style.css

NOTES & THINGS TO KEEP IN MIND ABOUT base.css & style.css:
  ALL MARGINS & PADDING ARE RESET TO EITHER 0 OR A GLOBAL DEFUALT THAT YOU CAN
  OVERWRITE IN THIS STYLE SHEET

  FONT-SIZE IS SET TO A DEFAULT OF 12px
  FONT-COLOR IS SET TO A DEFAULT OF #333, OVER-WRITE THE COLOR BELOW
*******************************************************************************/

@import "base.css";

/* BASIC STRUCTURE
*******************************************************************************/
html, body { font-size:11px; color:#ccc; }
html { background:transparent url(/assets/images/layout/container-background.gif) repeat; }
body { }

.container { margin:14px auto 0 auto; padding:0 0 50px 0; width:960px; }


/* LINKS - DEFAULT COLORS ARE SET IN BASE.CSS, CHANGE THESE COLORS AS NEEDED.
*******************************************************************************/
a:link, a:visited { color:#fff; }
a:hover { color:#8fd400; }


/* HEADER
*******************************************************************************/
.header { width:100%; height:80px; background:pink; padding-top:20px; background:#000; }
	.header .logo { float:left; display:block; margin:0 0 0 14px; }

.header .canada-header { float:right; margin:14px 30px 0 0; }

/* NAVIGATION
*******************************************************************************/
.mainnav { position:relative; float:left; margin:26px 0 0 41px; padding:0; width:785px; height:13px; color:#fff; }
	.mainnav li { float:left; margin-right:36px; height:13px; list-style-type:none; }	
		.mainnav li.contact { margin-right:0; }
		.mainnav li a { display:block; height:13px; cursor:pointer; text-decoration:none; background:url(/assets/images/layout/main-nav.gif) no-repeat left top; }
	.mainnav li.homepage a { width:50px; background-position:0 0; }
	.mainnav li.my-soups a { width:86px; background-position:-84px 0; }
	.mainnav li.my-broths a { width:97px; background-position:-210px 0; }
	.mainnav li.my-stocks a { width:96px; background-position:-347px 0; }
	.mainnav li.my-recipes a { width:99px; background-position:-482px 0; }
	.mainnav li.faqs a { width:44px; background-position:-621px 0; }
	.mainnav li.contact a { width:80px; background-position:-705px 0; }

	
	.mainnav li.homepage:hover a, .mainnav li.homepage a.active { background-position:0 -13px; }
	.mainnav li.my-soups:hover a, .mainnav li.my-soups a.active { background-position:-84px -13px; }
	.mainnav li.my-broths:hover a, .mainnav li.my-broths a.active { background-position:-210px -13px; }
	.mainnav li.my-stocks:hover a, .mainnav li.my-stocks a.active { background-position:-347px -13px; }
	.mainnav li.my-recipes:hover a, .mainnav li.my-recipes a.active { background-position:-482px -13px; }
	.mainnav li.faqs:hover a, .mainnav li.faqs a.active { background-position:-621px -13px; }
	.mainnav li.contact:hover a, .mainnav li.contact a.active { background-position:-705px -13px; }
	
	.mainnav li a span { display:none; }
	
	
/* SECTION BANNER NAV
*******************************************************************************/
.section-banner-nav { margin:0; padding:19px 0 0 18px; width:361px; height:23px; }
	.section-banner-nav li { float:left; height:23px; list-style-type:none; }
		.section-banner-nav li a { display:block; height:23px; cursor:pointer; text-decoration:none; background:url(/assets/images/layout/section-banner-nav.gif) no-repeat left top; }
			.section-banner-nav li a span { display:none; }

			.section-banner-nav li.my-soups a { width:103px; background-position:0 0; }
			.section-banner-nav li.my-stocks a { width:136px; background-position:-103px 0; }
			.section-banner-nav li.my-broths a { width:122px; background-position:-239px 0; }
			
			.section-banner-nav li.my-soups:hover a, .section-banner-nav li.my-soups a.active { background-position:0 -23px; }
			.section-banner-nav li.my-stocks:hover a, .section-banner-nav li.my-stocks a.active { background-position:-103px -23px; }
			.section-banner-nav li.my-broths:hover a, .section-banner-nav li.my-broths a.active { background-position:-239px -23px; }


/* RECIPE MENU
*******************************************************************************/
#block-menu-delta-recipe-menu h3 { display:none; }

.recipe-nav { margin:0; padding:0; width:188px; color:#fff; }
	.recipe-nav li { margin-bottom:20px; width:188px; list-style-type:none; }	
		.recipe-nav li a { display:block; width:188px; cursor:pointer; text-decoration:none; background:url(/assets/images/layout/recipe-nav.gif) no-repeat left top; }
	.recipe-nav li.recipe-1 a { height:26px; background-position:0 0; }
	.recipe-nav li.recipe-2 a { height:11px; background-position:0 -26px; }
	.recipe-nav li.recipe-3 a { height:11px; background-position:0 -37px; }
	.recipe-nav li.recipe-4 a { height:26px; background-position:0 -48px; }
	.recipe-nav li.recipe-5 a { height:11px; background-position:0 -74px; }
	.recipe-nav li.recipe-6 a { height:11px; background-position:0 -85px; }
	.recipe-nav li.recipe-7 a { height:26px; background-position:0 -96px; }
	.recipe-nav li.recipe-8 a { height:26px; background-position:0 -122px; }
	.recipe-nav li.recipe-9 a { height:26px; background-position:0 -148px; }
	.recipe-nav li.recipe-10 a { height:11px; background-position:0 -174px; }
	
	.recipe-nav li.recipe-1:hover a, .recipe-nav li.recipe-1 a.active { background-position:-189px 0; }
	.recipe-nav li.recipe-2:hover a, .recipe-nav li.recipe-2 a.active { background-position:-189px -26px; }
	.recipe-nav li.recipe-3:hover a, .recipe-nav li.recipe-3 a.active { background-position:-189px -37px; }
	.recipe-nav li.recipe-4:hover a, .recipe-nav li.recipe-4 a.active { background-position:-189px -48px; }
	.recipe-nav li.recipe-5:hover a, .recipe-nav li.recipe-5 a.active { background-position:-189px -74px; }
	.recipe-nav li.recipe-6:hover a, .recipe-nav li.recipe-6 a.active { background-position:-189px -85px; }
	.recipe-nav li.recipe-7:hover a, .recipe-nav li.recipe-7 a.active { background-position:-189px -96px; }
	.recipe-nav li.recipe-8:hover a, .recipe-nav li.recipe-8 a.active { background-position:-189px -122px; }
	.recipe-nav li.recipe-9:hover a, .recipe-nav li.recipe-9 a.active { background-position:-189px -148px; }
	.recipe-nav li.recipe-10:hover a, .recipe-nav li.recipe-10 a.active { background-position:-189px -174px; }
	
	.recipe-nav li a span { display:none; }

/* FRENCH RECIPE MENU
*******************************************************************************/
#block-menu-delta-french-recipes-menu h3 { display:none; }

.french-recipe-nav { margin:0; padding:0; width:188px; color:#fff; }
	.french-recipe-nav li { margin-bottom:20px; width:188px; list-style-type:none; }	
		.french-recipe-nav li a { display:block; width:188px; cursor:pointer; text-decoration:none; background:url(/assets/images/layout/french-recipes.gif) no-repeat left top; }
			.french-recipe-nav li a span { display:none; }
	.french-recipe-nav li.soupe-a-l-oignon-hollandaise a { height:26px; background-position:0 0; }
	.french-recipe-nav li.soupe-rassasiante-aux-pommes-de-terre-et-cheddar-avec-bacon a { height:41px; background-position:0 -26px; }
	.french-recipe-nav li.soupe-aux-champignons a { height:11px; background-position:0 -67px; }
	
	.french-recipe-nav li.soupe-a-l-oignon-hollandaise:hover a, .french-recipe-nav li.soupe-a-l-oignon-hollandaise a.active { background-position:-189px 0; }
	.french-recipe-nav li.soupe-rassasiante-aux-pommes-de-terre-et-cheddar-avec-bacon:hover a, .french-recipe-nav li.soupe-rassasiante-aux-pommes-de-terre-et-cheddar-avec-bacon a.active { background-position:-189px -26px; }
	.french-recipe-nav li.soupe-aux-champignons:hover a, .french-recipe-nav li.soupe-aux-champignons a.active { background-position:-189px -67px; }
	

/* ENGLISH RECIPE MENU
*******************************************************************************/
#block-menu-delta-english-recipes-menu h3 { display:none; }

.english-recipe-nav { margin:0; padding:0; width:188px; color:#fff; }
	.english-recipe-nav li { margin-bottom:20px; width:188px; list-style-type:none; }	
		.english-recipe-nav li a { display:block; width:188px; cursor:pointer; text-decoration:none; background:url(/assets/images/layout/english-recipes.gif) no-repeat left top; }
			.english-recipe-nav li a span { display:none; }
	.english-recipe-nav li.dutch-onion-soup a { height:11px; background-position:0 0; }
	.english-recipe-nav li.hearty-potato-and-cheddar-soup-with-bacon a { height:26px; background-position:0 -11px; }
	.english-recipe-nav li.mushroom-soup a { height:11px; background-position:0 -37px; }
	
	.english-recipe-nav li.dutch-onion-soup:hover a, .english-recipe-nav li.dutch-onion-soup a.active { background-position:-189px 0; }
	.english-recipe-nav li.hearty-potato-and-cheddar-soup-with-bacon:hover a, .english-recipe-nav li.hearty-potato-and-cheddar-soup-with-bacon a.active { background-position:-189px -11px; }
	.english-recipe-nav li.mushroom-soup:hover a, .english-recipe-nav li.mushroom-soup a.active { background-position:-189px -37px; }
	

/* SECTION BANNER
*******************************************************************************/
.section-banner { width:100%; height:58px; background:url('/assets/images/banner/section-banner-bg.jpg') no-repeat left top; }
	.section-banner h3 { display:none; }
	#canada.english .section-banner, 
	#left-column.english .section-banner { background:url('/assets/images/banner/canada-english.jpg'); }
	#canada.french .section-banner,
	#left-column.french .section-banner { background:url('/assets/images/banner/canada-french.jpg'); }
	.my-soups .section-banner { background:url('/assets/images/banner/my-soups.jpg'); }
	.my-broths .section-banner { background:url('/assets/images/banner/my-broths.jpg'); }
	.my-stocks .section-banner { background:url('/assets/images/banner/my-stocks.jpg'); }
		#canada .section-banner a { float:right; margin:23px 36px 0 0; font-weight:bold; text-decoration:none; }


/* BASIC CONTENT
*******************************************************************************/
.content { width:100%; background:#000; }
	#home .content { background:#000 url(/assets/images/layout/home-content-bg.jpg) no-repeat 86px bottom; }
	#canada .content { background:#000 url(/assets/images/layout/canada-content-bg.jpg) no-repeat 33px bottom; }

.block-left { float:left; }
.block-right { float:left; }


/* HOME 
*******************************************************************************/
#home .block-left { margin-left:56px; width:425px; height:500px; }
	#home .block-left .title-image { margin-top:43px; }	
	#home .block-left .copy { margin:32px 0 0 27px; }	
	#home .block-left .signature { margin:18px 0 0 229px; }	

#home .block-right { position:relative; width:455px; height:500px; }
	#home .block-right #flash-content { position:absolute; top:-58px; width:100%; height:375px; }
	#home .block-right .title-image { margin:350px 0 0 26px; }
	#home .block-right .copy { margin:19px 0 0 67px; width:328px; }

#canada .block-left { margin-left:56px; width:425px; line-height:16px; }
	#canada .block-left .title-image { margin-top:43px; }	
	#canada .block-left .copy { margin:25px 0 0 27px; }	
	#canada.french .block-left .copy { margin:2px 0 0 27px; }	
	#canada .block-left .subcopy { margin:50px 0 0 195px; width:215px; }	
	#canada.french .block-left .subcopy { margin:30px 0 0 195px; }	
	#canada .block-left .signature { margin:18px 0 0 229px; }	
#canada .block-right { position:relative; width:455px; }
	
/* CANADA
*******************************************************************************/
.canada-block { padding:28px 0 32px 0; border-bottom:1px solid #3a3a3a; }
	.canada-block .recipe-image { float:left; margin-left:19px; width:182px; }
	.canada-block .recipe-copy { float:left; width:225px; }
		.canada-block .recipe-copy .title { margin:4px 0 15px 0; }
		.canada-block .recipe-copy a { font-weight:bold; text-decoration:none; }

/* LEFT-COLUMN
*******************************************************************************/
#left-column .block-left { margin-left:33px; width:230px; height:500px; }
#left-column .block-right { width:670px; }


/* NO COLUMN / FAQS
*******************************************************************************/
.main { margin:0 auto; padding:30px 0; width:900px; }
	
	
/* TWO-BLOCK
*******************************************************************************/	
#two-block .block-left { margin-left:14px; width:442px; }
	#two-block .block-left .title-image { margin:0 0 0 35px; } 
		#two-block .my-soups .block-left .title-image { padding-bottom:20px; border-bottom:1px solid #3a3a3a; } 
	#two-block .block-left .flash-content { width:100%; height:301px; }
		#two-block .block-left .flash-description-wrapper { margin-top:45px; height:70px; }
			#two-block .block-left .flash-description-wrapper .title-image { margin:0 0 0 19px; padding:0; border:none; }
			#two-block .block-left .flash-description-wrapper .copy { margin:18px 0 0 22px; }
	
#two-block .block-right { margin-left:52px; width:431px; }

#two-block .product-block { width:100%; border-bottom:1px solid #3a3a3a; }
	#two-block .product-block .product-image { float:left; }
	#two-block .product-block .description { float:left; padding-top:56px; width:221px; }
	#two-block .my-stocks .product-block .description,
	#two-block .my-broths .product-block .description { width:275px; }
	
		#two-block .product-block .description p { margin-top:15px; line-height:16px; }

#two-block .additional-soups { margin-left:14px; }		
	#two-block .additional-soups .product-block { float:left; width:429px; }
	#two-block .additional-soups .product-block.even { margin-left:66px; }
	
/* No border for these last items */
#vegetable-broth,
#vegetable-stock,
#roasted-red-pepper-tomato,
#ne-clam-chowder,
#two-block .my-broths .block-left .flash-description-wrapper, 
#two-block .my-stocks .block-left .flash-description-wrapper,
.last { border:none !important; }


/* RECIPES
*******************************************************************************/
.recipes-header { margin:0 auto 25px auto; width:915px; height:63px; border-bottom:1px solid #3a3a3a; }
	.recipes-header img { margin:33px 0 0 12px; }
	.recipes-header .view-more-print { float:right; margin-top:36px; width:400px; text-align:right; }	
			.recipes-header .view-more-print a { text-decoration:none; }	
			.recipes-header .view-more-print img { margin:0; }	

.recipe-ingredients { float:left; margin-left:12px; width:356px; }
	.recipe-ingredients p { margin:16px 0 14px 0; }
	.recipe-ingredients ul { margin:0; }
		.recipe-ingredients ul li { margin-bottom:6px; width:316px; }

.recipe-details { float:left; width:301px; }
	.recipe-details p { margin:18px 0 18px 3px; }
	.recipe-details .product-used { border-top:1px solid #3a3a3a; }
		.recipe-details .product-used img { float:left; margin:14px 0 0 9px; }
		.recipe-details .product-used .copy { float:left; margin:41px 0 0 14px; width:210px; }
	
.recipe-directions { margin-top:22px; padding:18px; width:634px; background:#000 url(/assets/images/layout/recipe-directions-bg.jpg) repeat-x left top; }
	.recipe-directions ol { margin:0; padding-left:24px; }
		.recipe-directions ol li { margin-bottom:6px; }

		
/* FAQS
*******************************************************************************/
.faq { padding:20px 0; border-bottom:1px solid #3a3a3a; }
	.faq .question { font-size:14px; color:#c7bfaa; }
	.faq .answer { margin-top:14px; }

	
/* FOOTER
*******************************************************************************/
.footer-bar { width:100%; height:27px; background:transparent url(/assets/images/layout/footer-bar-bg.gif) repeat-x left top; }

.footer { padding:22px 0 0 14px; font-size:10px; }
	.footer a { text-decoration:none; }
	.footer .footer-nav { margin:0; padding:0; }
		.footer .footer-nav li { float:left; margin-right:16px; }
	.footer .copyright { float:right; text-align:right; }
	.canada .copyright, #canada .copyright { float:left; margin:0; text-align:left; }
	
	
/* MISC. CLASSES & IDS
*******************************************************************************/
.clear { clear:both; font-size:1px; }
.italic { font-style:italic; }
.white { color:#fff; }