* {margin:0; padding:0; }
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, th, td { font: 12px 'Lucida Grande',Tahoma,sans-serif; color: #525252; }
li{list-style:none}
img {border: 0}
a img {border: 0}
a {color: #000; font:12px 'Lucida Grande',Tahoma,sans-serif; text-decoration: underline}
a:hover, a:focus, a:active {text-decoration: none}
a:focus, a:active {outline:none}
:focus { -moz-outline-style: none}
i { font-style: italic; }
b, b * { font-weight: bold; }

p{
	color: #525252;
	font:12px 'Lucida Grande',Tahoma,sans-serif;}

html, body{
	background:url(../images/taphunter_tileable_bkg.jpg);
	width:100%;
	height:100%;
	min-width:960px;}

.homepage-font * { font-size: 15px;}

#top {width: 100%; background-color: #38271E; height: 27px; }
#top-wrap { width: 950px; margin-right: auto; margin-left: auto; }

#wrap{
	width:960px;
	min-height:100%;
	height:auto !important;
	height:100%;	
	position:relative;
	margin:0 auto}

.wrap-in{
	width:100%;
	float:left}

/*#header{ background:url(../img/header-top-left.png) no-repeat; width:960px; float:left}
	.header{background:url(../img/header-top-right.png) no-repeat right 0; padding:0 6px; width:948px; float:left}
	.header-in{background:url(../img/bg-header.jpg) repeat-x;  width:948px; float:left; height:120px}*/

#header{ width:960px; }
	.header{ padding:0 6px; width:948px; }
	.header-in{ width:948px; height:100px; }
	
	.logo{width:104px; height:104px; padding:8px 0 0 32px; background:url(../img/logo.png) no-repeat 32px 8px; float:left; position:relative; z-index:100}
	.logo a{width:104px; height:104px; display:block}
	
	.header-in .icon{float:right; height:27px;}
	.header-in .icon ul{float:right; padding:5px 0 0 0px;}
	.header-in .icon li{padding:0 0 0 11px; float:left}
	.header-in .icon li p{padding:0 14px 0 0; color:#FFF; font:12px 'Lucida Grande',Tahoma,sans-serif}
	
	.nav{width:550px; float:right; height:27px}
	.nav ul{float:right; padding:7px 13px 0 0; }
	.nav ul li{float:right; padding:0 20px;}
	.nav ul li p a{color:#FFF; font:14px 'Lucida Grande',Tahoma,sans-serif; text-decoration:none;}
	.nav ul li p a:hover, .nav ul li:active p a {text-decoration:none; color: #798540; }

	.city{padding:5px 0 0 100px; float:left; width: 500px;}
	p.city-current{height:20px; background:#38271E; padding:5px 2px 0 2px; float:left}
	p.city-current, p.city-current * { color:#FFF; font:14px 'Lucida Grande',Tahoma,sans-serif; }
	p.city-current a{color:#FFF;}
	.city ul{display: none; float:left; position:relative; left:95px; padding:5px 5px 5px 5px; background-color: #38271E; width: 400px;}
	.city li{float:left}
	.city li h5{color:#F5E4D5; font:12px 'Lucida Grande',Tahoma,sans-serif; padding:0 10px 0 0}
	.city li p{padding:0 7px;}
	.city li p a{color:#FFF; font:12px 'Lucida Grande',Tahoma,sans-serif}

	.header-in .facebook-login { float: right; margin-top: 12px; color: #ffffff; }
	.header-in .facebook-login p { color: #ffffff; }
	.header-in .facebook-login a, .header-in .facebook-login a:visited, .header-in .facebook-login a:hover { color: #ffffff; }
	
	 /*.menu {background:url(../img/menu-left.png) no-repeat; width:960px; float:left;}
	.menu-bg{background:url(../img/menu-right.png) no-repeat right 0; width:948px; float:left; padding:0 6px}
	.menu-in{background:url(../img/bg-menu.jpg) repeat-x; width:948px; float:left; height:56px;}*/
	
	.menu { background-color: #38271E; width:960px; float:left; border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; }
	.menu-bg{ width:948px; float:left; padding:0 6px; }
	.menu-in{ width:948px; float:left; height:56px; }	

	.menu ul {padding:17px 0 0 5px; float:left}
	.header-subnav ul {padding:0px 13px 0 5px; float:left}
	.menu ul li, .header-subnav ul li {float:left; padding:0 4px}
	.menu ul li p, .header-subnav ul li p {float:left;}
	/*.menu ul li p:hover, .menu ul li.active p{background:url(../img/menu-item-left.jpg) no-repeat} 
	.menu ul li p:hover a, .menu ul li.active p a{background:url(../img/menu-item-right.jpg) no-repeat right 0; color:#000;}*/
	.menu ul li p:hover a, .menu ul li.active p a, .header-subnav ul li p:hover a, .header-subnav ul li active p a { color: #798540; }
	.menu ul li p a, .header-subnav ul li p a {float:left; display:block; padding:2px 20px 0 20px; height:18px; text-decoration:none; color:#fff; font-size: 18px;}
	
	.search{float:right; padding:15px 10px 0 0}
	.search label{display:block; float:right; color:#FFF; font:12px 'Lucida Grande',Tahoma,sans-serif; padding:3px 5px 0 0}
	.search input{width:140px; height:24px; padding:3px 3px 0 3px; display:block; float:right; color:#000; font:14px 'Lucida Grande',Tahoma,sans-serif arial; background:#fff; border:0}
	.btn-search{float:right; width:26px; height:26px; background: url(../glyphish/icons/06-magnify-white.png) no-repeat 4px 0; padding:0 0 0 4px}
	.btn-search input{width:26px; height:26px; cursor:pointer; background:none; border:0}

	.header-slidedeck { position: relative; margin: 10px 0 0 0; background-color: #fff; }
	.header-info{width:920px; height:271px; position:relative; margin:10px 0 0 0; background:url(../img/header-info.png) no-repeat; float:left; padding:20px;}
	.video-box{width:601px; height:271px; float:left}
	.video{width:350px; height:272px; float:left; color: #ffffff; font-weight: bold; text-align: center; font-size: 16px;}
	.video-info{width:220px; padding:0 0 0 20px; height:272px; float:left;}
	.video-info img{margin:0 0 25px 0}
	.video-info p{color:#A5A5A5; font:12px 'Lucida Grande',Tahoma,sans-serif; padding:0 0 25px 0}
	.video-info p a{color:#A5A5A5; font:12px 'Lucida Grande',Tahoma,sans-serif; text-decoration:none;}
	.round{width:100%; float:right;}
	.round li{float:right; padding:0 0 0 6px}
	.round li p{width:7px; height:7px; padding:0; font-size:1px; background:url(../img/round1.jpg) no-repeat;}
	.round li.active p{background:url(../img/round2.jpg) no-repeat;}
	
	.face-book{width:272px; height:272px; padding:0 30px 0 0; float:left; position:relative;}
	.face-book img{margin:0 0 15px 0}
	.face-book p{width:185px; float:left; color:#FFF; padding:0 0 3px 0; z-index: 500;}
	.face-book a{color: #ffffff;}

	.connect{width:107px; height:25px; float:left; padding:0 0 5px 0; clear:both}
	.connect a{width:107px; height:25px; display:block}

	.become{width:247px; height:28px; padding:47px 0 0 12px; background:url(../img/become.jpg) no-repeat; position:absolute; bottom:0; z-index:100;}
	.become-ad{padding: 0px; position:absolute; z-index:100; margin-left: -5px; margin-top: 125px;}
	.become-ad img {margin: 12px 0 0 0;}
	.bokal{width:156px; height:307px; background:url(../img/bokal.png) no-repeat; position:absolute; right:-10px; top:-15px;}

	.btn-signup{width:69px; height:19px; padding:0 0 0 10px; background:url(../img/btn-signup.jpg) no-repeat 10px 0; float:left}
	.become .btn-signup input{width:69px; height:19px; display:block; border:0; background:none; cursor:pointer}

	.become label{padding:3px 6px 0 0; float:left; color:#FFF; font:12px 'Lucida Grande',Tahoma,sans-serif}
	.become input{width:107px; height:18px; padding:3px 3px 0 3px; display:block; float:left; color:#000; font:12px 'Lucida Grande',Tahoma,sans-serif arial; background:#B1B1B1; border:0}

#content{
	width:960px;
	float:left;
	position:relative;
	padding:20px 0 0 0;
	background-color: #fff;
	/*background:url(../img/bg-content.jpg) repeat-y
	 */}

	.content-bottom{background:url(../img/content-bottom.png) no-repeat; width:960px; height:7px; font-size:1px; position:relative; bottom:-7px; left:0px; clear:both}

.right{
	padding:0 8px 0 0;
	width:310px;
	float:right;}

	.banner{margin:0 0 18px 0; float:left; width: 300px;}
	.banner img {margin-left: auto; margin-right: auto; display: block;}

	.testing{background:url(../img/testing.jpg) no-repeat; width:299px; height:125px; margin:0 0 16px 0; float:left}
	.testing h4{color:#FFF; font:12px 'Lucida Grande',Tahoma,sans-serif; float:left; padding:60px 0 0 18px}
	.testing h4 a{color:#FFF; font:bold 12px 'Lucida Grande',Tahoma,sans-serif}
	.testing h4 span.price1{color:#E85C3C; font:bold 12px Tahoma}
	.testing h4 span.price2{color:#7E7E7E; font:bold 12px Tahoma}
	.privacy{right:90px; top:80px; position:relative; float:right; text-align:right}
	.privacy a{color:#010000; font:11px 'Lucida Grande',Tahoma,sans-serif}

	.tap-tweeps{width:310px; float:left; background:url(../img/tap-tweeps-bg.jpg) repeat-y; margin:0 0 16px 0}
	.tap-tweeps ul{margin:-10px 0 0 0; width:300px; float:left}
	.tap-tweeps ul li{background:url(../img/tap-tweeps-line.jpg) no-repeat 0 bottom; width:300px; padding:12px 0 12px 12px; float:left}
	.tap-tweeps-last{background:none; padding-bottom:0;}
	.tap-tweeps img{border:1px solid #020403; margin:0 12px 0 0; float:left}
	.tap-tweeps li div{width:196px; float:left; margin:-4px 0 0 0}
	.tap-tweeps li h5 span{color:#346623; font:bold 12px Tahoma}
	.tap-tweeps li h5 a{text-decoration:none;}
	.tap-tweeps li h5{color:#000; font:12px 'Lucida Grande',Tahoma,sans-serif;}
	.tap-tweeps li p{color:#919090; font:12px 'Lucida Grande',Tahoma,sans-serif;}
	.tap-tweeps div {margin-left: auto; margin-right: auto;}
	.tap-tweeps-bottom{background:url(../img/tap-tweeps-b.jpg) no-repeat 0 bottom; height:10px; font-size:1px; float:left}

	.tweeps, .facebooks{background:url(../img/tap-tweeps.jpg) no-repeat; width:250px; height:50px; padding:12px 60px 0 0; text-align:right; color:#B65300; font:18px Tahoma;}
	.facebooks{background:url(../img/tap-facebook.jpg) no-repeat;}

	.craft, .iphone, .leader-long {width:272px; height:50px; padding:12px 0 0 60px; color:#B65300; font:18px Tahoma;}
	.craft{background:url(../img/tap-craft.png) no-repeat;}
	.iphone{background:url(../img/tap-iphone.jpg) no-repeat;}
	.leader-long{background:url(../img/tap-leader-long.png) no-repeat;}

	.leader, .blog, .craft-short, .search-bar, .search-bar-small, .loc-short, .brewery-short {background:url(../img/tap-leader.png) no-repeat; width:227px; height:50px; padding:12px 0 0 60px; color:#B65300; font:18px Tahoma;}
	.search-bar { background:url(../img/tap-search.png) no-repeat; }
	.search-bar-small { background:url(../img/tap-search-small.png) no-repeat; }
	.blog{background:url(../img/tap-blog.jpg) no-repeat;}
	.craft-short { background:url(../img/tap-craft-short.jpg) no-repeat; }
	.loc-short { background:url(../img/tap-loc-short.png) no-repeat; }
	.brewery-short { background:url(../img/tap-brewery-short.png) no-repeat; }
	

	.tap-iphone-in ul{width:100%; float:left}
	.tap-iphone-in ul li{width:50%; float:left}
	.tap-iphone-in li img{margin:0 auto; float:none; display:block;}

	.download{width:116px; height:19px; padding:16px 0 0 0; background:url(../img/download.jpg) no-repeat 0 16px; margin:0 auto; clear:both}
	.download a{width:116px; height:19px; display:block}

.container{
	width:640px;
	float:left}

.left-cont{
	width:339px;
	padding:0 0 0 8px;
	float:left}

	.tap-iphone{width:332px; float:left; background:url(../img/tap-iphone-bg.jpg) repeat-y; margin:0 0 16px 0;}
	.tap-iphone-bottom{height:5px; font-size:1px; float:left; width:100%}
	.tap-iphone-in{padding:0 0 0 18px; width:300px; float:left;}
	.tap-iphone img{float:left; margin:0 8px 5px 0}	
	.tap-iphone p{padding:0 0 12px 0}

	.craft-tab{padding:12px 0 20px 18px; float:left}
	.craft-tab li{float:left; padding:0 2px 0 0;}
	.craft-tab li p{color:#FEFEFE; font:bold 12px Tahoma; text-align:center; width:100px; height:17px; padding:2px 0 0 0;background:url(../img/craft-tab2.jpg) no-repeat; cursor:pointer}
	.craft-tab li p a {color: #fefefe; font:bold 12px Tahoma; text-decoration: none;}
	.craft-tab li.active p{background:url(../img/craft-tab1.jpg) no-repeat}
	.craft-tab p{padding:0 0 12px 0}

.right-cont{
	width:227px;
	float:left}

	.tap-leader{width:277px; float:left; background:url(../img/tap-leader-bg.jpg) repeat-y; margin:0 0 16px 0}
	.tap-leader-bottom{height:5px; font-size:1px; float:left; width:100%}
	.tap-leader-in{float: right; padding:0 5px 0 0; width:250px; }
	.tap-leader-in li{padding:0 8px 8px 0; width:250px; height: 60px; }
	.tap-leader-in li div{width:240px; background:url(../img/double-line.jpg) repeat-x 0 bottom; padding:15px 0 0 10px;}
	.tap-leader-in li div p{padding:0 0 5px 0; color:#346623; font:bold 12px Tahoma; width: 100%;}
	.tap-leader-in li div p a{color:#346623; font:bold 12px Tahoma; text-decoration:none}
	.tap-leader-in li div span{display:block; position:relative; top:2px; float:right; background:#FFF; color:#000; font:12px 'Lucida Grande',Tahoma,sans-serif}
	.tap-leader-in img{border:1px solid #000; margin:0 10px 0 0;float:left;}
	


	.tap-blog-in{width:100%; float:left; position:relative; margin-top:-12px;}
	.tap-blog-in * { font-size: 15px;}
	.tap-blog-in li{padding:5px; width:100%; float:left; border-bottom:thin solid #d0d0d0;}
	.tap-blog-in li.blog-last{background:none;}
	.tap-blog-in li p span{text-align:right; color:#346623; float:right}
	.tap-blog-in li p img { float: left; width: 100px; height: 100px; margin-right: 10px; margin-top: -15px;}
	.tap-blog-in .blog-headline { margin-left: 110px; }
	.read-all a{color:#346623; font:12px 'Lucida Grande',Tahoma,sans-serif; clear:both; float:right}

	.big-banner{width:606px; height:98px; background:url(../img/big-banner.jpg) no-repeat 20px 50px; padding:50px 0 20px 20px; float:left; position:relative;}
	.big-banner p.name{padding:58px 0 0 50px; float:left; color:#FFF;}
	.big-banner .best{left:190px; top:80px; position:absolute; color:#FFF;}
	.big-banner .best a{color:#FFF; font:bold 12px Tahoma}
	.big-banner .best a span{color:#E85C3C; font:bold 12px Tahoma}

	.big-banner .buy-new{left:190px; top:105px; position:absolute; color:#FFF;}
	.big-banner .buy-new span{color:#7E7E7E; font:bold 12px Tahoma}
	.big-banner .privacy{position:absolute; top:105px; left:250px; width:200px; }
	.big-banner .privacy a{color:#7E7E7E; font:12px 'Lucida Grande',Tahoma,sans-serif}

.clear{
	clear:both;
	height:220px;}


	.foot-logo{padding:0 0 0 20px; width:140px; height:124px; float:left}
	.foot-logo a{width:140px; height:124px; display:block}

	.footer-bg{background:url(../img/footer-right.png) no-repeat right 0; float:right;height:126px; width:788px; padding:0 8px 0 0}
	.footer-in{background:url(../img/bg-footer.png) repeat-x; float:left; height:126px; width:788px;}
	.foot-nav{padding:20px 0 0 55px; float:left; width:200px;}
	.foot-nav ul{width:200px; float:left}
	.foot-nav ul li{width:49%; float:left}
	.foot-nav p a{color:#FFF; text-decoration:none; line-height:16px;}
	.foot-nav p a:hover{text-decoration:underline;}

	.copyright{width:260px; padding:25px 0 0 0; float:left}
	.copyright p{color:#989898; font:12px Tahoma; text-align:center; padding:0 10px 0 0; float:left}

	.copyright .icon{float:left; height:27px; padding:5px 0 0 0;}
	.copyright .icon ul{float:left; padding:5px 0 0 70px;}
	.copyright .icon li{padding:0 11px 0 0; float:left}
	.copyright .icon li p{padding:0 14px 0 0; color:#FFF; font:12px 'Lucida Grande',Tahoma,sans-serif}
	

.display-data{
	width:332px; float:left; background:#ffffff repeat-y; margin:0 0 16px 0;
	font: 10px 'Lucida Grande',Tahoma,sans-serif;
}
.display-data-font *{ font: 11px 'Lucida Grande',Tahoma,sans-serif; }
.display-data .craft {font:18px Tahoma;}

.display-data-right{
	width:277px; float:left; background: #fff repeat-y; margin:0 0 16px 0;
	font: 10px 'Lucida Grande',Tahoma,sans-serif;
}

.display-text-font, .display-text-font *{
	font-size: 12px;
}
.header-bigmap{width:960px; height:311px; position:relative; margin: 0; background-color: #38271E; float:left;}
.head-bigmap-right { padding: 20px 0 0 0px; position: absolute; top: 0; right: 0;}

.header-bottom-container { position:relative; width: 960px; height: 20px; color: #ffffff; background: #38271E; margin: 0px; float: left; z-index: 20; }
.header-bottom-container a { color: #ffffff; margin-top: 0px;}
.header-bottom-container img {margin-top: 2px; margin-left: 5px; float: right;}
#header-bottom-left, #header-bottom-right { width: 200px; height: 20px; position: absolute; top: 0; right: 0; text-align: right; margin-right: 5px;}

.left-cont-full{
	width:610px;
	padding:0 0 0 8px;
	float:left}
	
.craft-full{background:url(../img/tap-craft-full.png) no-repeat; width:560px; height:50px; padding:12px 0 0 60px; color:#B65300; font:18px Tahoma; font-weight: bold; }
.loc-full{background:url(../img/tap-loc-full.png) no-repeat; width:560px; height:50px; padding:12px 0 0 60px; color:#B65300; font:18px Tahoma; font-weight: bold; }
.event-full{background:url(../img/tap-event-full.png) no-repeat; width:560px; height:50px; padding:12px 0 0 60px; color:#B65300; font:18px Tahoma; font-weight: bold; }
.craft-fullwidth{background:url(../img/tap-craft-fullwidth.png) no-repeat; width:930px; height:50px; padding:12px 0 0 60px; color:#B65300; font:18px Tahoma;}
.tap-bg-full{width:610px; float:left; margin:0 0 16px 0;}
.tap-in-full{padding:0 0 0 18px; width:580px; float:left;}
.tap-bottom-full{height:5px; font-size:1px; float:left; width:100%}
	
h1, .headline {font-size:18px !important; color:#B65300;}
h2, h3, h4 {font-size:14px !important;}

.tab-content-hidden { display: none;}
.tab-content { display: block;}
.header-subnav{width:920px; height:20px; margin:10px 0 0 0; float:left; padding:20px; background:#38271E; color:#F5E5D6; font:12px 'Lucida Grande',Tahoma,sans-serif;}
.header-subnav a { color:#ffffff; }
.header-subnav-right {width: 300px; float: right; color:#F5E5D6;}
.clear-small{clear:both;}
.headline {color:#B65300; font:18px Tahoma;}
.subheadline {color:#B65300; font:14px Tahoma; font-weight: bold;}
.cont-full-bottom{
	width:912px;;
	padding:0 0 0 8px;
	float:left}
.cont-full-bg {
	background: #ffffff;
}
.cont-full-in {
	padding:0 0 0 18px; float:left; background: #ffffff;
}

	.newsletter{width:247px; height:28px; padding:47px 0 0 12px; background:url(../img/become.jpg) no-repeat; margin-left: auto; margin-right: auto;}
	.newsletter-signup{width:69px; height:19px; padding:0 0 0 10px; background:url(../img/btn-signup.jpg) no-repeat 10px 0; float:left}
	.newsletter .newsletter-signup input{width:69px; height:19px; display:block; border:0; background:none; cursor:pointer}

	.newsletter label{padding:3px 6px 0 0; float:left; color:#FFF; font:12px 'Lucida Grande',Tahoma,sans-serif}
	.newsletter input{width:107px; height:18px; padding:3px 3px 0 3px; display:block; float:left; color:#000; font:12px 'Lucida Grande',Tahoma,sans-serif arial; background:#B1B1B1; border:0}

.rightlogos {width:175px; float:right; padding-top: 10px;}
.rightsignup {width:270px; float:right; padding-top: 10px;}
.lower-banner{padding:50px 0 20px 20px; float:left; position:relative;}

.promo-highlight{color:#B65300; font:18px Tahoma;}
.fix{ clear: both; height: 1px; }
.fix-right{ clear: right; height: 1px; }
.bottom-line{border-bottom: 2px solid #c9c9c9; width: 80%; margin-left: auto; margin-right: auto; }
.signup{background:url(../img/signup-bg.jpg) repeat-y; background-position: 9px 0px; margin:0 0 16px 0;}
.signup-top{background:url(../img/signup-bg-top.jpg) no-repeat 9px bottom; height:7px; font-size:1px; float:left; width:100%}
.signup-bottom{background:url(../img/signup-bg-bottom.jpg) no-repeat 9px bottom; height:7px; font-size:1px; float:left; width:100%}
.signup-content {margin: 0px 16px 5px 16px;}
.signup-headline {color: #346623; font-size: 20px;}
.bigger-text {font-size: 14px;}

.photo-frame { background-color: #272624; color: #ffffff; padding: 4px; font-size: 10px; text-align: center; }
.photo-frame img { margin: 2px; }
.photo-frame a {color: #ffffff; font-size: 8px;}
.float-right { float: right; }
.float-left { float: left; }
.redline { color: #a12910; }
.greenline { font-family: 'Lucida Grande',Tahoma,sans-serif; color: #346623; font-weight: bold; font-size: 18px; }
.whitebanner { background-color: #ffffff; border: 1px solid #000000; padding: 5px; width: 290px;  }
.centeredImage { width: 100%; text-align: center;}
.centeredImage img { display: block; margin: auto; }
.formWithLabels label { float:left; }
.formWithLabels br { clear: left; }
.formWithLabelsSmall label { width: 70px; }
.formWithLabelsSmall input { margin-bottom: 5px; width: 150px;  }
.writerprofiles { border: 1px solid #020403; width: 250px;  }
.writerprofiles-left { float: left; }
.writerprofiles-right { float: left; }
.light-text { color: #888888;}
.locBeerActions { }
.locBeerActions a { color: #525252; }

.content-tabbed { width: 100%; margin: 0 5px; }
.content-tabs { width: 100%; }
.content-tabs-3 div { width: 32%; margin: 0 3px; float: left;  }
.content-tab { border:thin solid #d0d0d0; border-bottom: none; background-color: #F8F8F8;  }
.content-tab:hover, .content-tab.active { background-color: #E6E6E6; }
.content-tab a { display: inline-block; height: 45px; line-height: 45px; position: relative; text-decoration: none; width: 100%; }
.content-tab-leaderboard i { background-image: url("/static/glyphish/icons/85-trophy.png"); background-repeat: no-repeat; display: inline-block; margin-left: 2px; margin-right: 2px; position: relative; top: 10px; height: 26px; width: 24px; }
.content-tab-favorites i { background-image: url("/static/glyphish/icons/28-star.png"); background-repeat: no-repeat; display: inline-block; margin-left: 2px; margin-right: 2px; position: relative; top: 10px; height: 26px; width: 24px; }
.content-tab-featured i { background-image: url("/static/glyphish/icons/28-star.png"); background-repeat: no-repeat; display: inline-block; margin-left: 2px; margin-right: 2px; position: relative; top: 10px; height: 26px; width: 24px; }
.content-tab-whattaphunter i { background-image: url("/static/glyphish/icons/88-beer-mug.png"); background-repeat: no-repeat; display: inline-block; margin-left: 2px; margin-right: 2px; position: relative; top: 10px; height: 26px; width: 24px; }
.content-tab-contents { clear: both; border:thin solid #d0d0d0; margin: 0 3px; display: block; padding: 10px 0 5px 0; }
#content-favorites ul { float: left; }
#content-favorites { display: none; }
.content-favorite { float: left; width: 285px; height: 55px; margin: 5px; padding: 0;}
.content-favorite img { margin-right: 10px; }

.content-tab-contents > div { margin: 5px; }
/*.content-tab-contents .headline { text-align: center; }*/
.content-tab-contents .right { float: right; padding:0 5px 0 0; width:250px; height: 100%; }
.content-tab-contents .copy { float: left; width: 310px; padding: 0;}

.get-started { border:thin solid #d0d0d0; background-color: #78AC26; color: #fff; margin-left: auto; margin-right: auto; }
.get-started a { display: inline-block;  position: relative; text-decoration: none; width: 100%; color: #fff; text-align: center; }
.get-started-large { width: 250px; height: 50px; -moz-border-radius: 15px; border-radius: 15px; }
.get-started-large a { height: 50px; line-height: 50px; font-size: 25px; }
.get-started-right { width: 200px; height: 30px; -moz-border-radius: 10px; border-radius: 10px; }
.get-started-right a { height: 30px; line-height: 30px; font-size: 15px; }

.slidedeck_frame p {margin: 1em 0; }
.slidedeck_frame li { padding: 5px; line-height: 1.6em; display: list-item; list-style-type: disc;}
.slidedeck_frame ol, .slidedeck_frame ul { margin-left: 17px; padding: 8px; width: 100%; }
.slidedeck_frame .aligncenter { display: block; margin-right: auto; margin-left: auto; }
.slidedeck_frame .alignright { float: right; margin: 0 0 1em 1em;}


.styledform { margin:0 auto; width:560px; padding:14px; }
.styledform .spacer{clear:both; height:1px;}
.styledform legend { font-size:14px; font-weight:bold; margin-bottom:8px; }
.styledform p {margin-bottom:20px; border-bottom:solid 1px #346623; padding-bottom:10px; }
.styledform label { display:block; font-weight:bold; text-align:right; width:140px; float:left; margin-top: 5px; clear: both;}
.styledform .labeldiv { display: block; width: 140px; float: left; margin-top: 0px; }
.styledform span.description { color:#666666; display:block; font-size:11px; font-weight:normal; text-align:right; width:140px; }
.styledform input { float:left; font-size:12px; padding:4px 2px; border:solid 1px #346623; width:360px; margin:2px 0 20px 10px; }
.styledform input[type=submit] { clear:both; margin-left:150px; width:125px; height:31px; background:#798540; text-align:center; color:#FFFFFF; font-weight:bold; font-size: 16px; }
.styledform input[type=checkbox] { width: auto; }
.styledform textarea { float:left; font-size:12px; padding:4px 2px; border:solid 1px #346623; width:360px; height: 180px; margin:2px 0 20px 10px; }
.styledform select { float:left; font-size:12px; padding:4px 2px; border:solid 1px #346623; width:360px; margin:2px 0 20px 10px; }
.styledform .multiinput {float: left; width: 360px; margin-bottom: 15px; }
.styledform .multiinput input, .styledform .multiinput textarea, .styledform .multiinput select, .styledform .multiinput p { float: none; margin-bottom: 5px; }
.styledform .multiinput input[type=checkbox] { float: none; margin-bottom: 0px; margin-top: 8px; }
.styledform .multiinput input[type=submit] { margin-left: 10px; }
.styledform .multiinput p { float:left; font-size:12px; padding:4px 2px; width:360px; margin:2px 0 5px 10px; border: 0px;}
.styledform .multiinput p.description { font-size:11px; padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom: 0px;}
.styledform .multiinput p.checkbox { display: inline; }
.styledform .multiinput p.checkbox * { display: inline; }
.styledform .multiinput table { margin: 2px 0 5px 10px; }
.styledform .multiinput label { display:inline; font-weight:normal; text-align:left; width:auto; float:none; margin-top: 5px; clear:none; }
.styledform .inputlabel { width: auto; text-align: left; margin-right: 10px; }
.styledform .tinymcediv {float: left; width: 360px; margin: 2px 0 20px 10px;}
.styledform div.invalid { float: left; width: 360px; margin: -10px 0px 15px 150px; color: red;}
.styledform input[type=submit].styled-button-icon-north { background: #78AC26 url('/static/glyphish/symbols/07-arrow-north.png') no-repeat 10px; }
.styledform div.styledlist { border: solid 1px #346623; padding: 8px 3px; margin: 5px 0;}
.styledform div.styledlist p { margin: 1em 0; padding: 0px; border-bottom: none; }
.styledform .mceLayout { float: left; margin-left: 10px; }

.styled-button { text-decoration: none; display: inline-block; zoom: 1; *display: inline; }
.styled-button { padding: 8px; background:#798540; border:solid 1px #346623; text-align:center; color:#FFFFFF; font-weight:bold; }
.styled-button:hover { background-color: #C2DB90; }
.styled-button-icon-save { background: #798540 url('/static/glyphish/symbols/13-plus.png') no-repeat 5px; padding-left: 25px; }
.styled-button-icon-west { background: #798540 url('/static/glyphish/symbols/05-arrow-west.png') no-repeat 5px; padding-left: 30px; }
.styled-button-large { font-size: 16px; }
.styled-button-table-header { border-bottom: 0; }
.styled-button-disabled, .styled-button-disabled:hover { background: #2C3033; cursor: auto; }

.ssl-button { background: #78AC26 url('/static/images/icons/lock-ssl.png') no-repeat 5px !important; }

.newtable {width:100%;text-align:left;border-collapse:collapse;}
.newtable th{font-size:13px;font-weight:normal;background:#798540;color:#fff;padding:8px;}
.newtable td{background:#EEE4D4; border-top:1px solid #fff; padding:8px;}
.newtable tr.rowextension td { border-top: 0;}
.newtable tr.whitebg td { background: #ffffff; }
.newtable tr.whitebg:hover td { background: #ffffff; }
.newtable tr:hover td{background:#D7CDBE;}
.newtable tr.recentrow td { background: #D7CDBE; }

.centered { margin-right: auto; margin-left: auto;}
.centered-text { text-align: center; }

.sharing-buttons div { float: left; padding: 0; margin: 0; height: 30px; width: 150px; }

.filterbar { font-size:13px; background:#F6DEB3; }
.filterbar .categorydiv {  padding:8px; padding-bottom: 15px;}
.filterbar .filterbar-header { background:#798540; border-bottom:1px solid #fff;color:#fff; padding: 8px;}
.filterbar input[type=text], .filterbar input[type=checkbox] { padding:1px 2px; border:solid 1px #346623; margin: 3px; }

.listheader * { font-size: 14px; }

.location-right-box { width: 250px; float: right; clear: right; font-size: 14px; }

.errorlist li { color: red; font-weight: bold;}
.job-description p { margin: 1em 0px; }

.bulk-add .main-beer-div { padding: 5px; }
.bulk-add input[type=text] { padding:4px 2px; border:solid 1px #346623; }
.full-option-box { width: 410px; float: left; padding: 10px 15px; -moz-border-radius: 15px; border-radius: 15px; }
.yellow-bg { background-color: #F6DEB3; }
.red-bg { color: #ffffff; background-color: #993333; }
.red-bg * { color: #ffffff; }
.red-bg input { color: #525252; }
.option-box-headline { color: #ffffff; font-size: 25px; float: left; margin-right: 5px; }

.socialblocks { display: inline-block; width: 130px; float: left; margin: 5px 4px 5px 2px; border: 1px solid #9A9A9A; background-color: #E6E6E6; text-decoration: none; font-size: 15px; padding: 3px 3px 3px 8px; height: 38px; line-height: 38px; }
.socialblocks-fluid { padding-right: 8px; margin-left: 4px; width: auto; }
.socialblocks:hover { background-color: #F8F8F8; }
.socialblocks img { float: right; margin-right: 5px; }

.successmessage { background-color: #C2DB90; border: solid 1px #346623; padding: 5px;}
.errormessage { background-color: #993333; border: solid 1px #FF0000; padding: 5px; color: white;}

.calendar-bg { float: left; margin: 0 5px 0 0; width: 65px; height: 65px; padding: 0; }
.calendar-bg div { font-size: 20px; margin: 27px 0 0 0; width: 65px; text-align: center; }

.pricingmatrix { width: 900px; margin-left: auto; margin-right: auto;}
.pricingmatrix td { text-align: center; background-color: #F3F3F3; }
.pricingmatrix td.highlight { background-color: #D8D8D8; }
.pricingmatrix th { text-align: center; font-size: 16px;}
.pricingmatrix th.highlight { font-size: 20px; font-weight: bold;}
.pricingmatrix td.left { text-align: left; background-color: #ffffff; }
.pricingmatrix .extra { font-size: 10px; }
.pricingmatrix td.left { font-weight: bold; }
.pricingmatrix td.left .extra { font-weight:normal; }
.pricingmatrix .action-button { background-color: #B65300; }

.beer-name { color: #38271E; font-size: 15px; }
.beer-name-rating { vertical-align: text-bottom; }
.recent { color: #798540; font-weight: bold; }
.favorite-beer a { color: #B65300; }
.addabv { color: #525252; }
.userActions { clear: both; background-color: #F4F1E8; padding: 5px; padding-left: 60px; }
.userActions a { color: #525252; }
.beer-page .userActions { padding-left: 15px; margin-top: 5px;  }
.beerListEntry { margin-bottom: 10px; margin-top: 5px; border-bottom: 1px #525252 solid; }
a.link-backwards { text-decoration: none; }
a.link-backwards:hover { text-decoration: underline; }

.favorite-beer, .favorite-beer-off:hover { color: #C3280A!important; }
.rateit-beer, .rateit-beer-off:hover { color: #FDB700!important; }
.hadit-beer, .hadit-beer-off:hover { color: #B65300!important; }
.wantit-beer, .wantit-beer-off:hover { color: #798540!important; }

.userActions2 { background-color: clear; padding-left: 15px; }

.beer-page-image { max-height: 200px; max-width: 200px; margin-left: auto; margin-right: auto; display: block; }
.beer-page-finerdetails { float: right; width: 200px; margin-left: 10px; padding: 5px; }

.sticky { position: fixed; top: 50px; }

#float-shortcuts { border: 1px solid #9A9A9A; width: 50px; height: 232px; background-color: #E6E6E6; position: fixed; top: 260px; padding: 2px; font-size: 12px; text-align: center; z-index:500; }
.float-shortcuts-button { display: inline-block; padding: 4px 0; margin: 0; width: 50px; height: 50px; color: #000000; text-decoration: none; }
.float-shortcuts-button:hover { background-color: #F8F8F8; }

#stats_month_rundown { height: 300px; float: right; width: 215px; }
.stats_box { height: 70px; padding-top: 25px; }
.stats_exposures { font-size: 20px; width: 100%; text-align: center; }
.stats_exposures_month { width: 100%; text-align: center; }
.stats_detail_box { float: left; width: 310px; }
.stats_detail_header { width: 100%; text-align: center; }
.stats_detail { width: 100%; text-align: center; }
.stats_detail > table { margin-right: auto; margin-left: auto; text-align: left; }
.stats_detail table tr td { vertical-align: top; }
.stats_description { padding: 10px; background-color: #F4F0E5; border: 1px solid #798540; margin: 0 5px 5px 5px; display: none;}
.stats_description ul { margin-left: 0; padding-left: 2.5em; }
.stats_description ul li { display: list-item; list-style-type: disc; }

.light-button { color: #798540; background-color: #ffffff; }
.feature-previews { display: none; }

.top-help { float: right; width: 120px; text-align: right; margin-right: 15px; margin-top: 20px; }
.top-help a { font-weight: bold; }

.event-date, .event-time { font-size: 14px; color: #798540; }
.event-title { font-size: 14px; }

#backgroundAd { width: 1260px; height: 560px; left: 50%; margin-left: -630px; top: 182px; z-index: 0; position: absolute; background-image: url(/static/images/ads/Beer-Con-Wrap.png); }
#backgroundAd a { width: 100%; height: 100%; display: block; }

.beerpricecell { display: none; }
td.beerpricecell { white-space:nowrap; }
th.beerpricecell { text-align: center; }

#had-it-pop { width: 600px; }
#had-it-pop * { font-size: 16px; }
#had-it-pop .display-data-font { font-size: 11px; }
#had-it-pop .section-head { font-size: 20px; font-weight: bold; color: #B65300; }
#had-it-rate-it { width: 600px; }
#had-it-rate-it .rating-box { width: 160px; border: 1px #38271E solid; text-align: center; height: 80px; background-color: #F4F1E8; }
#had-it-rate-it .rating-box:hover { background-color: #FDB700; }
#had-it-rate-it .rating-box-selected { background-color: #FDB700; }
#had-it-rate-it #rate-it-0 { margin-left: 20px; float: left; }
#had-it-rate-it #rate-it-2 { margin-right: 20px; float: right; }
#had-it-rate-it #rate-it-1 { margin-left: auto; margin-right: auto;  }
#had-it-rate-it a.rating-option { font-size: 25px; text-decoration: none; }
#review-it-review-text { border: 1px #38271E solid; padding: 5px; margin: 5px; background-color: #F4F1E8; }

.loadMoreButton { width: 562px; }
.loadMoreButton span.beersCount { font-weight: bold; font-size: 16px; }
.loadingMoreButton { width: 562px; background-color: #E6E6E6; color: black; display: none; }
.loadingMoreButton:hover { background-color: #E6E6E6; }



/* from custom2.css */

/* Standard HTML Elements */

th {
	color: #ffffff;
	background-color: #798540;
	text-align: left;
	padding: 3px;
}

/* Page elements */
.evenrow {
	background-color: #ffffff;
}

.bold {
	font-weight: bold;
}

table tr td {
	vertical-align: top;
	padding: 3px;
	margin: 3px;
}
 
.col1{
	width: 575px
}
.col2{
	width: 357px
}

.ui-widget-content a {
	color: #ff7800;
}

.featured-header {
	background: #262626;
	border: 0;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	font-family:Helvetica, sans-serif;
	height: 32px;
	line-height: 32px;
	margin: 0;
	padding: 0 0 0 15px !important;
	text-transform: uppercase
}

#topnav-left {
	float: left; 
	width: 575px;
}

#logo-image {
	float: left; 
	margin-right: 8px;
}

#title {
	font-size: 30px; 
	font-weight: bold;
}

#tagline {
	color: #798540;
}

#search-body {
	height: 36px;
	margin: 0 0 10pt 0;
	border: 1px solid #aaaaaa; 
	background: #f0efea url(/static/css/south-street/images/ui-bg_highlight-soft_100_f0efea_1x100.png) 50% top repeat-x; 
	color: #222222;
}

#search-body input{
	float: left;
	margin: 8px 14px 0 15px;
	width: 186px
}

#search-body .btn{
	border: 0;
	margin: 6px 0 0;
	padding: 0;
	width: auto
}

#search-body-box {
	width: 306px; 
	margin-left: auto; 
	margin-right: auto;
}

#beerfeed {
	vertical-align: middle;
}

#beerfeed img {
	margin-right: 5px;
}

.pagecontent {
	padding: 10px;
	font-size: 16px;
}

#sociallinks {
	margin-top: 0px; 
	float: right;
}

#sociallinks img {
	margin-top: 2px;
	margin-right: 10px;
}

#subnav {
	margin-top: 7px;
	margin-left: 10px;
	float: left;
	color: #ffffff; 
}


.beerchoices {
	width: 430px; 
	height: 150px; 
	overflow: auto; 
	background-color: #ffffff; 
	border: 1px solid #aaaaaa; 
	padding: 5px;
}

#loadingImage {
	width: 300px; 
	height: 150px; 
	overflow: auto; 
	background-color: #ffffff; 
	border: 1px solid #aaaaaa; 
	padding: 5px;
}

.fbhidden, .hidden {
	display: none;
}

.iconbox {
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 2px;
	position: relative;
	padding-top: 0px;
	padding-right: 0pt;
	padding-bottom: 0px;
	padding-left: 0pt;
	float: left;
}
.normallist li {
	list-style-type: disc;
	list-style-position: inside;
}
#marketList {
	width: 36%; 
	float: right; 
	border-left: 2px solid #798540; 
	padding-left: 5px;
}
.localTHs {
	padding: 5px; 
	margin: 5px; 
	background-color: #f0efea; 
	float: left; 
	border: 1px solid #262626; 
	text-align: center; 
	font-size: 50%;
}
.infobox {
	color: #ffffff;
	background-color: #798540;
	float: left;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	text-align: center;
}
.infobox .highlight {
	font-size: 1.7em;
}
.center {
	text-align: center;
	margin-left: auto; 
	margin-right: auto;
}
label.error { 
	color: red;
}
.formLayout {
	background-color: #f3f3f3;
	border: solid 1px #a1a1a1;
	padding: 10px;
}
    
.formLayout label, .formLayout input {
	display: block;
	width: 120px;
	float: left;
	margin-bottom: 10px;
}
 
.formLayout label {
	text-align: right;
	padding-right: 20px;
}

.formLayout br {
	clear: left;
}

.beerDescriptions {
	clear: both;
}

.location-description p {
	margin-bottom: 12px;
}

#eventsList .event { max-width: 580px; overflow: hidden;}
#eventsList .event img {
    max-width: 500px;
    height: auto;
}

/*
#locationPhotos { height: 120px; width: 580px; overflow-x: scroll; overflow-y: hidden;}
#locationPhotos ul { list-style: none; display:block; white-space: nowrap; }
#locationPhotos ul li { display:inline; width: 110px; }
*/

/*
.bulk-add .main-beer-div.found { background-color: #C2DB90; }
.bulk-add .main-beer-div.not-found-brewery { background-color: #F6DAA6;}
.bulk-add .main-beer-div.not-found { background-color: #E3A29C; }
*/