/* DEFAULTS */

	* { margin: 0px; padding: 0px; border: collapse; }
    * a:active { outline: none; }
	* -moz-any-link:focus { outline: none; }
	* :focus { outline: none; }	

	HTML  { height: 100%; font-family: verdana,arial,helvetica,sans-serif; font-size: 12px; color: #666; line-height: 1.5em; }
	body { height: 100%; background: #5d1918 url(../images/backgroundMain.gif) top center fixed repeat; }  
	td { vertical-align: top; }
	p { margin-bottom: 12px; }
	.clear { clear: both; line-height: 0px; }

	h1 { font-weight: normal; font-size: 2em; margin-bottom: 24px; color: #605e5e; }
	h2 { font-weight: normal; font-size: 1.6em; margin: 24px 0; color: #605e5e; }
	h3 { font-weight: normal; font-size: 1.4em; margin: 18px 0; color: #605e5e; }
	
	a,
	a:visited,
	a:active { color: #541d1d; text-decoration: none; }
	a:hover { color: #541d1d; text-decoration: underline; }	
	
/* PAGE SETTINGS */

	#pageWrapper { width: 900px; margin: auto; }
	
	/* Header */
	
	#header { width: 900px; }
	#topNav { width: 880px; height: 40px; text-align: center; padding-left: 20px;  background: #000 url(../images/backgroundTopNav.gif) top no-repeat; border-bottom: 2px solid #ccc; }
	

	/* Page Content */
	
	#pageContent { width: 900px; min-height: 300px; background: #fff url(../images/backgroundPageContent.gif) top center repeat-y; }
	#pageBody { float: left; width: 568px; padding: 32px 0 32px 32px; }
	#pageBodyFull { padding: 32px; }	
	#sideBar { float: left; width: 236px; padding: 32px; }

	/* Footer */

	#footer { background-color: #fff; }
	#bottomNav { width: 900px; height: 30px; line-height: 22px; text-align: center; font-size: .9em; background: #5D1918 url(../images/backgroundFooterNav1.gif) top no-repeat; color: #fff; }
	#bottomNav a,
	#bottomNav a:visited,
	#bottomNav a:active { color: #5D1918; text-decoration: none;  }
	#bottomNav a:hover { text-decoration: underline; }

	#bottomNav2 { width: 900px; background-color: #fff; color: #666; }
				.shareThis { text-align:right; width:876px; height:30px;}

	#logos { padding: 12px 0 24px; }	
	#logos .subsidiaries { float: left; padding-left: 50px; }	 	 
	#logos .logo { float: left;  padding-left: 52px; }
	
	.imageRight { float: right; padding-left: 12px; }

	/* NAV BAR */
	
	.navbar {white-space:nowrap /*IE hack*/; width:900px; font-family: tahoma,arial,sans-serif; font-size:12px !important /*Non-IE6*/; font-size: 12px /*IE6*/;} /*Color navigation bar normal mode*/

	.socialIcons { float: right; padding: 0 16px 0 0; }
	
	/* Menu Bar */
	
	.navbar ul {list-style-type: none;}
	.navbar ul li {float:left; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; }
	.navbar ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height: 40px; line-height: 40px; border-bottom: 2px solid transparent; padding: 0 16px; text-decoration:none; font-weight:bold; color: #fff; border-right:solid 0px rgb(215,215,215);}
	.navbar ul li ul {display:none; border:none;}
	
	/* SubMenu (Non-IE6 hovering) */
	
	.navbar ul li:hover {position:relative;} /*Sylvain IE hack*/
	.navbar ul li:hover a {border-bottom: 2px solid #efb111; text-decoration:none; color: #efb111; } /*Color main cells hovering mode*/
	.navbar ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:1000; top:3.0em; margin-top:0.1em; left:0; padding:0px 16px 0px 16px; border-top:solid 1px rgb(215,215,215);}
	.navbar ul li:hover ul li a {white-space:normal; display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-17px; padding:4px 16px 4px 16px; border-right:solid 1px rgb(215,215,215); border-left:solid 1px rgb(215,215,215); border-bottom: solid 1px rgb(215,215,215); background-color: #f2f2f2; font-weight: normal; color: #541d1d; } /*Color subcells normal mode*/
	.navbar ul li:hover ul li a:hover {background-color: #fff; text-decoration:underline;} /*Color subcells hovering mode*/
	
	/* SubMenu (IE6 hovering) */
	
	.navbar table {position:absolute; z-index:1000; top:0px; left:-1px; border-collapse:collapse;}
	.navbar ul li a:hover {position:relative /*Sylvain IE hack*/; z-index:1000 /*Sylvain IE hack*/; text-decoration:none;} /*Color main cells hovering mode*/
	.navbar ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:1000; top:3.1em; t\op:3.0em; left:0px; marg\in-top:0.1em; border-top:solid 1px rgb(215,215,215); }
	.navbar ul li a:hover ul li a {white-space:normal; display:block; w\idth:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-right:solid 1px rgb(215,215,215); border-left:solid 1px rgb(215,215,215); border-bottom: solid 1px rgb(215,215,215); background-color:#f2f2f2; font-weight:normal; color: #541d1d;} /*Color subcells normal mode*/
	.navbar ul li a:hover ul li a:hover {background-color:rgb(225,225,225); text-decoration:none;} /*Color subcells hovering mode*/

/* SIDEBAR IMAGES */

	.imagesSideBar { }
	.imageSideBar01,
	.imageSideBar02,
	.imageSideBar03 { width: 236px; height: 134px; }	
	.imageSideBar01,
	.imageSideBar02 { margin-bottom: 32px; }
	
/* LISTS */

	ul.customBullets { margin: 24px 0; }
	ul.customBullets li { list-style-image: url(../images/bullet.gif); margin: 0 0 10px 26px; line-height: 1.3em; }
	ul.customBullets li ul { margin-top: 10px; }


/* TABSTRIP */

	.tabStrip ul { margin: 0; padding: 0; list-style-type: none; font-size: .9em; }
	.tabStrip li { margin: 0 2px 0 0; list-style-type: none; float: left; }
	.tabLink { display: block; text-decoration: none; padding: 5px 10px; background: #f2f2f2; border: #dadada solid; border-width: 1px 1px 0 1px; color: #541d1d; }
	.tabLinkActive { display: block; text-decoration: none; padding: 5px 10px; background: #fff; border: #c0c0c0 solid; border-width: 1px 1px 0 1px; color: #541d1d; }
	.tabContent { display: none; }
	.tabContentActive { clear: both; border-top: 1px solid #ccc; padding-top: 18px; }
	.downloadPDF { margin: 12px 0; }

/* FAUX OPTIN FORM */

	#fauxOptIn { width: 410px; margin: auto; font-size: .8em; padding: 3px 0 0 0 ; }
	#fauxOptIn input,
	#fauxOptIn textarea,
	#fauxOptIn select { width: 120px; background-color: #fff; border: 1px solid #999; border-collapse: collapse; padding: 3px 4px 2px 4px; font-size: 1em; height: 14px; color: #333; }
	#fauxOptIn td.formLabel { vertical-align: bottom; padding: 0 6px 3px 0; }
	#fauxOptIn td.buttonOptIn { padding-left: 6px; }
	#fauxOptIn .button { padding: 0 6px; height: 19px; line-height: 19px; background-color: #f1f3ef; }
	#fauxOptIn .buttonOff { background-color: #f2f2f2; border: 1px solid #d9d9d9; }
	#fauxOptIn .buttonOn { background-color: #e5dada; border: 1px solid #5d1918; }
	#fauxOptIn .highlightOff { border-color: #d9d9d9; }
	#fauxOptIn .highlightOn { border-color: #5d1918; }
	#fauxOptIn a,
	#fauxOptIn a:visited,
	#fauxOptIn a:active { display: inline; padding: 0; }

/* INPUT FORMS */

	.inputForm { padding: 0; } 
	.inputForm table { width: 568px; } 
	.inputForm .row { }
	.inputForm .rowAlt { }	
	.inputForm .formComment { padding: 12px 0 0 0; }	
	.inputForm input,
	.inputForm textarea,
	.inputForm select { width: 280px; height: 20px; background-color: #fff; border: 1px solid #999; border-collapse: collapse; padding-left: 4px; padding-right: 0px; line-height: 20px; color: #333; }
	.inputForm input { vertical-align: middle; }
	.inputForm input.radioButtons { width: 25px; height: 20px; margin: 0 3px 0 3px; vertical-align: bottom; border: 0; }
	.inputForm input.checkbox { border: 0; }		
	.inputForm select { width: 165px; }	
	.inputForm .formLabel { vertical-align: top; padding: 5px 24px 3px 0px; }
	.inputForm .formInput { width: 242px; text-align: right; font-size: 12px; padding: 2px 2px 2px 0; }
	.inputForm .formRadioButtons { width: 242px; text-align: left; font-size: 12px; padding: 2px 2px 2px 0; }
	.inputForm .checkbox ( border: 0; width 20px; )
	.inputForm .line { width: 100%; border-top: 1px solid #d9d9d9; margin-top: 12px; padding: 8px 6px 36px 0;}
	.inputForm .submitButton { text-align: right; }	
	.inputForm .button { float: right; display: inline-block; text-align: center; cursor: pointer; padding: 6px 12px; background-color: #f1f3ef; }
	.inputForm .buttonOff { background-color: #f2f2f2; border: 1px solid #ccc; }
	.inputForm .buttonOn { background-color: #e5dada; border: 1px solid #5d1918; }
	.inputForm .highlightOff { border-color: #d9d9d9; }
	.inputForm .highlightOn { border-color: #5d1918; }

	/* Mods for OptIn Registration */
	
	.inputForm .buttonSignUp { width: 300px; border-top: 0px solid #99c83c; margin-top: 6px; }
	.inputForm .buttonSignUp td { padding-top: 6px; }

/* WHAT'S NEW */

	#whatsNew { font-size: .9em; padding:24px 0 24px;  }
	#whatsNew  h1 { }	
	#whatsNew .newsItem { padding: 6px 0 3px; }
	#whatsNew .headline {}
	#whatsNew .datePosted { font-style: italic;}
	#whatsNew .summary { font-size: 7.5pt; }
	#whatsNew .moreNews { margin-top: 12px;  padding-left: 4px; }
	#whatsNew .moreLink { float: left; width: 156px; text-align: right; padding-right: 4px; }
	#whatsNew .moreArrow { float: left; width: 24px; }

	
/* INDEXED CONTENT */

	/* Filters */
	
    #filters .filterBar { width: 100%; margin-bottom: 12px;}
	#filters .filterBarLeft { }
	#filters .filterBarRight { text-align: right; white-space: nowrap; padding: 4px 0 4px 0; }
	#filters .dropDownBox { width: 120px; }
	#filters .pagination { margin: 12px 0; }
	#filters .selectCountry { margin: 12px 0; }

	/* Indexes - Announcements & Media Clippings */

	#index { background-color: #ededed; border: 0px solid #e4e4e4; padding: 4px; }
	#index table { width: 100%; }
	#index th { white-space:nowrap; padding: 8px 12px 4px 4px; text-align: left; vertical-align: bottom; font-size: 1.2em; font-weight: normal; }	
	#index td { padding: 4px; font-size: .9em; }		
	#index .col1 { white-space:nowrap; padding-right: 24px; }
	#index .col2 { width: 100%; }	
	#index tr.row { background-color: #fff; cursor: pointer; }
	#index tr.rowAlt { background-color: #fafafa; cursor: pointer; }
	#index tr.highlight { background-color: #f5f5f5; cursor: pointer; }	

	/* Display and Entry Pages - Announcements */
	
	#announcements .navTopBar { }
	#announcements .navBottomBar { margin: 36px 0 0 0; }
	#announcements .navLeft,
	#announcements .navCenter,
	#announcements .navRight { float: left; white-space: nowrap;}
	#announcements .navCenter { width: 100% }
	#announcements .title { text-align: center; padding: 12px 4px; }
	#announcements .title h1 { margin-bottom: 12px; line-height: 1.2em; }
	#announcements .title h2 { margin: 0; font-size: 1.4em; line-height: 1.2em; }
	#announcements .byLine { font-size: .9em; margin: 4px 0 4px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px; }	
	#announcements .byLineLeft { width: 274px; float: left; white-space: nowrap; padding-left: 6px; }
	#announcements .byLineRight { width: 274px; float: left; text-align: right;  white-space: nowrap; padding-right: 6px; }
	#announcements .content { padding: 0 4px; padding-top:12px; }
	#announcements .imageCenter { text-align: center; }
	#announcements .imageRight { margin: 4px 0 20px 10px; }			
	#announcements .topLine { background: transparent; height: 14px; border-bottom: 1px solid #dae5e8; }
	#announcements .bottomLine { background: transparent; height: 20px; border-top: 1px solid #dae5e8; }
	
	.dataGrid { background-color: #ededed; border: 0px solid #e4e4e4; padding: 4px; margin: 18px 0 12px; }
	.dataGrid table { width: 100%; }
	.dataGrid tr.row { background-color: #fff; }
	.dataGrid tr.rowAlt { background-color: #fafafa; }	
	.dataGrid th,
	.dataGrid td { padding: 4px; font-size: .9em; }
	.dataGrid .col1 { width: 100%; padding-right: 12px; }
	.dataGrid .col2 { white-space:nowrap; padding-left: 12px; padding-right: 12px; }	

/* SITE CONTENT */

	/* Beers */

	.beer { }
	.beerLogo { float: left; width: 124px; padding: 0 24px 24px 0; }
	.beerDescription { float: left; width: 400px; }
	.beerDescription h3 { margin-top: 0; }	
	
	/* Events and Parties */
	
	.promotionPoster { text-align: center; }

/* Footer */	
	#footerSection4 { width: 900px; text-align: center; background-color: #fff; font-size: .9em; }
	#footerSection4 ul {}
	#footerSection4 li { display: inline; }
	#footerSection4 a { display: inline-block; height: 28px; line-height: 28px; }
	#footerSection4 a,
	#footerSection4 a:visited,
	#footerSection4 a:active { color:  #5d1918; text-decoration: none;  }
	#footerSection4 a:hover { color:  #5d1918; text-decoration: underline; }
	
	#footerSection4 .bottomAddress { float: left; font-size: .8em; padding-left: 32px; }
	#footerSection4 .bottomLinks { float: right; font-size: .8em; padding-right: 32px; }	

/* PARTNER BANNERS */

	#slider { }
	#slider ul, #slider li { margin: 0; padding: 0;	list-style: none; }
	#slider, #slider li { width: 212px; height: 112px; overflow: hidden; }

	.partnerBanner { font-size: 0.9em; border: 1px solid #CCCCCC; padding: 8px 8px 0px 8px; line-height: 1.2em;  background: #fff url(../images/backgroundBanner.jpg) top repeat-x; }
	.partnerBanner .partnerLogo { float: left; padding-right: 8px; }	
	.partnerBanner .partnerIntro { font-size: 0.8em; }
	.partnerBanner .partnerTitle { font-size: 1.3em; padding-bottom: 12px; }
	.partnerBanner .bannerType { font-weight: normal; font-size: 2em; padding: 4px 0 12px; }
	.partnerBanner .productType { text-transform: uppercase; font-size: .9em; padding-bottom: 4px; }
	.partnerBanner .manufacturer { font-size: 1.1em; }
	.partnerBanner .productName { font-size: 1.1em; }	
	.partnerBanner .productOrigin { padding-bottom: 12px; }
	.partnerBanner .imageThumb { float: right; }
	.partnerBanner .imageThumb img { width: 60px; height: 60px; }	
	.partnerBanner .productDescription { font-style: italic; padding-bottom: 8px; }
	.partnerBanner .regularPrice { }				
	.partnerBanner .salePrice { }
	.partnerBanner .moreDetails { padding-top: 8px; }	
	.partnerBanner .navLinks { height: 24px; line-height: 24px; }
	.partnerBanner .navLinks a,
	.partnerBanner .navLinks a:visited,
	.partnerBanner .navLinks a:active { color:  #541D1D; text-decoration: none;  }
	.partnerBanner .navLinks a:hover { color:  #541D1D; text-decoration: underline; }	
	#prevBtn { float: left; padding-left: 0; }
	#nextBtn { float: right; padding-right: 0; }
	.partnerBanner .buttonMoreDetails { float: right; }
	.partnerBanner .button { padding: 0 6px; height: 19px; line-height: 19px; background-color: #f1f3ef; width: 46px; font-size: .8em; }
	.partnerBanner .buttonOff { background-color: #f2f2f2; border: 1px solid #d9d9d9; }
	.partnerBanner .buttonOn { background-color: #e5dada; border: 1px solid #5d1918; }
	.partnerBanner .highlightOff { border-color: #d9d9d9; }
	.partnerBanner .highlightOn { border-color: #5d1918; }

			
	#slider2 { }
	#slider2 ul, #slider2 li { margin: 0; padding: 0;	list-style: none; }
	#slider2, #slider2 li { width: 235px; overflow: hidden; }

	.partnerBanner2 { font-size: 0.9em; border: 1px solid #CCCCCC; padding: 0; line-height: 1.2em;  background: #fff url(../images/backgroundBanner.jpg) top repeat-x; margin-bottom: 16px; }
	.partnerBanner2 .partnerLogo { float: left; padding-right: 8px; }	
	.partnerBanner2 .partnerIntro { font-size: 0.8em; }
	.partnerBanner2 .partnerTitle { font-size: 1.3em; padding-bottom: 12px; }
	.partnerBanner2 .bannerType { font-weight: normal; font-size: 2em; padding: 4px 0 12px; }
	.partnerBanner2 .productType { text-transform: uppercase; font-size: .9em; padding-bottom: 4px; }
	.partnerBanner2 .manufacturer { font-size: 1.1em; }
	.partnerBanner2 .productName { font-size: 1.1em; }	
	.partnerBanner2 .productOrigin { padding-bottom: 12px; }
	.partnerBanner2 .imageThumb { float: right; }
	.partnerBanner2 .imageThumb img { width: 60px; height: 60px; }	
	.partnerBanner2 .productDescription { font-style: italic; padding-bottom: 8px; }
	.partnerBanner2 .regularPrice { }				
	.partnerBanner2 .salePrice { }
	.partnerBanner2 .moreDetails { padding-top: 8px; }	
	.partnerBanner2 .navLinks { background-color: #000; height: 24px; line-height: 24px; width: 235px; }
	.partnerBanner2 .navLinks a,
	.partnerBanner2 .navLinks a:visited,
	.partnerBanner2 .navLinks a:active { color:  #fff; text-decoration: none;  }
	.partnerBanner2 .navLinks a:hover { color:  #fff; text-decoration: underline; }	
	#prevBtn2 { float: left; padding-left: 12px; }
	#nextBtn2 { float: right; padding-right: 12px; }
	.partnerBanner2 .buttonMoreDetails { float: right; }
	.partnerBanner2 .button { padding: 0 6px; height: 19px; line-height: 19px; background-color: #f1f3ef; width: 46px; font-size: .8em; }
	.partnerBanner2 .buttonOff { background-color: #f2f2f2; border: 1px solid #d9d9d9; }
	.partnerBanner2 .buttonOn { background-color: #e5dada; border: 1px solid #5d1918; }
	.partnerBanner2 .highlightOff { border-color: #d9d9d9; }
	.partnerBanner2 .highlightOn { border-color: #5d1918; }