/* - - - - - © Bridge Road Brewers 2009 ------------------------------------------------- */

/* ------------------------------------------------- default elements  - - - - - */

		html, body {
	font-size: 10pt;
	margin:0;
	padding:0;
	text-align:center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
		}		
		
		h1 {
				font-family: Georgia, "Times New Roman", Times, serif;
				border-bottom: 1px solid #9f9d93;
				font-weight: normal;
				font-size: 16pt;
				color: #9f9d93;
		}
		
		h2 {
				font-size: 16px;
		}	
		
		
		div {
				padding: 0px;
				margin: 0px;
		}

		a:link, a:active, a:visited {
				color: #660000;
				text-decoration: underline;
		}
		
		a:hover {
				text-decoration: none;
		}
		
		img {
				border: 0px;
		}

/* ------------------------------------------------- page layout  - - - - - */
 
		#maincontainer { 
				 width: 980px; 
				 text-align:left;  
				 margin-left:auto; 
				 margin-right:auto;
				 background: #FFFFFF;
		} 
 
		#header {
	position:relative;
	height: 225px;
	width: 100%;
	background-image: url(../images/header.jpg);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center center;
		} 
		
		#maincol {
				 background-color: #FFFFFF;  
				 float: left; 
				 display:inline; 
				 width: 680px;
		 }
		 
		 #lefttcol {
				 width: 300px; 
				 float: left; 
				 min-height: 450px;
				 background-color: #FFFFFF;
		 }
		
		#rightcol {
				 width: 300px; 
				 float: left; 
				 min-height: 450px;
				 background-color: #FFFFFF;
		 }
		 
	
		 #maincolfull {
				 background-color: #FFFFFF;  
				 float: right; 
				 display:inline; 
				 width: 100%;
		}
		 
		#footer {
				min-height: 35px;
				background: #FFFFFF;
				padding: 15px 0px 10px 0px;
				clear:both;
		 }

/* ------------------------------------------------- page content  - - - - - */
	
		.contentsection {
					 background-color: #FFFFFF;
					 min-height: 150px;
					 margin: 35px;
	/*				 border: solid 1px red;	*/
		 }
		 
		 .contentsection div, .contentsection p, .contentsection span, .contentsection td {
				line-height: 1.6;
				text-align: justify;
		}
			 
		.contentsectionbottom {
					background: #FFFFFF;
					min-height: 250px;
					clear: both;
					width: 980px;
					margin: 0px;
		}
		
		.contentsection h1,  .contentsectionbottom h1 {
					margin-top: 0px;
		}
			
		.contentsectionbottom h3 {
					margin-top: 0px;
		}
			
		#footer p {
					margin: 0px;
					color: #000000;
					font-size: 9pt;
					font-weight: bold;
		}
		
		#footer .disclaimer {
					color: #000000;
					padding-top: 8px;
					font-weight: normal;
		}


		.Date {
		font-style: italic;
		color: #666666;
		}
/* ------------------------------------------------- two column content  - - - - - */

		
		#sectionleft{
					float: left;
					width: 650px;
					margin-right: 25px;
					margin-bottom: 35px;
		}
		
		#sectionright {
					clear: right;
					height: 340px;			
		}
		
		#sectionleft h2, #sectionright h2 {
					font-size: 16px;
		}	
	
			
	
/* ------------------------------------------------- gallery styles - - - - - */

		#GalleryContainer {
					width: 100%;
					margin-right: auto;
					margin-left: auto;
					min-height: 305px;
		}
		
		.GalleryAlbum {
					width: 140px;
					height: 165px;
					float: left;
					margin: 25px 52px 50px 0px;
					position: relative;
		}

		.GalleryAlbum img,	.GalleryAlbum img a {
					border: 0px;
		}
		
		.GalleryAlbum h3 {
					position: absolute;
					bottom: 35px;
					left: 0px;
					margin: 0px;
					font-size: 85%;
		}
		
		.GalleryAlbum h3 span {
					color: #999999;
					font-weight: 0px;
		}
		
		.GalleryAlbum p {
					font-size: 8pt;
					margin: 20px 0px 0px 0px;
					color: #666666;
					line-height: 1;
		}
		
		.GalleryHidden {
					visibility: hidden;
		}



