/* Core Styles */
@import url('core.css');
body {background-image: url('../../images/backgroundTile.jpg'); font-family: trebuchet ms;}

h2 {font-size: 18px; color: #2a1f11; padding: 8px 10px 6px; display: block; text-decoration: none;}
h2 a:hover {color: #000; text-decoration: underline;}

#announcements-header {overflow: hidden; width: 506px;}
	#announcements-label {font-size: 18px; color: #2a1f11; padding: 8px 10px 6px; display: block; text-decoration: none; float: left;}
	#announcements-label:hover {color: #000; text-decoration: underline;}

	#the-calendar-link {font-size: .8em; color: #5B3618; text-decoration: none; display: block; float: right; margin: 10px 0 0;}
	#the-calendar-link:hover {color: #000; text-decoration: underline;}

input {font-family: trebuchet ms;}

/* Header Styles */
#header {width: 1014px; height: 175px; margin: 0 auto; background-image: url('../../images/headerBackground.png'); overflow: hidden;}
    #header #logo {padding:  10px 0 0; float: left; height: 166px; position: absolute;}
    #header #navigation {float: right; overflow: hidden;}
    #header #navigation .menuItem {float: left; margin: 75px 1px 0;}

/* Body Styles */
#body {width: 1014px; margin: 0 auto; background-image: url('../../images/bodyBackground.png'); overflow: hidden; background-repeat: no-repeat;}

    /* Front Page Styles*/
    #primaryContent {float: left; width: 539px;}
        #welcome {padding: 32px 20px 30px 30px; font-size: 13px; color: #f0e6cd; text-align: justify;}
        #welcome p {margin: 0 0 10px; line-height: 20px;}
        #announcements {width: 526px; height: 165px; background-image: url('../../images/announcementsBackground.png'); margin: -26px 0 0 13px;}
            #announcements .announcementData {margin: 0 0 5px 10px; background-image: url('../../images/announcementData.png'); width: 486px; padding: 10px 10px 9px; font-size: 12px;}
                #announcements .announcementData a {color: #402e18; text-decoration: none;}
                #announcements .announcementData a:hover {color: #000; text-decoration: underline;}
        #findRetailer {width: 526px; height: 120px; background-image: url('../../images/mapBackground.png'); background-repeat: no-repeat; margin: 1px 0 0 13px; overflow: hidden;}
            #findRetailer a {color: #eae4d7; text-decoration: none; margin: 65px 0 0 27px; display: block; font-size: 12px;}
            #findRetailer a:hover {color: #eae4d7; text-decoration: underline;}
            #findRetailer label {font-size: 13px; display: block; margin: 25px 0 0 45px; float: left; color: #fff;}
            #findRetailer select {font-size: 13px; display: block; margin: 20px 0 0 8px; float: left; border: 1px solid #444; background-color: #f9f5ec; padding: 4px;}

    #secondaryContent {float: right; width: 474px; overflow: hidden;}
        #beerInfoHolder {}
            #beerInfoHolder ul {border:0; margin:0; padding:0; list-style-type:none; display: block; overflow: hidden;}
            #beerInfoHolder li {margin: 0; padding: 0;}
                #beerInfoHolder li img {float: left; margin: 0 8px 0 0; border: 0; cursor: pointer;}
                #beerInfoHolder li a {display: block; padding: 0;}
            .ourBeer {list-style-type:none; background-image: none !important; margin: 0 !important; padding: 0 !important;}
        #beerDescriptions {background-image: url('../../images/beerInfoBackground.png'); width: 443px; height: 187px; margin: 0 0 0 15px; overflow: hidden;}
            .beerDescriptionItem {height: 187px;}
            .beerDescriptionItem p {margin: 23px 0 0 120px; font-size: 11px; width: 310px; line-height: 13px; float: left;}
		
		#fpbeer1 {background-image: url('../../images/beerBottles/1.png'); background-repeat: no-repeat; background-position: 32px 10px;}
		#fpbeer2 {background-image: url('../../images/beerBottles/2.png'); background-repeat: no-repeat; background-position: 32px 10px;}
		#fpbeer3 {background-image: url('../../images/beerBottles/3.png'); background-repeat: no-repeat; background-position: 32px 10px;}
		#fpbeer4 {background-image: url('../../images/beerBottles/4.png'); background-repeat: no-repeat; background-position: 32px 10px;}
		#fpbeer5 {background-image: url('../../images/beerBottles/5.png'); background-repeat: no-repeat; background-position: 32px 10px;}
		#fpbeer6 {background-image: url('../../images/beerBottles/6.png'); background-repeat: no-repeat; background-position: 10px 18px;}
		
		#bpbeer1 {}
		#bpbeer2 {}
		#bpbeer3 {}
		#bpbeer4 {}
		#bpbeer5 {}
		#bpbeer6 {}
		
        #breweryTourInfo {}
            #breweryTourLabel {background-image: url('../../images/breweryToursLabel.png'); width: 432px; height: 36px; margin: 5px 0 0 20px; overflow: hidden;}
            #breweryTourLabel h2 {color: #c9a77f; float: left; padding: 7px 0 0 10px;}
            #breweryTourLabel span {color: #e3ab2e; float: right; font-size: 11px; padding: 10px 10px 0 0;}
            #breweryTourData {background-image: url('../../images/breweryToursHolder.png'); width: 412px; height: 72px; margin: 2px 0 0 20px; padding: 7px 10px 10px;}
                #breweryTourData p {color: #fbf3df; font-size: 12px;}
        #newsletterSignup {background-image: url('../../images/newsletterSignupHolder.png'); width: 432px; height: 77px; margin: 5px 0 0 20px; overflow: hidden;}
            #newsletterSignup input.data {padding: 5px; background-color: #fcf7ef; border: 1px solid #9e917c; font-size: 13px; display: block; float: left; margin-left: 10px;}
            #newsletterSignup input.submit {padding: 0 3px; background-image: url('../../images/signMeUp.png'); border: 1px solid #362919; color: #fff; font-size: 12px; float: right; margin-right: 20px; position: relative; bottom: 10px; cursor: pointer;}
            #newsletterSignup input.submit:hover {background-image: url('../../images/signMeUp_on.png'); border: 1px solid #523e26;}
            #newsletterSignup select {float: left; margin: 0 0 0 5px; padding: 4px; background-color: #fcf7ef;}

/* New Front Page Sections */
#socialMedia {height: 105px; margin: 20px 20px; width: 432px; overflow: hidden;}
	#sm_facebook {overflow: hidden; padding: 25px 0 0 20px;}
		#sm_facebook img {float: left;}
	#sm_twitter {overflow: hidden; padding: 15px 0 0 20px;}
		#sm_twitter img {float: left;}
	#socialMedia a {color: #F1DEBF; text-decoration: none; position: relative; top: 7px; margin: 0 0 0 7px;}
	#socialMedia a:hover {color: #fff; text-decoration: underline;}

#beerGlossary {width: 525px; overflow: hidden; margin: 5px 0 0 13px;}
#beerGlossary img {margin: 5px 0 0 10px;}
	#bg_label {color: #ECB63C; font-size: 20px; font-weight: 600; position: relative; bottom: 4px;}
	#bg_sublabel {color: #fff; font-size: 12px; position: relative; bottom: 3px;}
	#beerGlossary p {padding: 3px 20px 0; color: #B49B85; font-size: 11px; text-align: justify; word-spacing: -1px;}
	#bg_word {font-weight: 600; color: #fff;}

/* Footer Styles */        
#footer {width: 1014px; height: 125px; margin: 0 auto; background-image: url('../../images/footerBackground.png');}
    #footer #breweryfans {float: left; margin: 0 0 0 0;}
	#footer ul#siteMap {float: left; margin: 55px 105px 0 5px;}
        #footer ul#siteMap li {font-size: 13px; list-style-type: none; display: inline; padding: 0 10px;}
        #footer ul#siteMap li a {text-decoration: none; color: #382809;}
        #footer ul#siteMap li a:hover {text-decoration: underline; color: #000;}
    
    #footer #keg {float: right; margin: 45px 15px 0 0;}
	#footer #companyInfo {float: right; margin: 45px 15px 0 0;}
    #footer #companyInfo address {color: #603314; font-size: 11px; text-align: right; line-height: 12px;}
    #footer #companyInfo #copyright {color: #836b4d; font-size: 11px; text-align: right;}
    
/* Tab Styles */
.ui-tabs {}
.ui-tabs .ui-tabs-nav {list-style: none; position: relative;}
.ui-tabs .ui-tabs-nav li {position: relative; float: left; border-bottom-width: 0 !important;}
.ui-tabs .ui-tabs-nav li a {float: left; text-decoration: none;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {border-bottom-width: 0;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {cursor: text;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {cursor: pointer;}
.ui-tabs .ui-tabs-panel {display: block; background: none;}
.ui-tabs .ui-tabs-hide {display: none !important;}

/* Internal Page Styles */

#internalHeader {width: 1014px; margin: 0 auto; overflow: hidden; background-image: url('../../images/internalHeaderBackground.png');}
    #internalHeader #logo {float: left; margin: 15px 0 0 35px;}
    #internalHeader #navigation {float: right; overflow: hidden;}
        #internalHeader #navigation .menuItem {float: left; margin: 75px 1px 0;}
    
#internalBody {width: 1014px; margin: 0 auto; background-image: url('../../images/internalBackground.png'); background-color: #f6f0e0; background-repeat: no-repeat; overflow: hidden;}
    #vtour {width:284px; height: 338px; overflow: hidden; float: right; margin: 7px 5px 0 0;}
    #content {padding: 0 0 40px;}
    #content h1 {font-size: 20px; color: #F5EEDC; padding: 10px 0 10px 20px; display: block; border-bottom: 1px solid #ddd; background-image: url('../../images/internalHeading.png');}
    #content h2 {padding: 10px 20px 0;}
    #content h3 {padding: 10px 20px; margin: 5px 0 0; background-image: url('../../images/namePlank.png'); color: #fff; background-position: 0 4px;}
    #content h4 {padding: 20px 30px 0;}
    #content p {padding: 20px 20px 0; font-size: 12px; line-height: 20px;}
    #content a {color: #97460b; text-decoration: none;}
    #content a:hover {color: #000; text-decoration: underline;}
    #content a.warning {color: #fff; text-decoration: none;}
    #content a.warning:hover {color: #fff; text-decoration: underline;}
    #content #mugs {margin: 10px 0;}
        #content .mug {background-image: url('../../images/beerMugIcon.png'); background-repeat: no-repeat; font-size: 12px; margin: 0 0 0 20px; padding: 0 0 0 20px; background-position: 0 2px;}
    
    #theTeam {overflow: hidden;}
        #theTeam .teamMember {overflow: hidden;}
            #theTeam .teamPhoto {float: left; margin: 10px 0 20px 20px; padding: 45px; border: 1px solid #ddd; background-image: url('../../images/frameTile.png');}
            #theTeam .teamBio {float: right; width: 759px; background-color: #fff; margin: 10px 10px 20px; border: 1px solid #ddd;}
                #theTeam .teamBio p {padding: 10px;margin: 0;}
    
    #theHistory {background-image: url('../../images/logoWatermark.png'); background-repeat: no-repeat; background-position: center bottom;}
    
    #virtualTour {height: 365px; overflow: hidden; width: 952px; border: 1px solid #ddd; margin: 20px 0 0;}
    #virtualTour li {display: block; float: left; height: 367px; width: 952px; overflow: hidden; background-image: url('../../images/backgroundTile_whitesmall.jpg');}
    .fl {float: left; margin: 20px;}
    .fr {float: right; margin: 20px;}
    .fl img {border: 1px solid #222;}
    .fr img {border: 1px solid #222;}
    
    #heading {padding: 10px 0 10px 20px; border-bottom: 1px solid #ddd; background-image: url('../../images/internalHeading.png'); overflow: hidden; width: 994px;}
        #heading .headingLabel {font-size: 20px; color: #F5EEDC; float: left; font-weight: 600;}
        #heading .headingAltLinks {float: left; font-size: 12px; margin: 0 0 0 35px;}
            #heading .headingAltLinks a {color: #c2a634; text-decoration: none; display: block; float: left; margin: 5px 0 0 30px;}
            #heading .headingAltLinks a:hover {color: #fff; text-decoration: none;}
    
    #bigBeerLogos {background-color: #f2f1ef; width: 1014px; overflow: hidden; border-bottom: 1px solid #ddd;}
        #bigBeerLogos .beerLogo {float: left; margin: 30px 0 20px 27px;}
    #bigBeerDescriptions {overflow: hidden;}
        #bigBeerDescriptions .theDescription {float: left;}
        #bigBeerDescriptions h3 {font-size: 15px; margin: 10px 20px 0; text-align: left; padding: 12px 10px; clear: both;}
        #bigBeerDescriptions p {padding: 10px; width: 475px; background-color: #fff; margin: 0 20px; border: 1px solid #ddd;}
        
        table.beerInfoTable {border: 1px solid #c3b29f; margin: 20px 0; width: 460px; float: left;}
            table.beerInfoTable td {border: 1px solid #c3b29f; font-size: 12px; padding: 3px 5px;}
            table.beerInfoTable td.label {background-color: #fff; color: #572401; font-weight: 600; width:205px;}
            table.beerInfoTable td.data {background-color: #faf5ea; color: #994b17;}
        table#distributors {border: 1px solid #c3b29f; margin: 20px; width: 960px;}
            table#distributors th, table#distributors td {border: 1px solid #c3b29f; font-size: 12px; padding: 3px 5px;}
            table#distributors th, table#distributors td.label {background-color: #faf5ea; color: #572401; font-weight: 600;}
            table#distributors td.data {background-color: #fff; color: #994b17;}
    
    #content fieldset {border: 1px solid #E0D7CB; background-color: #fff; padding: 20px; margin: 20px; width: 210px; float: right;}
    #content fieldset#stateSelector {border: 0; background-color: transparent; padding: 0; margin: 20px; float: none;}
        #content fieldset label {display: block; font-size: 12px; margin: 0 0 5px;}
        #content fieldset input {border: 1px solid #111; background-color: #352717; color: #fff; padding: 3px 2px; margin: 0 0 10px; width: 200px;}
        #content fieldset textarea {border: 1px solid #111; background-color: #352717; color: #fff; padding: 3px 2px; margin: 0 0 10px; font-family: trebuchet ms; font-size: 13px;}
        #content fieldset label.check {margin: 10px 0 0; float: left;}
        #content fieldset input.check {float: left; margin: 12px 10px 20px -2px; width: 18px; outline: none;}
        #content fieldset input.action {border: 1px solid #111; background-color: #352717; color: #fff; padding: 3px 2px; margin: 0 0 10px; width: 100px; cursor: pointer; clear: left; display: block;}
        #content fieldset input.action:hover {border: 1px solid #000; background-color: #222; color: #fff;}
        
    #contactInfo {float: left; width: 300px; border: 1px solid #ddd; background-color: #fff; margin: 20px 10px 0 0;}
        #contactInfo p {font-weight: 600;}
        #contactInfo span {margin: 20px; display: block; font-size: 12px;}
        #contactInfo address {font-size: 12px; margin: 0 0 0 20px; padding: 6px 10px;}
    #directions {width: 357px; float: left; padding: 10px; background-color: #fff; border: 1px solid #ddd; margin: 20px 0 0 10px;}
        div.warning {font-weight: 600; background-color: #694322; padding: 10px; border: 1px solid #222; font-size: 12px; color: #fff;}
        #directions ol {margin: 20px;}
        #directions ol li {list-style-type: decimal; margin: 0 0 0 20px; font-size: 12px;}
    #contactForm {float: left;}
   
	#thetown {padding: 20px;}
	#linksTable {margin: 20px;}
	#linksTable td {border: 0; padding: 20px 0;}
	#linksTable td.img {text-align: center;}
	#linksTable td p {font-size: 13px;}

	.recipe {padding: 0;}
	.recipe ul li {list-style-image: url('/images/list-item-dash.png'); margin: 0 0 0 40px; font-size: 12px;}
	table.recipetable td {border: 0; vertical-align: top;}
	table.recipetable td h4 {font-size: 14px; padding: 20px 30px 0;}
	table.recipetable td ol li {list-style-type: decimal; margin: 0 0 0 40px; font-size: 12px;}
	#content .recipe p {padding: 10px 40px 10px;}
	#content .recipe h3 {background-repeat: repeat-x; text-align: left; padding: 10px 20px; display: block;}

	.wallpapers {margin: 20px;}
	.wallpapers td {}
	.wallpapers td.wp_links {padding: 20px;}
	.wallpapers td.wp_links a {font-size: 12px;}

/* Footer Styles*/
#internalFooter {width: 1014px; height: 125px; margin: 0 auto; background-image: url('../../images/footerBackground2.png');}

    #internalFooter ul#siteMap {float: left; margin: 35px 0 0 15px;}
        #internalFooter ul#siteMap li {font-size: 13px; list-style-type: none; display: inline; padding: 0 10px;}
        #internalFooter ul#siteMap li a {text-decoration: none; color: #382809;}
        #internalFooter ul#siteMap li a:hover {text-decoration: underline; color: #000;}

#breweryfans {position: relative; bottom: 20px;}

    #internalFooter #keg {float: right; margin: 45px 15px 0 0;}
    #internalFooter #companyInfo {float: right; margin: 45px 15px 0 0;}
    #internalFooter #companyInfo address {color: #603314; font-size: 11px; text-align: right; line-height: 12px;}
    #internalFooter #companyInfo #copyright {color: #836b4d; font-size: 11px; text-align: right;}
    
#distributionLinks {}
#distributionLinks div {margin: 0 20px;}
#distributionLinks a {float: left; margin: 0 20px 0 10px; background-image: url('../../images/pdfIcon.png'); background-repeat: no-repeat; padding: 0 0 0 23px; background-position: 0 3px;}

.video {float: left; padding: 20px 0 0 20px;}
#virtualTour {margin: 0 0 0 30px;}

.stepcarousel{position: relative; overflow: hidden; width: 1000px; height: 305px;}
.stepcarousel .belt{position: absolute; left: 0; top: 0; width: 1000px;}
.stepcarousel .panel{float: left; overflow: hidden; margin: 0; width: 978px;}

#prevArrow {float: left; cursor: pointer; margin: 10px 10px 0 30px;}
#nextArrow {cursor: pointer; float: left; margin: 7px 0 0 0;}
div#arrowDescription {padding: 12px 0 0 0; margin: 0 0 0 10px;}

div.warning2 {font-weight: 600; background-color: #694322; padding: 10px; border: 1px solid #222; font-size: 12px; color: #fff; width: 600px; margin: 0 0 0 20px;}

#pfp_linktext {position: relative; top:80px;}

/* Darb */
#retailers a {margin-left: 12px;}

/* Recipes */
#recipeList {padding: 0; overflow: hidden;}
.recipeListItem {float: left; background-color: #E8DCD0; border: 1px solid #DFD1C3; margin: 20px 0 0 20px; width: 309px; overflow: hidden;}
.recipeListItem a.img {float: left; padding: 11px 10px 7px;}
.recipeListItem a.txt {float: left; font-size: 13px; padding: 27px 10px 0 0; width: 210px;}
.recipe_image {text-align: center; margin: 20px 0 0 0;}

/* Calendar Styles */
div.calEvent {padding: 10px; background-color: #fff; margin: 10px; border: 1px solid #EBE2D3; overflow: hidden;}
span.calName {display: block; font-weight: 600; color: #201C14; float: left;}
span.calDate {font-size: 12px; color: #4E2812; margin: 3px 0 0 10px;}
span.calDesc {display: block; font-size: 12px; color: #543415; clear: left; margin: 10px 5px 5px;}