@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
	background: #c7a67b url(../images/bg.jpg);
	font: 70% Arial, Helvetica, sans-serif;
	
}

img {
	display: block;
	border: none;
	overflow:hidden;
}

a {
	text-decoration: none;
	color: #ac451a;
}

a:hover {
	text-decoration: underline;
	}

.master {
    position:relative;
	width: 834px;
	width: 825px;
	margin: 0 auto;
	padding-bottom:20px;
}
.shadow {
	overflow:hidden;
	background-repeat:no-repeat;
	background-image: url(../images/bkgdtexture.gif);
	background-position: 50% 0%; 
	z-index:1;
	}
.shadow1 {
    position:absolute;
	width: 145px;
	overflow:hidden;
	margin-left:-160px;
	height: 688px;
	background-image: url(../images/bkgdtexture1.gif);
	background-repeat:none;
	z-index:1;
	}
.shadow2 {
    position:absolute;
	width: 145px;
	overflow:hidden;
	margin-left:843px;
	height: 678px;
	background-image: url(../images/bkgdtexture2.gif);
	background-repeat:none;
	z-index:1;
	}

.header {
    position:absolute;
	margin-left:-20px;
	width: 869px;
	zoom: 1;
	background-image: url(../images/navbar.gif);
	background-repeat:none;
}

.header:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

	.header h1 {
		float: left;
		width: 152px;
	}
	
	.header li {
		float: left;
		list-style: none;
	}
	.header a {
		display:block;
	}	


.content {
	clear: both;
        padding-top:60px;
}
	
/* homepage specific */
.sidebar {
	clear: both;
	float: left;
	width: 131px;
	margin-left: -2px;
	position: relative;
}

	.sidebar li {
		list-style: none;
		display: inline; /* ie fix */
	}
	
	.sidebar li a {
		display: block;
		width: 100%; /* ie fix */
		text-indent: -9999px;
		background-repeat:no-repeat;
	}
	
		.sidebar .sbWhatsNew a{
			background-image: url(../images/whats-news.gif);
			height:235px;overflow:hidden;
			}
		.sidebar .sbNews a{
			background-image: url(../images/news-scuttlebutt-bribery.gif);
			height:84px;overflow:hidden;
			}
			.sidebar .sbBarFinder a{
			background-image: url(../images/home-bar-finder.gif);
			height:84px;
			overflow:hidden;
			}
		.sidebar .sbBrewBars a{
			background-image: url(../images/macs-brewbars.gif);
			height:67px;overflow:hidden;
			}
		.sidebar .sbContact a{
			background-image: url(../images/contactus.gif);
			height:32px;overflow:hidden;
			}
			
		.sidebar .sbTermsConditions {
			width:38px;
			float:left;
			}
			.sidebar .sbTermsConditions a{
				background-image: url(../images/terms-and-conditions.gif);
				height:23px;
				width:38px;
				}
		.sidebar .sbPrivacy {
			width:91px;
			float:left;
			}			
			.sidebar .sbPrivacy a{
				background-image: url(../images/privacy-policy.gif);
				height:23px;
				width:91px;
				}
		.sidebar .sbRegister {
			display:block;
			clear:both;
			}

		.sidebar .sbRegister a{
			background-image: url(../images/membership.gif);
			height:53px;
			}
		.sidebar .sbLogin a{
			background-image: url(../images/members-login.gif);
			height:24px;
			}
        .sidebar .sbUpdateProfile a{
			background-image: url(../images/sbUpdateProfile.gif);
			height:53px;
			clear:both;
			}
        .sidebar .sbLogout a{
			background-image: url(../images/sbLogout.gif);
			height:24px;
			}
		.sidebar .sbDrinkRespon a{
			background-image: url(../images/drink-responsibly.gif);
			height:30px;
			}