/* ------------------------------------------------- beer detail screen - - - - - */

		#beerimageouter {
					float: left;
					margin-right: 25px;
		}
		
		#beerdetail {
					clear: right;
					height: 340px;
		}
		
		#beerdetail h2, #beermedals h2, #beerpayment h2 {
					font-size: 16px;
		}
		
		
		#beermedals {
					height: 150px;
		}
		
		#beerpayment {
					height: 250px;
		}
		
		#chevalierouter {
					width: 740px;
					margin-left: auto;
					margin-right: auto;
		}
		
		.beersize {
					float: right;
					width: 218px; 
					height: 170px;
					display: inline;
		}
		
		
/* ------------------------------------------------- Stockists Page - - - - - */

		#stockisttable {
					width: 100%;
		}
		
		#stockisttable td {
					font-size: 8pt;
		}

		
/* ------------------------------------------------- menu - - - - - */


		#menu {
		
				background: url('../images/menutop.gif') top center;
				padding-top: 6px;
		}
				
		
		#bluemenu {
				 position: relative; 
				 height: 30px; 
				 background: #701616 url('../images/menurepeat.jpg') repeat-y center center;
				 width: 100%;
				 text-align: center;
		}
		
		
		 .bluetabs {
		}
				
		.bluetabs ul {
				padding: 5px 0;
				margin-right: auto;
				margin-left: auto;
				margin-bottom: 0px;
				margin-top: 0px;
				font-size: 9pt;
				list-style-type: none;
				font-weight: bold;
				font-family: Georgia, "Times New Roman", Times, serif;
				text-align: left; /*set to left, center, or right to align the menu as desired*/
				width: 790px;
		}
				
		.bluetabs li {
				display: inline;
				margin: 0;
		}
				
		.bluetabs li a {
				text-decoration: none;
				padding: 10px 10px;
				color: #FFFFFF;
		}
				
		.bluetabs li a:visited {
				color: #FFFFFF;
		}
				
		.bluetabs li a:hover {
				text-decoration: underline;
				background: #932923;
				color: #F0F0F0;
		}
				
		.bluetabs li.selected {
		}
				
		.bluetabs li.selected a { /*selected main tab style */
				text-decoration: underline;
				color: #F0F0F0;
		}
				
		.bluetabs li.selected a:hover{ /*selected main tab style */
				text-decoration: none;
		}
				
		/* ######### Style for Drop Down Menu ######### */
				
		.dropmenudiv_b {
				font-family: Georgia, "Times New Roman", Times, serif;
				position:absolute;
				top: 0;
				font-size: 9pt;
				line-height:18px;
				z-index:100;
				background: #932923;
				width: 200px;
				visibility: hidden;
				padding: 0px;
				margin-top: -2px;
		}
				
				
		.dropmenudiv_b a {
				width: auto;
				display: block;
				text-indent: 5px;
				padding: 5px 5px 5px 8px;
				text-decoration: none;
				color: #FFFFFF;
		}
				
				* html .dropmenudiv_b a { /*IE only hack*/
				width: 100%;
		}
				
		.dropmenudiv_b a:hover { /*THEME CHANGE HERE*/
				background-color: #9f9d93;
		}
		
		
/* ------------------------------------------------- fixes and print styles  - - - - - */
		 
		 
		 /* *** Float containers fix:
		 http://www.csscreator.com/attributes/containedfloat.php *** */ 
		.clearfix:after {
				content: "."; 
				display: block; 
				height: 0; 
				clear: both; 
				visibility: hidden;
		 }
		 
		.clearfix {
				display: inline-block;
		}
		
		
		/* Hides from IE-mac \*/
		* html .clearfix {
				height: 1%;
		}
		
		.clearfix{
				display: block;
		}
		/* End hide from IE-mac */  
		
				 
		 /*printer styles*/ 
		 @media print{ 
		/*hide the left column when printing*/ 
		#leftcol{display:none;} 
		#twocols, #maincol{width:100%; float:none;}
		}