@charset "UTF-8";

/*main styles*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	margin: 0px;
	padding: 0px;
	background: #f9f9f9;
	/* background: url(../images/bg/bg-grad-cream.jpg) repeat-x; */
}

h1, h2, h3, p {
	margin: 0px;
	padding: 0px;
	clear: both;
}

h1 {
	font-size: 18px;
	font-weight: normal;
	margin: 20px 0px 15px 0px;
	clear: none;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 25px 0px 10px 0px;
	clear: none;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 20px 0px 10px 0px;
	clear: none;
}

p {
	margin: 10px 0px;
	clear: none;
}

p.bullet {
	font-size: 14px;
}

a {
	color: #000000;
	text-decoration: none !important;
}

	a:hover {
		color: #DCA11C;
		text-decoration: none !important;
	}
	
	a:active {
		color: #FF9900;
		text-decoration: none !important;
	}
	
p a {
	text-decoration: underline !important;
}

p.large_text {
	font-size: 12px;
}

p.large_text_link {
	font-size: 12px;
	/*padding: 5px 0px 10px 0px;*/
	padding-top: 5px;
}

p.large_text_link a {
	text-decoration: underline !important;
}
	
hr {
	margin: 0px;
	padding: 0px;
}

ul {
	margin: 0px;
		margin-left: 30px;
	padding: 0px;
	list-style-type: square;
}

ul.bullet_list {
	margin: 0px;
		margin-left: 18px;
	padding: 0px;
	font-size: 12px;
	list-style-image: url(../images/bullet.jpg);
}

li {
	padding: 2px 0px;
}

div.sitemap {
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	text-align: left;
}