.beer-links {
	width: 703px;
	height: 700px;
	float: left;
	position: relative;
	margin-right: -7px;
	background-image:url(../images/welcome-to-macs.gif);
	background-repeat:no-repeat;
}
	
	.beer-links li {
		list-style: none;
	}
	
	.beer-links .introduction {
		clear: both;
		text-indent: -9999px;
	}
	
	.beer-links a {
		position: absolute;
		background-repeat: no-repeat;
		display: block;
	}
	
		.beer-links a img {
			display: block;
			width: 100%;
			height: 100%;
		}
	
	.beer-links a.scuttlebut {
		width: 295px;
		height: 26px;
		left: 193px;
		top: 272px;
	}
	
		.beer-links a.scuttlebut:hover {
			background-image: url(../images/scuttlebutt-bribery-hi.gif);
		}
	
	.beer-links a.sassy {
		width: 195px;
		height: 35px;
		left: 506px;
		top: 297px;
	}
	
		.beer-links a.sassy:hover {
			background-image: url(../images/sassy-red-hi.gif);
		}
	
	.beer-links a.spring {
		width: 260px;
		height: 37px;
		left: 0;
		top: 332px;
	}
	
		.beer-links a.spring:hover {
			background-image: url(../images/spring-tide-hi.gif);
		}
		
	.beer-links a.spring {
		width: 260px;
		height: 37px;
		left: 0;
		top: 332px;
	}
	
		.beer-links a.spring:hover {
			background-image: url(../images/spring-tide-hi.gif);
		}
		
	.beer-links a.black {
		width: 208px;
		height: 37px;
		left: 260px;
		top: 332px;
	}
	
		.beer-links a.black:hover {
			background-image: url(../images/black-mac-hi.gif);
		}
		
	.beer-links a.hop {
		width: 233px;
		height: 37px;
		left: 468px;
		top: 332px;
	}
	
		.beer-links a.hop:hover {
			background-image: url(../images/hop-rocker-hi.gif);
		}
		
	.beer-links a.white {
		width: 234px;
		height: 34px;
		left: 0px;
		top: 369px;
	}
	
		.beer-links a.white:hover {
			background-image: url(../images/great-white-hi.gif);
		}
	
	.beer-links a.dance {
		width: 200px;
		height: 34px;
		left: 234px;
		top: 369px;
	}
	
		.beer-links a.dance:hover {
			background-image: url(../images/sun-dance-hi.gif);
		}
		
	.beer-links a.gold {
		width: 190px;
		height: 34px;
		left: 511px;
		top: 369px;
	}
	
		.beer-links a.gold:hover {
			background-image: url(../images/macs-gold-hi.gif);
		}
		
	.beer-links a.light {
		width: 200px;
		height: 30px;
		left: 0px;
		top: 436px;
	}
	
		.beer-links a.light:hover {
			background-image: url(../images/macs-light-hi.gif);
		}
			
	.beer-links a.ginger {
		width: 290px;
		height: 29px;
		left: 273px;
		top: 436px;
	}
	
		.beer-links a.ginger:hover {
			background-image: url(../images/macs-ginger-beer-hi.gif);
		}
		
	.beer-links a.contact {
		width: 171px;
		height: 28px;
		left: 215px;
		top: 465px;
	}
	
		.beer-links a.contact:hover {
			background-image: url(../images/contactus-body-hi.gif);
		}
		
	.beer-links a.tv {
		width: 98px;
		height: 28px;
		left: 599px;
		top: 465px;
	}
	
		.beer-links a.tv:hover {
			background-image: url(../images/watch-tvads-hi.gif);
		}
/* /homepage specific */

/* news specific */
h2.news {
	margin-left:10px;
        margin-bottom:15px;
        height:50px;
        weidth:600px;
	background-image: url(../images/news/news-scuttlebutt-bribery.gif);
        background-repeat:no-repeat;
	text-indent: -9999px;
}

