/* 
    AUTHOR: Klaus Banse
            kbanse@jankelleymarketing.com
*/

/* CSS Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, form, img, ins, kbd, q, s, samp, small, span, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; font-size:100%; text-align: left; vertical-align: baseline;}
	
a img {border:none;}

table {border-collapse: collapse; border-spacing: 0;}
q:before, q:after, blockquote:before, blockquote:after {content: "";}

/* Site Defaults */

body{font-size: 73.5%; font-family: Tahoma, Arial, Helvetica, sans-serif;}

.clear {clear: both;}
.pad {padding: 0 20px;}
form {margin: 2px; padding: 2px;}
ul {margin:0; padding: 0; list-style: inside;}

.left{float:left; display: inline;}
.right {float: right; display: inline;}

.column25 {float: left; width:25%;}
.column33 {float: left; width:33%; text-align: center;}
.column50 {float: left; width:48%;}
.column70 {float: left; width:69%;}
.column75 {float: left; width:75%;}
.column100 {float: left; width:100%;}

/* Site Colours */

.red {color: #5f0101;}
.gold {color: #f8ca17;}
.black {color: #000;}
.white {color:#fff;}

/* Site Layout */

#wrapper{float:left; width:1000px; margin-left: 0px;}
#wrapper-content{float:left; width:1000px; margin-left: 0px;}
#leftcolumn{float:left; width: 250px;}
#leftcolumn2{float:left; width: 250px;}
#leftcolumnlower{float:left; width: 250px;}
#wrapper-content #leftcolumn{float:left; width: 250px;}
#rightcolumn{float:right; width: 750px;}
#logo{float:left; width: 250px; height: 334px;}
#logo img {left: 58px; top: 107px; position: relative;}
#wrapper-content #logo{float:left; width: 250px; height: 208px;}
#wrapper-content #logo img {left: 60px; top: 0px; position: relative;}
.flashobject {margin: 0; padding: 0; width: 250;}
#header{float:right; width:100%; height:160px;}
#pubname{float: left; width:100%; height: 96px; margin-top: 5px;}
#navigation{float:left; width:100%; height: 98px;}
#subnav {float: left; width: 220px; margin-left: 10px;}
#secondnav{float:left; width:100%; height: 25px;}
#content{float:right; width:100%; padding-top: 50px; display: inline; clear: right;}
#contentlower{float:right; width:100%; margin-top: 0px;}
#footer{float:left; width: 1000px; margin-top: 10px; height: 45px; margin-left: 0px; line-height: 25px;}
.copyright{float:right; text-align: right;}

/* Navigation */

#navigation ul{list-style: none;}
#navigation ul li{display: inline;}
#navigation ul li:hover{}
#navigation ul li a{float:left; height: 65px; letter-spacing: 1px; font-size: 1.3em; text-decoration: none; font-family: Impact, Arial, sans-serif; font-weight: normal; text-transform: uppercase; padding: 7px 10px 5px 10px;}
#navigation ul li a:hover, #navigation ul li a.active{}

#subnav ul{list-style: none; width: 200px;}
#subnav ul li{display: inline;margin:0;padding: 0;}
#subnav ul li:hover{}
#subnav ul li a{float:left; clear:left; width: 180px; height: 20px; letter-spacing: 1px; font-size: 1.3em; text-decoration: none; font-family: Arial, sans-serif; font-weight: normal; text-transform: capitalize; padding: 7px 10px 5px 10px;}
#subnav ul li a:hover, #subnav ul li a.active{}

#secondnav ul{float:right; width: auto; list-style: none; margin-right: 20px;}
#secondnav ul li{float: left; margin: 3px 0px 0 5px; padding-left: 30px;}
#secondnav ul li a{font-size: 1em; text-decoration: none;}
#secondnav ul li a:hover, #secondnav ul li a.active{}
#secondnav ul img {float:left;}

.footernav {float:left;}
.footernav ul {list-style: none; margin-left: 10px;}
.footernav li {display: inline; margin: 3px 0px 0 5px; padding-left: 10px;}
.footernav li a {font-size: 1em; text-decoration: none;}
.footernav li a:hover {}

/* Frames */
.frame{float:left;}
.small{width: 195px; margin-left: 15px;}
.med{width: 350px;}
.large{width:700px;}
.frame-tl{ width: 100%; height: 35px; margin: 0; padding: 0;}
.frame-tr{float:right; width: 58px; height:35px;}
.frame-tr-flourish{}
.frame-ml{width: 100%;}
.frame-mr{width: 100%; text-align: center;}
.frame-bl{height: 44px;}
.frame-bl .flourish{}
.frame-br{float:right; width: 16px; height: 44px;}

.frame-sm-tl{height: 35px;}
.frame-sm-tr{ width: 58px; height:35px;}
.frame-sm-tr-flourish{}
.frame-sm-bl{height: 24px;}
.frame-sm-bl-flourish{}
.frame-sm-br{float:right; width: 16px; height: 24px;}

.frame .framecontent{}
.frame .framecontent h5 {}
.frame .framecontent p {width:90%;}
.frame .framecontent img {} 

.frame .framecontent .bannercontent{float:left; padding-left: 20px; display: block;}
.frame .framecontent .bannercontent h5 {float:left; width:125px; font-weight: bold; font-size: 1.2em; text-transform: uppercase; margin-bottom: 5px;}
.frame .framecontent .bannercontent p {float:left; width:125px; overflow: hidden; height: 100px;}
.frame .framecontent .bannercontent img {float:left; margin-right: 10px;}

/**********************************************************************/
/*                                                                    */
/*                            Site Content                            */
/*                                                                    */
/**********************************************************************/

.frame-mr .title {display: inline;}
.frame-mr p {padding-bottom: 8px; line-height: 1.6em;}
.frame-mr a {text-decoration: underline;}
.frame-mr a:hover {text-decoration: none;}


/* Product Listing */

.framecontent .category {float: left; width: 100%; font-weight: bold; margin: 10px 0;}
.framecontent .product {float:left; display: inline; padding: 10px 0; width: 285px; margin-right: 40px; min-height: 90px; height: auto !important; height: 90px;}
.framecontent .product .image {/* float:left;  */display:inline; width: 65px;}
.framecontent .product .image img {float:left; border: none; margin-right: 5px;margin-bottom: 30px;}
.framecontent .product .title {/* float:left; */ width: auto;}
.framecontent .product .description {/* float:left; */ width:auto; font-size: .9em; /* line-height: 1.5em; */ display: block;}


/* beer logos */
.beerlogo { height:60px; width:60px; }


/*  Event Calendar  */

.calendar{float:left; border:none;width:950px;}
.day{width:200px; height:120px; text-align:right; vertical-align:top; font-size:1em; line-height: 1.5em; padding: 4px 4px 0 0;}
.month{border:solid 1px #000;}
.dayheader{font-size: 1em; text-align:center; padding:4px; font-weight: bold;}
.title{border-bottom-width:0;}
.title TD{font-family:arial; font-size: 1em; font-weight:700; text-transform:uppercase; padding-top:1px; padding-bottom:1px;}
.nextprev{cursor:pointer;}
.CallBackLoading{width:950px; height:498px; font-size: .9em;}
.CallBackLoadingTitle{border-width:0; font-size: 1em; height:24px;}
.CallBackLoadingHeader{border-width:0; font-size: 1em; height:21px;}
.CallBackLoadingBody{height:445px;}
.admin{height:25px;cursor:pointer; border-bottom-width:0; width:950px; text-transform:uppercase; text-align:right; vertical-align:middle;}
.container{width:950px;}
.element {width:100%; margin:0px;}
.collapsePanel{margin-left:20px;padding:10px 1px;}
h3.toggler{height:24px; cursor:pointer; width:100%; text-transform:uppercase; text-align:left; vertical-align:middle; margin:0px; padding-top:2px;}
	
/* !Calendar Popup */
.popupMenu{width:370px; text-align:left; padding:2px; display:none;}
.popupAdmin{width:950px; text-align:left; padding:2px; }
.btn{margin-left:2px; font-size: .9em;}
.btn:hover{cursor:pointer;}
.boxes{width:1em;}
.stdlabel{float:left;width:160px;text-align:right;margin-right:5px;}
.smlabel{float:left;width:120px;text-align:right;margin-right:5px;}
.inputbox{margin-bottom:5px; width:140px;}
select.form{height:20px;margin-bottom:5px;}
select{height:20px;}
br.form{clear:left;}
a.popuplink{position: relative; text-decoration:none; font-size: .9em; float: left; margin-left: 4px;}
a.popuplink:hover{}
a.newlink{text-decoration:underline;}
.day a.newlink{text-decoration: none; font-size: 1.2em;}
.othermonthday a.newlink{text-decoration: none;}
a.childlink {text-decoration:none; cursor:default;}
.popupMenu img {margin:5px;}
.smarthbox_close{}

/* !Calendar Picker */
.picker{font-size: 9px; font-family:arial,helvectica,sans-serif; padding:2px; cursor:pointer;}
.pickercalendar td{ font-size: .9em;}
.pickertitle{font-weight:700;}
.pickerday{width:25px; cursor:pointer; text-align:center;}
.pickerdayhover{width:25px; cursor:pointer; text-align:center; text-decoration:underline;}
.pickerdayheader{width:25px; text-align:center; font-weight:700;}
.pickerothermonthday{}
.pickeroutofrangeday{visibility:hidden;}
.pickerselectedday{width:25px; font-weight:700;}
.pickercalendar{ border-collapse:collapse; cursor:default;}
.pickermonth{margin-left:5px; margin-right:5px; margin-bottom:5px; margin-top:0;}
.pickernextprev{cursor:pointer; height:25px; vertical-align:center; padding:0 5px;}
.pickerselector{width:14px; cursor:pointer; text-align:left; vertical-align:center;}

/* Calendar Editor */
.SourceCssClass{font-size: .9em; border:none; background-image:none;}
.DesignCssClass{font-size: .9em; background-image:none;}
.HighlightCssClass{}
h1{font-size:20px; font-weight:700; line-height:30px; margin:0;}
h2{font-size:17px; line-height:26px; font-weight:700; margin:0;}
h3{font-size: 1.1em; padding-top:0; margin-top:0;}
.DesignCssClass a{}
.DesignCssClass a:hover{text-decoration:underline!important;}
.toolbar{width:400px;}
.toolbarButton{cursor:pointer; padding-right:5px;}
.editorArea{border-top:0; width:392px; font-size: 1em;}
.footer{width:400px;}
.footerCell{font-size:10px;}

/* Treeview */
.TreeView {background-color: white; border: 1px solid #ccc; cursor: default; }
.TreeNode {cursor: pointer; font-family: arial, verdana; font-size: 9px; padding-left: 1px; }
.HoverTreeNode {cursor: pointer; font-family: arial, verdana; font-size: 9px; padding-left: 1px; text-decoration: underline; }

.TreeView table tbody tr td img {border:none;}
.TreeView div table tbody tr td img {border:none;}

/* Promotions */
#promocontainer {padding: 5px; }
#promotion {height: 154px; margin: 2px 0px 2px 0px; }
#promotion .photo {float: left; width: 150px; }
#promotion .content {float: left; font: 9px arial; margin-left: 2px; width: 180px; }
#buttoncontainer{margin-left:10px; display:block;}
#message {display:none; font-size:9px; width:272px;padding:2px;margin:0px 0px 5px 10px;}
#previewcontainer {margin-left:10px;width:272px;height:152px; padding:2px;}
#tree {width:113px;float:left;}
#imagebox{margin-left:2px;width:152px;float:left;height:150px;}
/*#imagebox img {width: 100px;}*/
.btn {font-size: 9px; margin-left: 2px; }
.btn:hover {cursor: pointer; }
.boxes {width: 1em; }
.stdlabel {float: left; margin-right: 5px; text-align: right; width: 160px; }
.smlabel {float: left; margin-right: 5px; text-align: right; width: 60px; font: 9px arial, Helvetica, sans-serif;}
.inputbox {font: 9px arial, Helvetica, sans-serif; margin-bottom: 5px; width: 118px; }
select.form {font: 9px arial, Helvetica, sans-serif; height: 20px; margin-bottom: 5px; }
select {font: 9px arial, Helvetica, sans-serif; height: 20px; }
br.form {clear: left; }
.Grid {cursor: pointer; }
.HeadingCell {height: 20px; padding: 3px; }
.HeadingCellText {height:20px; font: 11px arial; text-align: center; text-transform: uppercase; color:White;}
.Row {cursor: default; }
.Row td.DataCell {cursor: default; font: 11px Arial, "Lucida Grande", Helvetica, Arial, sans-serif; padding: 2px; }
.Row td.FirstDataCell {cursor: default; padding: 3px; }
.DataCell {cursor: default; font: 11px Arial, "Lucida Grande", Helvetica, Arial, sans-serif; padding: 3px; }
.DataCell a {}
.DataRow td.FirstDataCell {padding-left: 3px; }
.SelectedRow {}
.SelectedRow td.DataCell {cursor: default; font: 11px Arial, "Lucida Grande", Helvetica, Arial, sans-serif; padding: 2px; padding-bottom: 3px; padding-left: 3px; }
.AlternatingRow {cursor: default; }
.AltRow {font: 11px Arial, "Lucida Grande", Helvetica, Arial, sans-serif; padding: 2px; }
.AlternatingRow td.DataCell {font: 11px Arial, "Lucida Grande", Helvetica, Arial, sans-serif; padding: 2px; }
.AlternatingRow td.FirstDataCell {font: 11px Arial, "Lucida Grande", Helvetica, Arial, sans-serif; padding: 3px; }
.HoverRow {cursor: default; }
.HoverRow td.DataCell {font: 11px Arial, "Lucida Grande", Helvetica, Arial, sans-serif; padding: 2px; padding-right: 3px; }
.HoverRow td.FirstDataCell {padding-left: 3px; }
.HoverRow td.LastDataCell {padding-right: 2px; }
.GridFooter {height: 25px; padding: 2px; margin:2px;}
.GridFooterText {font: 9px arial, "Lucida Grande", Helvetica, sans-serif; color:White;}
.PagerText {font-family: arial; font-size: 9px; }
.GridViewHeadingRow {}

/* Chalkboard */
#Chalkboard_Container {clear: both; display: block; float: left; margin: 10px; padding: 0; text-align: center; width: 520px; }
#Chalkboard_Top {background: #000 url(../images/chalkboard/chalkboard_top.jpg) bottom no-repeat; height: 45px; margin: 0; padding: 0; width: 520px; }
#Chalkboard_Middle {background: repeat-y url(../images/chalkboard/chalkboard_middle.jpg); float: left; height: auto; margin: 0; padding:15px 0; text-align: center; width: 520px; }
#Chalkboard_Bottom {background: no-repeat url(../images/chalkboard/chalkboard_bottom.jpg); float: left; height: 70px; margin: 0; padding: 0; width: 520px; }
#dailyspecialhead {color: white; display: block; font-size: 24px; margin-left: 35px; text-align: center; width: 450px; }
#dailyspecialheadcat {color: #eeac04; display: block; font-size: 24px; margin-left: 35px; text-align: center; width: 450px; }
#Chalkboard_Container li {color: #ffffff; float: left; font-size: 20px; line-height: 28px; list-style: none; margin: 0 0 0 30px; padding: 0; text-align: left; text-indent: 0; width: 425px; }
#Chalkboard_Container ul {color: #ffffff; list-style: none; margin: 15px 0 0; padding-bottom: 0; padding-top: 0; text-align: center; width: 500px; }
#Chalkboard_Middle li {float: left; clear:both; margin-bottom: 10px;}
#Chalkboard_Middle li div.price {float: left; width: 100px; margin-left: 15px;}
#Chalkboard_Middle li div.category {float: right; width: 300px; margin: 0 0 5px 0;}
#Chalkboard_Middle li div.dish {float: right; width: 300px;margin-left: 115px;}
#Chalkboard_Middle li div.description {float: right; width: 300px; margin-left: 115px;}
.specialnotice {border: 1px solid #eeac04; color: #eeac04; margin-left: auto; margin-right: auto; margin-top: 10px; padding: 10px 0 10px 0; text-transform: uppercase; width: 350px; text-align: center;}


/* These are standard sIFR styles... do not modify */

.sIFR-flash {visibility: visible !important; margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {display: none !important;}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-active h1 {visibility: hidden;}
.sIFR-active h2 {visibility: hidden; letter-spacing: -9px; font-size: 55px;}
.sIFR-active h3 {visibility: hidden; letter-spacing: -6px; font-size: 25px;}
.sIFR-active h4 {visibility: hidden; letter-spacing: -5px; font-size: 21px;}
.sIFR-active h5#pullquote {letter-spacing: -4px; visibility: hidden; font-size: 24px;}

.sIFR-active #Chalkboard_Middle li div.price {font-size: 16pt; line-height: 1em; visibility: hidden; }
.sIFR-active #Chalkboard_Middle li div.category {font-size: 16pt; line-height: 1em; visibility: hidden; }
.sIFR-active #Chalkboard_Middle li div.dish {font-size: 1em; line-height: 1em; visibility: hidden; }
.sIFR-active #Chalkboard_Middle li div.description {font-size: .8em; line-height: 1em; visibility: hidden; }

/* Form Styles */
form#PubClubForm{ font-size: 100%; margin: 0; /* max-width: 700px; min-width: 560px;*/ padding: 0; width: 700px; }
form#PubClubForm fieldset{border:none; clear: both; font-size: 100%; margin: 0 0 0 0; padding: 10px;}
form#PubClubForm fieldset legend{font-size: 150%; font-weight: normal; margin: 0; padding: 0 5px;}
label{ font-size: .9em;}
label u{ font-style: normal; text-decoration: underline;}
input, select, textarea{font-family: Tahoma, Arial, sans-serif; font-size: 100%;}
textarea{overflow: auto;}
form#PubClubForm div{clear: left; display: block; margin: 5px 0 0 0; padding: 1px 3px; /* width: 354px; */ zoom: 1;}
form#PubClubForm div.notes{float: right; font-size: 1em;; height: auto; margin: 0px 15px 10px 10px; padding: 5px; width: 200px; text-align: center;}
form#PubClubForm div.notes p{line-height: 1.3em; margin: 0em 0em .9em 0em;}
form#PubClubForm div.notes p.last{ margin: 0em;}
form#PubClubForm div.notes h4{padding: 3px 0 3px 0px;margin-bottom: 15px;font-size: 1.2em;}
form#PubClubForm div.notes a {text-transform: uppercase; text-decoration: none;margin: 15px 0 10px 0; display: block;}
form#PubClubForm div fieldset{clear: none; margin: 0 0 0 144px; padding: 0 5px 5px 5px; width: 197px;}
form#PubClubForm div fieldset legend{ font-size: 100%; padding: 0 3px 0 9px;}
form#PubClubForm div.required fieldset legend{ font-weight: bold;}
form#PubClubForm div label{ display: block; float: left; margin: 0 0 5px 0; padding: 3px 5px; text-align: right; width: 130px;}
form#PubClubForm div.optional label, label.optional{ font-weight: normal;}
form#PubClubForm div.required label, label.required{ font-weight: bold;}
form#PubClubForm div label.labelCheckbox, form div label.labelRadio{ display: block; float: none; margin: 0 0 5px 142px; padding: 0; text-align: left; width: 200px; zoom: 1;}
form#PubClubForm div fieldset label.labelCheckbox, form div fieldset label.labelRadio{ margin: 0 0 5px 0; width: 170px;}
form#PubClubForm div img{}
p.error{margin: auto 100px; padding: 3px 3px 5px 27px;}
form#PubClubForm div.error{}
form#PubClubForm div.error p.error{font-size: 88%; font-weight: bold; margin: 0 0 0 118px; width: 200px;}
form#PubClubForm div select, form div textarea{ margin: 0 0 0 0; padding: 1px 3px; width: 200px;}
form#PubClubForm div input.inputText, form div input.inputPassword{ margin: 0 0 0 0; padding: 1px 3px; width: 200px;}
form#PubClubForm div input.inputFile{ width: 211px;}
form#PubClubForm div select.selectOne, form div select.selectMultiple{ padding: 1px 3px; width: 211px;}
form#PubClubForm div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio{display: inline; height: auto; margin: 0 0 0 0px; padding: 0; width: auto;}
form#PubClubForm div.submit{ padding: 0 0 0 146px; width: 214px;}
form#PubClubForm div.submit div{ display: inline; float: left; margin: 0; padding: 0; text-align: left; width: auto;}
form#PubClubForm div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton{margin: 0; padding: 0 6px; width: auto;}
form#PubClubForm div.submit div input.inputSubmit, form div.submit div input.inputButton{ float: right; margin: 0 0 0 5px;}
form#PubClubForm div small{ display: block; font-size: 88%; margin: 0 0 5px 142px; padding: 1px 3px; zoom: 1;}

/* Admin Styles */
#dialogcontainer {border: 4px solid #5f0101; padding: 0px; position: absolute; cursor: pointer; top: 86px; left: 186px; height: 600px; width: 800px; z-index: 999; background-color: #5f0101;}
.editmenu { position: absolute; padding: 0px; z-index: 100; background-color: #000; border: solid 1px #000; }
.editmenu div { margin: 0; background-color: #760a00; padding: 2px; height: 16px; color: #f8Ca17; }
.editmenu a { color: #fff; cursor: pointer; display: block; padding: 2px; }

#photogallery a img {margin-right: 5px; display: inline;}