div#container {
	padding: 0px;
	margin: 0px auto;
	background: #030708;
	border: solid #D8D8D8;
	border-width: 0px 0px 5px 0px;
	border-width: 0px 5px 5px 5px;
	width: 974px;
	height: auto;
	/* background: url(../images/container/container-shadow.png) repeat-y; */
}
	
	div#top {
		position: relative;
		height: 200px;
			min-height: 200px;
			max-height: 200px;
		width: inherit;
	}
	
		div#banner {
			position: relative;
			height: 150px;
			width: inherit;
			background: url(../images/top-bg-1.jpg) center no-repeat;
		}
		
			div#banner_image {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 300px;
				height: inherit;
				background: url(../images/gbbf-writing.jpg) left no-repeat;
			}
			
			div#banner_small_links {
				color: #FFFFFF;
				background: #030708;
				padding: 2px 6px 4px 6px;
				position: absolute;
				top: 0px;
				/*right: 55px;*/
				right: 0px;
				width: auto;
				/*display: none;*/
			}
			
			div#banner_small_links a {
				color: #FFFFFF;
				font-size: 11px;
				text-decoration: none !important;
			}
			
				div#banner_small_links a:hover {
					color: #DCA11C;
					text-decoration: none !important;
				}
			
			div#logo {
				position: absolute;
				/*top: 12px;*/
				bottom: 2px;
				left: 240px;
				width: auto;
				height: auto;
				text-align: left;
				background: #030708;
				padding: 2px 4px 4px 4px;
				background: #030708;
			}
			
			div#cornerlogo {
				position: absolute;
				top: 0px;
				right: 0px;
				width: auto;
				height: auto;
				z-index: 0;
				display: none;
			}
			
			div#buy_tickets {
				position: absolute;
				bottom: 0px;
				left: 305px;
				width: auto;
				z-index: 5;
				display: none;
			}
				
				div#buy_tickets a {
					color: #DCA11C;
				}
				
					div#buy_tickets a:hover {
						color: #FFFFFF;
					}
				
				div#buy_tickets span {
					background: #030708;
					padding: 2px 6px 3px 6px;
					line-height: 22px;
				}
				
				div#buy_tickets span.large {
					color: #FFFFFF;
					font-size: 16px;
				}
				
				div#buy_tickets span.small {
					color: #FFFFFF;
					font-size: 14px;
				}
				
				div#buy_tickets span.seetickets {
					font-size: 14px;
				}
			
			div#banner_title {
				position: absolute;
				bottom: 0px;
				right: 0px;
				width: auto;
				text-align: right;
				z-index: 6;
			}
			
				div#banner_title span {
					background: #030708;
					padding: 2px 6px 3px 6px;
					line-height: 22px;
				}
				
				div#banner_title .gold_large {
					color: #DCA11C;
					font-size: 16px;
				}
				
				div#banner_title .gold_small {
					color: #DCA11C;
					font-size: 14px;
					padding: 0px;
				}
				
				div#banner_title .white_small {
					color: #FFFFFF;
					font-size: 14px;
				}
		
		div#top_menu {
			position: relative;
			top: 10px;
			padding: 0px 8px 0px 10px;
		}
		
			div.menu_item, div.selected, div.menu_divider, div.adverts_title {
				float: left;
				color: #FFFFFF;
				font-size: 13px;
				line-height: 32px;
				vertical-align: middle;
				text-align: center;
				width: auto;
				height: 36px;
					min-height: 36px;
					max-height: 36px;
			}
			
			div.menu_item, div.selected, div.adverts_title, div.menu_divider {
				padding: 0px 0px 5px 0px;
			}
						
			div.selected, div.adverts_title {
				color: #DCA11C;
				background: url(../images/arrow.jpg) bottom center no-repeat;
			}
			
			div.menu_item a, div.selected a {
				padding: 0px 10px 5px 10px;
			}
			
			div.adverts_title {
				height: 6px;
					min-height: 6px;
					max-height: 6px;
				width: 140px;
					min-width: 140px;
					max-width: 140px;
				float: none;
				padding-bottom: 6px;
				margin-top: 3px;
			}
			
			div#top_menu div.menu_item a, div.selected a {
				text-decoration: none !important;
			}
			
			div#top_menu div.menu_item a {
				color: #FFFFFF;
			}
			
			div#top_menu div.selected a {
				color: #DCA11C;
			}
						
				div#top_menu div.menu_item a:hover, div.selected a:hover {
					color: #DCA11C;
					text-decoration: none !important;
				}
			
			div#searchArea {
				width: 200px;
				padding: 6px 5px 5px 6px;
				margin: -45px 0px 0px -6px;
				border: 0px;
				position: absolute;
				font-size: 12px;
				z-index: 1000;
			}
			
				div#closeSearchArea {
					margin: 2px 0px 0px 0px;
					padding: 0px;
					float: right;
					text-align: right;
					width: auto;
					background: transparent;
					display: none;
				}
			
				div#searchResults {
					margin: 15px 0px 0px 0px;
					background: transparent;
					display: none;
				}
						
					input#searchBox {
						vertical-align: middle;
						border: solid 1px #666666;
						width: 170px;
						color: #666666;
						padding: 4px;
						font-size: 12px;
						font-family: Verdana, Arial, Helvetica, sans-serif;
					}
					
					input#mainSearchBox {
						vertical-align: middle;
						border: solid 1px #666666;
						width: 350px;
						color: #000000;
						padding: 4px;
						font-size: 12px;
						font-family: Verdana, Arial, Helvetica, sans-serif;
					}
					
					div#mainSearchResults {
						margin: 15px 0px 0px 0px;
					}
					
						div#mainSearchResults p.searchResult {
							font-size: 11px;
							margin-bottom: 15px;
						}
						
						div#mainSearchResults a.searchTitle {
							font-weight: bold;
							font-size: 14px;
							text-decoration: none !important;
						}
						
						div#mainSearchResults a.searchLink {
							color: #C65A29;
							text-decoration: none !important;
						}
						
							div#mainSearchResults a.searchLink:hover {
								color: #DCA11C;
								text-decoration: none !important;
							}
							
							div#mainSearchResults a.searchLink:active {
								color: #FF9900;
								text-decoration: none !important;
							}
					
					div#searchResults table {
						padding: 0px;
						margin: 0px;
						width: 100%;
					}
			
						div#searchResults td.searchResultL {
							padding: 0px;
							margin: 0px;
							font-size: 12px;
							text-align: left;
							vertical-align: middle;
						}
						
						div#searchResults td.searchResultR {
							padding: 0px;
							margin: 0px;
							font-size: 10px;
							color: #666666;
							text-align: right;
							vertical-align: middle;
						}
						
							div#searchResults a.searchLinkR {
								color: #666666;
							}
								
								div#searchResults a.searchLinkR:hover {
									color: #DCA11C;
								}
				
					div#searchResults a {
						text-decoration: none !important;
					}
			
			div#print_email_buttons {
				float: right;
				padding: 0px;
				text-align: right;
				margin: -5px -10px 0px 0px;
				width: 38px;
				height: 15px
			}
					
	div#middle {
	}
		
		div#content {
			margin: 0px 160px 0px 10px;
			padding: 0px;
			min-height: 659px;
			width: 804px;
				min-width: 804px;
				max-width: 804px;
		}
		
			.floatLeft {
				float: left;
				margin: 0px 20px 15px 0px;
				border: 0px;

				border-radius: 6px; 
					-moz-border-radius: 6px;
					-webkit-border-radius: 6px;
			}
			
			.floatRight {
				float: right;
				margin: 0px 0px 15px 20px;
				border: 0px;

				border-radius: 6px; 
					-moz-border-radius: 6px;
					-webkit-border-radius: 6px;
			}
			
			table.columns {
				width: 100%;
			}
			
				table.columns td {
					vertical-align: top;
				}
					
					table.columns td.left {
						width: 180px;
							min-width: 180px;
							max-width: 180px;
						padding: 5px 10px 15px 5px;
							padding-top: 45px;
						text-align: left;
					}
					
					table.columns td.main {
						padding: 5px 10px 10px 10px;
						text-align: left;
						background: #FFFFFF url(../images/Pint-faded.jpg) bottom right no-repeat;
					}
				
			ul.menu {
				margin: 0px;
				padding: 0px;
				width: auto;
				list-style-type: none;
				z-index: 100;
			}
				
				ul.menu li {
					margin: 0px;
					font-size: 12px;
					padding: 2px 0px 1px 0px;
					display: block;
				}
				
					ul.menu li.menu_title {
						font-size: 14px;
						font-weight: bold;
						margin-bottom: 5px;
					}
				
						ul.menu li.menu_item a:hover {
							color: #FFFFFF;
						}
						
						ul.menu li.menu_title a:hover {
							color: #FFFFFF;
						}
						
			p.bullet {
				font-size: 14px;
			}
			
			div#slideshow {
				margin: 0px;
				padding: 0px;
			}
			
			div#social_sites, div#newsletter {
				margin: 0px;
				padding: 15px 5px;
			}
			
			div#social_sites {
				padding-top: 0px;
				padding-bottom: 0px;
			}
			
			div#social_sites a:hover {
				color: #DCA11C;
			}
						
				div#social_sites img {
					padding: 0px;
					margin: 5px 0px;
				}
				
				div#newsletter input {
					margin: 5px 0px;
					padding: 0px;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 12px;
				}
				
					div#newsletter input#email_newsletter_text {
						vertical-align: middle;
						border: solid 1px #666666;
						width: 160px;
						color: #666666;
						padding: 4px;
						font-family: Verdana, Arial, Helvetica, sans-serif;
					}
					
					div#newsletter input#email_newsletter_submit {
						padding: 3px 2px;
					}
			
			div#snail_trail, div#snail_trail p {
				padding: 0px;
				margin: 0px;
			}
			
			div#snail_trail, div#snail_trail a {
				text-decoration: none !important;
			}
				
				div#snail_trail img {
					margin: 0px 5px 0px 5px;
				}
			
			div#homepage_news_container {
				margin: 10px 0px 0px 0px;
			}
			
			img.homepage_news_image {
				border-radius: 6px; 
					-moz-border-radius: 6px;
					-webkit-border-radius: 6px;
			}
			
			img#festival_announcements_image {
				border-radius: 8px; 
					-moz-border-radius: 8px;
					-webkit-border-radius: 8px;
			}
			
				table.news_table {
					border-collapse: collapse;
					border-spacing: 0px;
					empty-cells: show;
				}
				
					table.news_table td {
						padding: 8px 0px;
						vertical-align: middle;
					}
					
						table.news_table img {
							margin-right: 15px;
						}
				
					p.news_item_title {
						font-size: 14px;
						margin-top: 0px;
						margin-bottom: 0px;
					}
					
					a.news_item_link {
						text-decoration: none !important;
					}
					
					p.news_item_date {
						font-size: 12px;
						color: #737373;
						margin-top: 0px;
						margin-bottom: 0px;
					}
					
					p.news_item_description {
						margin-bottom: 0px;
					}
			
				div#twitter_feed_container {
					margin: 35px 0px 15px 0px;
					padding: 0px 14px;
				}
				
					p.twitter_header {
						color: #4e4e4e;
						font-size: 16px;
					}
					
					p.tweet_date {
						color: #737373;
						font-size: 12px;
						margin-bottom: 0px;
					}
					
					p.tweet {
						margin-top: 0px;
					}
					
				select.beer_list_drop {
					vertical-align: middle;
					color: #000000;
					font-size: 12px;
					padding: 2px;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					width: 347px;
				}
			
			div#web_form .text_box {
				vertical-align: middle;
				width: 250px;
				color: #000000;
				padding: 4px;
				font-size: 12px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
			}
			
			.regular_text_box {
				vertical-align: middle;
				color: #000000;
				font-size: 12px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
			}
			
			div#web_form .drop_box {
				vertical-align: middle;
				color: #000000;
				font-size: 12px;
				padding: 2px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
			}
			
			div.beer_comment {
				padding: 0px 10px 0px 10px;
				margin: 0px 0px 10px 0px;
				background: #f9f9f9;
				background: white;
				border: 1px solid rgb(163,163,188);
				border: 1px solid white;
				/*background: #FFFFFF url(../images/speech-mark-white.jpg) top center no-repeat;*/
			}
			
			/*table.beerTableContainer {
				margin-bottom: 10px;
				border-bottom: 1px solid rgb(163,163,188);
				border-collapse: collapse;
			}*/
			
			table.beerTableContainer {
				margin-bottom: 10px;
				border-collapse: collapse;
			}
			
				/*td.beerTableCell {
					border: 1px solid rgb(163,163,188);
					border-bottom: 0px;
					padding: 0px;
					margin: 1px;
				}*/
				
				td.beerTableCell {
				}
				
				/*div.beerDivBrewery {
					border: 1px solid white;
					border-bottom: 0px;
				}*/
				
				div.beerDivBrewery {
					background: rgb(228,228,236);
				}
					
					td.beer_brewery {
						padding: 8px 10px 8px 10px;
						background: rgb(228,228,236);
					}
				
				/*div.beerDivBeer {
					border: 1px solid white;
					background: #f4f4fd;
				}*/
				
				div.beerDivBeer {
					background: #f9f9f9;
				}
					
					/*td.beer_beers {
						background: #f4f4fd;
						padding: 0px 10px 0px 10px;
					}*/
					
					td.beer_beers {
						background: transparent;
						padding: 0px 10px 0px 10px;
					}
			
				div#beer_list_reference_div {
					
				}
				
				div#popular_ales_container {
					background: url(../images/press/ale-bg.gif) center no-repeat;
				}
				
				div#popular_ciders_container {
					background: url(../images/press/cider-bg.gif) center no-repeat;
				}
				
				div#festival_announcements_image_container {
					height: 250px;
						min-height: 250px;
						max-height: 250px;
					width: 563px;
						min-width: 563px;
						max-width: 563px;
				}
				
				div#festival_announcements_container {
					position: absolute;
					z-index: 10000;
					top: 216px;
					left: 0px;
				}
				
					table#festival_announcements {
						border-collapse: collapse;
						width: 563px;
							min-width: 563px;
							max-width: 563px;
					}
										
					table#festival_announcements a {
						text-decoration: none !important;
						color: #FFFFFF;
					}
					
					table#festival_announcements a:hover {
						text-decoration: underline !important;
						color: #FFFFFF;
					}
						
						td#festival_announcement_header1, 
						td#festival_announcement_header2, 
						td#festival_announcement_header3, 
						td#festival_announcement_header4 {
							padding: 0px 10px;
							font-size: 12px;
							color: #FFFFFF;
						}
					
							td#festival_announcement_header1 {
								background: #6d1e11;
								background: #6d1e11 url(../images/press/announcements/announcement-bl.jpg) bottom left no-repeat;
							}
							
							td#festival_announcement_header2 {
								background: #ad2e25;
							}
							
							td#festival_announcement_header3 {
								background: #db5928;
							}
							
							td#festival_announcement_header4 {
								background: #fd961d;
								background: #fd961d url(../images/press/announcements/announcement-br.jpg) bottom right no-repeat;
							}
				
			div#div_SN_Ingredients_Area {
				height: 430px;
					min-height: 430px;
					max-height: 430px;
				width: 560px;
					min-width: 560px;
					max-width: 560px;
				background: url(../images/ingredientsarea/Ingredients-Area.gif) center no-repeat;
			}
			
				div#SN2, div#SN3, div#SN4, div#SN5, div#SN6, div#SN7, div#SN8 {
					display: none;
					border: 1px solid #DCA11C;
					background: #f9f9f9;
					position: absolute;
					padding: 0px 10px 0px 10px;
					width: 250px;
						min-width: 250px;
						max-width: 250px;
					z-index: 10000;
				}
				
					div#SN2 {
						top: 410px;
						left: 445px;
						top: 120px;
						left: 195px;
					}
					
					div#SN3 {
						top: 305px;
						left: 505px;
						top: 10px;
						left: 260px;
					}
					
					div#SN4 {
						top: 520px;
						left: 300px;
						top: 230px;
						left: 50px;
					}
					
					div#SN5 {
						top: 400px;
						left: 460px;
						top: 110px;
						left: 210px;
					}
					
					div#SN6 {
						top: 440px;
						left: 505px;
						top: 150px;
						left: 265px;
					}
					
					div#SN7 {
						top: 500px;
						left: 360px;
						top: 200px;
						left: 120px;
					}
					
					div#SN8 {
						top: 500px;
						left: 290px;
						top: 210px;
						left: 40px;
					}
			
			div#news_ticker {
				margin: 0px 0px 10px 0px;
				padding: 0px;
			}
				
				div#news_ticker ul {
					margin: 0px;
					padding: 0px;
					list-style-type: none;
					font-size: 12px;
					font-weight: bold;
				}
		
			div#more_info {
				margin: 40px 0px 0px 0px;
				padding: 0px;
			}
				
				ul#more_info_list {
					margin: 0px;
						margin-left: 18px;
					padding: 0px;
					font-size: 12px;
					list-style-image: url(../images/bullet.jpg);
				}
				
					div#more_info li.menu_item {
						font-size: 12px;
					}
					
			div#back_link {
				margin: 15px 0px 0px 0px;
				padding: 0px;
			}
				
				ul#back_link_list {
					margin: 0px;
						margin-left: 18px;
					padding: 0px;
					font-size: 12px;
					list-style-image: url(../images/bullet.jpg);
				}
				
					div#back_link li.menu_item {
						font-size: 12px;
					}
			
			div#image_gallery {
				margin: 0px;
				padding: 0px;
			}				
					
				div.img_left {
					float: left;
					padding: 0px;
					width: 105px;
					margin: 0px 8px 6px 0px;
				}
									
				div.img_right {
					float: left;
					padding: 0px;
					width: 105px;
					margin: 0px 0px 6px 0px;
				}
			
			div#map_canvas {
				height: 350px;
				border: 1px #CCCCCC solid;
			}
			
			div#email_captcha {
				margin: 15px 0px;
			}
		
		div#right {
			float: right;
			width: 140px;
				min-width: 140px;
				max-width: 140px;
			margin: 0px 10px 0px 0px;
		}
		
			div#pint_top {
				width: 120px;
				padding: 10px;
				margin: -40px 0px 0px 0px;
			}
			
			div#adverts {
				margin: 5px 0px 0px 0px;
				padding: 15px 10px 10px 10px;
			}
				
				div#adverts p {
					padding: 0px 0px 5px 0px;
					margin: 0px;
					width: 120px;
					text-align: center;
					font-size: 11px;
					line-height: 14px;
				}
				
					div#adverts p a {
						text-decoration: none !important;
					}
		
			div#pint_bottom {
				width: 120px;
				position: absolute;
				bottom: -25px;
				right: 8px;
				padding: 10px;
			}
	
	div#bottom {
		position: relative;
		width: inherit;
		height: auto;
		clear: both;
		margin: 0px;
	}
			
		div#footer table {
			width: 100%;
		}
			
			div#footer table td {
				vertical-align: middle;
				padding: 10px;
				margin: 0px;
			}
			
				div#footer table td.logo {
					text-align: center;
				}
				
				div#footer table td.text {
					text-align: left;
				}
			
					div#footer table td p {
						color: #FFFFFF;
						font-size: 11px;
						padding: 0px;
						margin: 0px;
					}
					
					div#footer table td a {
						color: #FFFFFF;
						text-decoration: none !important;
					}
					
						div#footer table td a:hover {
							color: #DCA11C;
							text-decoration: none !important;
						}

