/* turn off for printing */
ul#mainNavigation,
ul#secondaryNavigation,
div#flashContainer,
div#footer div#retailerLogin,
div#footer ul#socialMediaLinks,
div#footer ul#footerLinks,
div.contentPhotos,
div#bottomFocusAreas a.focusHoverFade div.more,
div.landingFocusAreas a.focusHoverFade div.focusArrow,
.jScrollPaneTrack,
div#footer { display: none !important; }


div#envelope { width: 600px; height: auto; margin: 0; }
div#top { width: 600px; height: 50px; background: none; }
div#top #logo { top: 0px; left: 0px; width: auto; height: 50px; background: none; color: #000; font-size: 2em; font-weight: bold; text-indent: 0px; }

/****************************************
home page
****************************************/
	div#bottomFocusAreas { display: block !important; position: relative; width: 600px; height: 250px; background: none; }
	div#bottomFocusAreas a.focusHoverFade { height: auto; color: #000; }
	div#bottomFocusAreas a.focusHoverFade span.focusContent { he\ight: 220px; padding-top: 30px; }
	div#bottomFocusAreas a.focusHoverFade h2 { position: absolute; top: 0px; height: auto; text-indent: 0px; color: #000; font-size: 1.2em; }
	div#bottomFocusAreas a#inSeason span { left: 0px; width: 150px; w\idth: 150px; padding-right: 0px; padding-left: 0px; }
	div#bottomFocusAreas a#inSeason h2 { left: 0px; width: 150px; background: none; }
	div#bottomFocusAreas a#upcomingEvents span { left: 170px; width: 150px; w\idth: 150px; padding-right: 0px; padding-left: 0px; }
	div#bottomFocusAreas a#upcomingEvents h2 { left: 0px; width: 150px; background: none; }	
	div#bottomFocusAreas a#ourMarkets span { left: 340px; width: 150px; }
	div#bottomFocusAreas a#ourMarkets span.focusContent { w\idth: 150px; padding-right: 0px; padding-left: 0px; }
	div#bottomFocusAreas a#ourMarkets h2 { left: 0px; width: 150px; background: none; }

/****************************************
section landing pages
****************************************/
	div.landingFocusAreas { width: 600px; height: 404px; }
	div.landingFocusAreas a.focusHoverFade { height: 404px; color: #000; }
	
	/* section landing page focus headers */
	div.landingFocusAreas a.focusHoverFade h2, div.landingFocusAreas a#lfaHistory h2, div.landingFocusAreas a#lfaAllBrands h2, div.landingFocusAreas a#lfaPeople h2, div.landingFocusAreas a#lfaByStyle h2, div.landingFocusAreas a#lfaCareers h2, div.landingFocusAreas a#lfaNewBrands h2, div.landingFocusAreas a#lfaOurMarket h2, div.landingFocusAreas a#lfaSeasonal h2, div.landingFocusAreas a#lfaInTheCommunity h2, div.landingFocusAreas a#lfaSocialResponsibility h2, div.landingFocusAreas a#lfaLoveBeer h2, div.landingFocusAreas a#lfaActivities h2, div.landingFocusAreas a#lfaSponsorship h2 { top: 0px; left: 0px; width: 100%; height: 28px; text-indent: 0px; background: none; }
	
	div.landingFocusAreas a.focusHoverFade span { background: none !important; }
	div.landingFocusAreas a.focusHoverFade span.focusContent { he\ight: 359px; padding: 45px 0 0 0; }
	
	div.landingFocusAreas a#lfaHistory, div.landingFocusAreas a#lfaAllBrands { left: 0px; width: 130px; }
	div.landingFocusAreas a#lfaPeople, div.landingFocusAreas a#lfaByStyle { left: 150px; width: 130px; }
	div.landingFocusAreas a#lfaCareers, div.landingFocusAreas a#lfaNewBrands { left: 300px; width: 130px; }
	div.landingFocusAreas a#lfaOurMarket, div.landingFocusAreas a#lfaSeasonal { right: auto; left: 450px; width: 130px; }
	div.landingFocusAreas a#lfaHistory span, div.landingFocusAreas a#lfaAllBrands span { width: 130px; }
	
	div.landingFocusAreas a#lfaHistory span.focusContent, div.landingFocusAreas a#lfaAllBrands span.focusContent, div.landingFocusAreas a#lfaPeople span.focusContent, div.landingFocusAreas a#lfaByStyle span.focusContent, div.landingFocusAreas a#lfaCareers span.focusContent, div.landingFocusAreas a#lfaNewBrands span.focusContent, div.landingFocusAreas a#lfaOurMarket span.focusContent, div.landingFocusAreas a#lfaSeasonal span.focusContent { w\idth: 130px; padding: 45px 0 0 0; }
	
	/* in the community */
	div.landingFocusAreas a#lfaInTheCommunity { left: 0px; width: 250px; }
	div.landingFocusAreas a#lfaInTheCommunity span, div.landingFocusAreas a#lfaSocialResponsibility span { width: 250px; }
	div.landingFocusAreas a#lfaInTheCommunity span.focusContent, div.landingFocusAreas a#lfaSocialResponsibility span.focusContent { w\idth: 250px; padding: 45px 0 0 0; }
				
	/* social responsibility */
	div.landingFocusAreas a#lfaSocialResponsibility { left: 270px; width: 250px; }
				
	/* love beer */
	div.landingFocusAreas a#lfaLoveBeer, div.landingFocusAreas a#lfaActivities, div.landingFocusAreas a#lfaSponsorship { left: 0px; width: 175px; }
	div.landingFocusAreas a#lfaLoveBeer span, div.landingFocusAreas a#lfaActivities span, div.landingFocusAreas a#lfaSponsorship span { width: 175px; } 
	div.landingFocusAreas a#lfaLoveBeer span.focusContent, div.landingFocusAreas a#lfaSponsorship span.focusContent, div.landingFocusAreas a#lfaActivities span.focusContent { w\idth: 175px; padding: 45px 0 0 0; }
				
	/* activities & events */
	div.landingFocusAreas a#lfaActivities { left: 195px; }
	
	/* social responsibility */
	div.landingFocusAreas a#lfaSponsorship { left: 415px; }

/****************************************
content area styles
****************************************/
div#content { width: 600px; height: auto !important; overflow: visible !important; background: none !important; }

div#content div.headerNav, body.landingPage div#content div.headerNav  { width: 600px; height: 40px; background: none; border: none; }
div#content div.headerNav h1, body.landingPage div#content div.headerNav h1 { top: 0px !important; left: 0px !important; width: 600px !important; height: 40px !important; text-indent: 0px !important; color: #000; font-size: 2em; font-weight: normal; }
		
/****************************************
scrolling content container
****************************************/
.jScrollPaneContainer { overflow: visible; }
div#scrollContainer { position: static; top: 0px; right: auto; left: 0px; width: 600px; height: auto; padding: 0 0 0 0; }
div#scrollingContent { width: 600px; height: auto; }
body.pagePeople div#scrollContainer, body.pageOurMarket div#scrollContainer { he\ight: auto; padding: 0 0 0 0; border-bottom: none; }

	/* contact */
	div#columnOne { top: 0px; left: 0px; width: 600px; w\idth: 600px; padding: 0 0 0 0; background: none; }
	body#sectionContact div#columnTwo { display: none; }
		
		
	/* brands content */
	div.brandsContent { margin: 0 0 0 0; background: none; }
	div#content div#brandNavigation { display: none; }