.news-listing  {}

	.news-item  {
		margin: 0 0 20px;
		clear: both;
		zoom: 1;
		width: 665px;
	}
	
	.news-item:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	
	.news-item .news-pic {
		float: left;
		width: 165px;
	}
	
		.news-item .news-pic img {
			margin: 0 auto;
		}
	
	.news-item h3 {
		margin-left: 175px;
		text-transform: uppercase;
		font-size: 1.5em;
	}
	
	.news-item p {
		margin-left: 175px;
	}
	.news-archive p {
		margin-left: 175px;
	}

	.news-listing a {
		text-decoration:underline;
	}
	
	.black, .black a { color: #000; }
	.red, .red a { color: #aa431d; }
	.blue, .blue a { color: #025560; }
	.white, .white a { color: #f2ebe1; }
	.brown, .brown a { color: #653300; }
	.moss, .moss a { color: #504e32; }

/* /news specific */

/* forms specific */
.form {
	width: 553px;
	margin: 0 auto;
	padding: 0 0 20px;
	background: url(../images/forms/hr.gif) 0 100% no-repeat;
}

.form .bar {
	width: 553px;
	margin-bottom: 20px;
	padding: 5px 0;
	background: url(../images/forms/hr.gif) 0 100% no-repeat;
}

	/* register */
	.form .register-signup {
		width: 553px;
		height: 188px;
		background: url(../images/forms/register-sign-up-here.gif) no-repeat;
		text-indent: -9999px;
		margin: 45px 0 20px;
	}
	
	
	.form h3.membership-details {
		background: url(../images/forms/your-membership-details.gif) no-repeat;
		width: 553px;
		height: 46px;
		text-indent: -9999px;
		margin: 0 0 15px;
	}
	
	.form fieldset {
		border: none;
	}
	
	.form label {
		display: block;
		margin: 0 0 12px;
		clear: both;
		zoom: 1;
	}
	
	.form label:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	
		.form label span {
			float: left;
			width: 220px;
			margin-right: 10px;
			margin-top: 3px;
			height: 18px;
			background-repeat: no-repeat;
			background-position: 100% 50%;
			text-indent: -9999px;
		}
		
		.form label .large {
			float: left;
			width: 410px;
			margin-right: 10px;
			margin-top: 3px;
			height: 18px;
			background-repeat: no-repeat;
			background-position: 100% 50%;
			text-indent: -9999px;
		}
		
		.form label .small {
			float: left;
			width: 125px;
			margin-right: 10px;
			margin-top: 3px;
			height: 18px;
			background-repeat: no-repeat;
			background-position: 100% 50%;
			text-indent: -9999px;
		}
		
		
			.form .nickname span {
				background-image: url(../images/forms/nickname.gif);
			}

			
			.form .email span {
				background-image: url(../images/forms/email.gif);
			}
			
			.form .password span {
				background-image: url(../images/forms/password.gif);
			}
			
			.form .confirm-password span {
				background-image: url(../images/forms/confirm-password.gif);
			}
			
			 /* edit */
			.form .current-password span {
				background-image: url(../images/forms/current-password.gif);
			}
		
                /* new reg */
			.form .reg-firstname span {
				background-image: url(../images/forms/reg-firstname.gif);
			}
			.form .reg-surname span {
				background-image: url(../images/forms/reg-surname.gif);
			}
			.form .reg-mobile span {
				background-image: url(../images/forms/reg-mobile.gif);
			}
			.form .reg-email span {
				background-image: url(../images/forms/reg-email.gif);
			}
			.form .reg-dob span {
				background-image: url(../images/forms/reg-dob.gif);
			}
			.form .reg-city span {
				background-image: url(../images/forms/reg-city.gif);
			}
			.form .reg-favbar span {
				background-image: url(../images/forms/reg-favbar.gif);
			}
			.form .reg-pass span {
				background-image: url(../images/forms/reg-pass.gif);
			}
			.form .reg-confirm-pass span {
				background-image: url(../images/forms/reg-confirm-pass.gif);
			}
			.form .reg-tcs span {
				background-image: url(../images/forms/reg-tcs.gif);
			}
			.form .reg-optin span {
				background-image: url(../images/forms/reg-optin.gif);
			}
			
	/* login */
	
	.form .login {
		width: 553px;
		height: 128px;
		background: url(../images/forms/login.gif) no-repeat;
		text-indent: -9999px;
		margin: 45px 0 10px;
	}
	
	.form .login-button {
		position:absolute;margin-left:380px;margin-top:-70px;
	}
	
	.form .login-submit-button {
		position:absolute;margin-left:380px;margin-top:-70px;
	}
	
	.form .forgot img {
		margin-left: 134px;
	}
	
		    .form .login-email span {
				background-image: url(../images/forms/reg-email.gif);
			}
			.form .login-pass span {
				background-image: url(../images/forms/reg-pass.gif);
			}
	
	/* update / edit */

	.form .update-button {
		margin-left:299px;
	}
	
	.form .update-details {
		width: 553px;
		height: 60px;
		background: url(../images/forms/update-details.gif) no-repeat;
		text-indent: -9999px;
		margin: 45px 0 0px;
	}

		.form label input {
			float: left;
			width: 200px;
			padding: 3px 5px;
			background: #e9dbca;
			border: none;
			font: 1.2em Verdana, Arial, Helvetica, sans-serif;
		}
		
		.form label select, .form select {
			float: left;
			width: 210px;
			background: #e9dbca;
			border: none;
			font: 1.2em Verdana, Arial, Helvetica, sans-serif;
		}
		
		.form label textarea {
			float: left;
			width: 200px;
			padding: 3px 5px;
			background: #e9dbca;
			border: none;
			font: 1.2em Verdana, Arial, Helvetica, sans-serif;
		}
		
		.form label .tick {
			float: left;
			width: 20px;
			padding: 3px 5px;
			background: #e9dbca;
			border: none;
			font: 1.2em Verdana, Arial, Helvetica, sans-serif;
		}
		
		.form .signmeup-button {
			margin-left: 280px;
		}
		.form .forgot-submit-button {
			margin-left: 186px;
		}
		
	/* /register */
	
	/* contact */
	.form .contact-heading {
		padding: 45px 0 14px;
		margin: 0 0 15px;
		background: url(../images/forms/hr.gif) 0 100% no-repeat;
	}
	
		.form .contact-heading h2 {
			width: 254px;
			height: 52px;
			background: url(../images/forms/contact-heading.gif) no-repeat;
			text-indent: -9999px;
		}
		
	.form .name span {
		background-image: url(../images/forms/name.gif);
	}
	

	.form .contact-email span {
		background-image: url(../images/forms/contact-email.gif);
	}
	
	.form .contact-phone span {
		background-image: url(../images/forms/contact-phone.gif);
	}
	
	.form .query-type span {
		background-image: url(../images/forms/query-type.gif);
	}
	
	.form .description span {
		background-image: url(../images/forms/description.gif);
	}
		
	.contact-form {
		background: none;
	}
	
		.contact-form fieldset {
			padding: 0 0 15px;
			margin: 0 0 7px;
			background: url(../images/forms/hr.gif) 0 100% no-repeat;
		}
		
			.contact-form label textarea {
				width: 380px;
				height: 150px;
			}
			
			.contact-form label span {
				width: 150px;
				margin-top: 2px;
			}
		
	.form .contact-button {
		margin-left: 160px;
	}
	
	.media-contact {
		font-size: 1.3em;
	}
	/* /contact */
	
	/* privacy policy */
	.privacy-policy {
		width: 553px;
		margin: 38px auto 0;
		color: #6f3604;
	}
	
		.privacy-policy h2 {
			background: url(../images/forms/hr.gif) 0 100% no-repeat;
			padding: 0 0 12px;
			margin: 0 0 5px;
		}
	/* /privacy policy */
	
/* /forms specific */

/* brewbars */
.brewbars {
	float: left;
}

	.macs-brewbars {
		width: 577px;
		height: 322px;
		background: url(../images/brewbars/macs-brewbars.gif) no-repeat;
		text-indent: -9999px;
		margin: 0 0 9px;
	}
	
	.bar-listings {
		padding-top: 5px;;
		background: url(../images/brewbars/hr.gif) 0 0 no-repeat;
	}
	
.barphotos {
	float: left;
	margin: 20px 0 0 21px;
}

.bar-nav {
	float: left;
	width: 127px;
	margin-right: 8px;
	margin-top: 10px;
}

	.bar-nav li {
		list-style: none;
		display: inline;
	}
	
	.bar-nav img {
		display: block;
		width: 127px;
	}
	
.bar-copy {
	float: left;
	width: 690px;
	margin-top: 10px;
	color: #673300;
}

	.bar-copy h2 {
		margin: 0 0 7px;
	}

         h2.bar-title {
height:80px;
	 text-indent: -9999px;
         }

	.bar-copy .col-a {
		float: left;
		width: 467px;
		margin-right: 12px;
	}
	
		.bar-copy .col-a p {
			margin: 7px 0;
		}
		
		.bar-copy .col-a .left {
			float: left;
			margin: 0 10px 7px 0;
		}
	
	.bar-copy .col-b {
		float: left;
		width: 211px;
	}
	
		.bar-copy h3 {
			width: 211px;
			margin: 0 0 10px;
		}
		
		.bar-copy .col-b h4 {
			text-transform: uppercase;
			font-size: 1.3em;
			margin: 7px 0 0;
			padding-left: 7px;
		}
		
		.bar-copy .col-b p {
			padding-left: 7px;
			font-size: 1.25em;
			line-height: 125%;
		}
	
.map img {
	width: 211px;
	height: 68px;
	display: block;
	margin: 0 0 10px;
}

.contact-brewbar img {
	margin: 7px 0 0;
}
/* /brewbars */

/* beers */
.beers-intro {
	padding: 10px 0 20px;
}

	h2.beers {
		float: left;
		width: 226px;
		height: 47px;
		background: url(../images/beers/beers.gif) no-repeat;
		text-indent: -9999px;
	}
	
	.beer-icons li {
		float: left;
		list-style: none;
	}
	
	.beers-intro p {
		clear: both;
		width: 817px;
		height: 121px;
		background: url(../images/beers/beers-intro.gif) no-repeat;
		text-indent: -9999px;
	}

.beer-list {}

.beer-list img {
	margin: 0 15px 20px 0;
	float: left;
}

.beer-detail {
	clear: both;
	width: 758px;
	margin: 0 auto;
	height:491px;
}
	.beer-detail h2 {
		width: 190px;
		height: 491px;
		float: left;
		display: inline;
		overflow: hidden;
	}
	.beer-detail p {
		width: 400px;
		height: 491px;
		float: left;
		display: inline;
		overflow: hidden;
	}
	.beer-detail p span, 
	.beer-detail h2 span{
		display: block;
		width: 100%;
		height: 100%;
		text-indent: -9999px;
	}
	
/* /beers */

/* tvads */
.tvads {
	width: 754px;
	margin: 30px auto;
}

.tvads .col-a {
	width: 130px;
	margin-right: 7px;
	float: left;
	padding-top: 36px;
	zoom: 1;
}

	.tvads .col-a img {
		margin: 0 0 6px auto;
                position: relative;
                z-index: 400;
	}
	
	.tvads .col-a img.hi {
		padding-left: 56px;
		background: url(../images/tvads/hand-left.gif) 0 50% no-repeat;
		cursor: pointer;
	}
/* position new icons */
        .newvideo15 {
		position:absolute;
		left:74px;
		z-index:300;
		margin-top:-15px;
		background:url(../images/tvads/newsplash.gif) no-repeat; 
		height:50px;
		width:50px;
		}

.tvads .col-b {
	width: 480px;
	margin-right: 7px;
	float: left;
}

	.tvads .col-b h2 {
		height: 80px;
		clear: both;
		text-indent: -9999px;
		background-image:url(../images/tvads/macs-on-tv.gif);
		background-repeat:no-repeat; 
	}
	
	.tvads .col-b h3 {
		height: 77px;
		clear: both;
		text-indent: -9999px;
		background-image:url(../images/tvads/made-using-couch-potatoes.gif);
		background-repeat:no-repeat; 
	}
	
.tvads .col-c {
	width: 130px;
	float: left;
	padding-top: 36px;
	zoom: 1;
}

	.tvads .col-c img {
		margin: 0 0 6px 0;
	}
	
	.tvads .col-c img.hi {
		padding-right: 56px;
		background: url(../images/tvads/hand-right.gif) 100% 50% no-repeat;
		cursor: pointer;
	}
	
.tvads .video {
	background: #000;
	min-height: 360px;
}
#videodiv {
        height:360px;
}

/* /tvads */

/* generic */
.generic {
	color: #6f3604;
}

.generic h2 {
	padding: 15px 0 20px;
}
/* /generic */

h2.barFinder{
		margin-left:10px;
        margin-bottom:15px;
        height:121px;
        weidth:817px;
		background-image: url(../images/bar-finder-title.png);
        background-repeat:no-repeat;
		text-indent: -9999px; 
		overflow:hidden;
}

/* user templates */

.usertemp {padding-left:20px;}
.usertemp h1 {margin-top:3px;font-size:30px;line-height:30px;color:#765544;text-transform:uppercase}
.usertemp ul {margin: 15px 0;padding:12px;background-color:#d1b086}
.usertemp li {margin-left:30px;}

/* user templates */


/* login */


	.login a.reg {
		width: 233px;
		height: 37px;
		left: 68px;
		top: 32px;
	}
	
		.login a.reg:hover {
		}