div.rounded { 
	width: auto; 
	padding: 10px; 
	background: #FFFFFF;
	height: auto;
		min-height: inherit;

		border-radius: 6px; 
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
} 

	div.rounded_corners_tr { 
		width: auto; 
		min-height: inherit;
		background: #FFFFFF url(../images/tr.jpg) no-repeat top right;
		/*background: #FFFFFF;*/
	}
	
	div.rounded_corners_tl { 
		min-height: inherit;
		background: transparent url(../images/tl.jpg) no-repeat top left;
	}
	
	div.rounded_corners_br { 
		min-height: inherit;
		background: transparent url(../images/br.jpg) no-repeat bottom right;
		/*background: transparent;*/
	}
	
	div.rounded_corners_bl { 
		background: transparent url(../images/bl.jpg) no-repeat bottom left;;
		padding: 10px;
		height: auto;
			min-height: inherit;
	}
	
div.roundedContent { 
	width: auto; 
	padding: 10px; 
	background: #FFFFFF;
	height: auto;
		min-height: inherit;

		border-radius: 6px; 
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
} 

	div.roundedContent_corners_tr { 
		width: auto; 
		min-height: inherit;
		background: #FFFFFF url(../images/tr.jpg) no-repeat top right;
		/*background: #FFFFFF;*/
	}
	
	div.roundedContent_corners_tl { 
		min-height: inherit;
		background: transparent url(../images/tl.jpg) no-repeat top left; 
		/*background: transparent;*/ 
	}
	
	div.roundedContent_corners_br { 
		min-height: inherit;
		background: transparent url(../images/br.jpg) no-repeat bottom right; 
		/*background: transparent;*/
	}
	
	div.roundedContent_corners_bl { 
		background: transparent url(../images/bl.jpg) no-repeat bottom left;
		/*background: transparent;*/
		padding: 10px;
		height: auto;
			min-height: inherit;
	}
	
div.roundedGold {
	padding: 15px;
	background: #DCA11C;

		border-radius: 6px; 
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
}

	div.rounded_cornersGold_tr {
		background: #DCA11C url(../images/gold-tr.jpg) no-repeat top right;
		/*background: #DCA11C;*/
		margin-bottom: -20px;
	}
	
	div.rounded_cornersGold_tl { 
		background: transparent url(../images/gold-tl.jpg) no-repeat top left; 
		/*background: transparent;*/
	}
	
	div.rounded_cornersGold_br { 
		background: transparent url(../images/gold-br.jpg) no-repeat bottom right;
		/*background: transparent;*/
	}
	
	div.rounded_cornersGold_bl { 
		background: transparent url(../images/gold-bl.jpg) no-repeat bottom left;
		/*background: transparent;*/
		padding: 15px;
	}
	
div.hidden {
	display: none;
}

.bold {
	font-weight: bold;
}
.small {
	font-size: 0.875em;
}