/* ---------------------------------------
General Rules
--------------------------------------- */

body {
    font-family: verdana, helvetica, arial, sans-serif;
    font-size: 11px;
    line-height: 1.5em;
    margin: 12px 0 0 0;
    padding: 0;
    background-color: #E19518;
    background-image: url(../images/bess_BG_border.gif);
    background-position: 0px 13px;
    background-repeat: repeat-x;
    text-align: center;
}

body.editorArea {
    font-family: verdana, helvetica, arial, sans-serif;
    font-size: 11px;
    line-height: 1.3em;
    margin: 0;
    padding: 0;
    width: 280px;
   	background-color: #ff9;
    background-image: none;
    text-align: left;
}

body.editorArea p {
    font-size: 10px;
    line-height: 1.3em;
    padding: 0px 15px 0px 22px;
    text-align: left;
}

body.editorArea h2.directions {
	margin-left: 22px;
}

h3 {
    font-size: 10px;
    font-weight: bold;
    margin: 10px 10px 0 10px;
    color: #BA3100;
}

table {
    font-family: verdana, helvetica, arial, sans-serif;
    font-size: 11px;
    line-height: 1.3em;
    /*border-collapse: collapse;*/
    border: 0;
    margin: 0px;
    padding: 0px;
}

img {
    border: 0;
}

td {
    vertical-align: top;
    margin: 0px;
    padding: 0px;
}

td img {
    vertical-align: middle;
}

a {
    color: #fff;
    text-decoration: underline;
}


div#wrapper {
	position: relative;
	z-index: 3;
	width: 100%;
    background-image: url(../images/bess_BG_border.gif);
    background-position: 0% 100%;
    background-repeat: repeat-x;
}

div.homeBorder {
	position: absolute;
	top: 12px;
	left: 0px;
	width: 100%;
	height: 500px;
    background-image: url(../images/bess_BG_border.gif);
    background-position: 0px 418px;
    background-repeat: repeat-x;
    z-index: 0;
}

div#content {
    width: 763px;
    margin: 0 auto;
    text-align: left;
}

/* ---------------------------------------
Header
--------------------------------------- */

.dynamicSubnav {
    color: #993300;
    font-size: 10px;
    margin: 0;
    padding: 0;
}

.dynamicSubnav a {
    color: #993300;
    text-decoration: none;
}

.dynamicSubnav td {
    vertical-align: bottom;
}

#realbbqSubnav {
    visibility: hidden;
    position: absolute;
    top: 21px;
    left: 221px;
    z-index: 1;
}

#eathereSubnav {
    visibility: hidden;
    position: absolute;
    top: 21px;
    left: 348px;
    z-index: 1;
}

#eatthereSubnav {
    visibility: hidden;
    position: absolute;
    top: 21px;
    left: 430px;
    z-index: 1;
}

#eateverywhereSubnav {
    visibility: hidden;
    position: absolute;
    top: 21px;
    left: 179px;
    z-index: 1;
}

#legendSubnav {
    visibility: hidden;
    position: absolute;
    top: 21px;
    left: 257px;
    z-index: 1;
}

.dynamicSubnav div.yellow {
    background-color: #FF9900;
    border-top: 1px solid #5A4628;
    border-bottom: 1px solid #5A4628;
    height: 15px;
    padding-top: 1px;
}

img.starBullet {
    margin: 0px 1px 2px 1px;
}

td#altNavBackground {
    width: 542px;
    height: 77px;
    background-image: url(../images/bess_head_2.gif);
    background-repeat: no-repeat;
}

div#altNav {
    text-align: right;
    margin-right: 8px;
}

div#altNav img {
    margin-left: 1px;
}

div.testimonialHeader, div.testimonialSource, .testimonialSource {
    font-size: 11px;
    font-weight: bold;
    line-height: 1.2em;
    font-style: italic;
}

.logostop {
	float:left;
	width:233px;
	height:24px;
}

div.testimonialHeader {
	color: #FF9900;
	margin-left: 0px;
	font-size: 10px;
	font-weight: normal;
	padding-top: 4px;
	float:left;
	width: 530px;
	text-align: justify;
}

.testimonialSource {
	color: #CC6600;
	margin: 0;
	text-align: right;
	margin-right: 10px;
}

/* ---------------------------------------
Homepage
--------------------------------------- */

div#homeFlash {
    margin-left: 6px;
}

div#middleBorder {
    background-image: url(../images/bess_BG_border.gif);
    background-position: 0% 100%;
    background-repeat: repeat-x;

}

div#bottomCallouts {
    margin: 5px 0px 5px 5px;
    width: 747px;
    background-image: url(../images/bess_home_bottom_callout_bg.gif);
    background-repeat: no-repeat;
    height: 67px;
    padding-top: 4px;
    padding-left: 6px;
}

div.homeSidebar {
    background-image: url(../images/bess_sidebar_box_home.gif);
    height: 62px;
    width: 242px;
    float: left;
    margin-right: 6px;
}

div.homeSidebar h3 {
    color: #fc0;
    font-weight: bold;
    font-size: 10px;
}

div.homeSidebar p {
    color: white;
	font-weight: bold;
    font-size: 10px;
}

div.homeSidebar p, div.homeSidebar h3 {
    margin: 0 0 0 30px;
    padding-top: 3px;
    line-height: 1.1em;
}

div.homeSidebar a {
    color: #fff;
    text-decoration: underline;
}

/* ---------------------------------------
Interior    
--------------------------------------- */

div#interiorBody {
    background-color: #B76801;
    margin-left: 6px;
    width: 712px;
    padding: 15px 20px;
}

div#interiorBody a {
	font-weight: bold;
	text-decoration: underline;
}

table#mainCallout {
    background-color: #ff9;
    float: left;
}

/* table#mainCallout td { */
/*     border: 1px solid black; */
/* } */

.pigBackground {
    background-image: url(../images/bess_2ndpage_BG_pig.gif);
}

.chickenBackground {
    background-image: url(../images/bess_2ndpage_BG_chicken.gif);
}

.bottlesBackground {
    background-image: url(../images/bess_2ndpage_BG_bottles.gif);
}

.fishBackground {
    background-image: url(../images/bess_2ndpage_BG_fish.gif);
}

.steerBackground {
    background-image: url(../images/bess_2ndpage_BG_steer.gif);
}

#mainCalloutText {
    width: 215px;
    padding: 5px 0 40px 0;
    background-position: 10px 100%;
    background-repeat: no-repeat;
}

#mainCalloutSubTopic {
    width: 456px;
    height: 300px;
    padding: 5px 0 80px 0;
    background-position: 10px 100%;
    background-repeat: no-repeat;
}

.menuColumn {
    width: 223px;
    background-position: 10px 100%;
    background-repeat: no-repeat;
}

.menuColumn h3 {
    font-size: 10px;
    font-weight: bold;
    margin: 10px 10px 0 10px;
    color: #BA3100;
}

.menuColumn p {
    font-size: 10px;
    margin: 5px 10px;
    line-height: 1.3em;
}

#mainCalloutSubTopic h3 {
    font-size: 11px;
    font-weight: bold;
    margin: 10px 10px 0 10px;
    color: #BA3100;
}

#mainCalloutText p {
    font-size: 10px;
    margin: 5px 10px;
    line-height: 1.3em;
}

#mainCalloutSubTopic p {
    font-size: 10px;
    margin: 5px 10px;
    line-height: 1.3em;
}

#mainCalloutPhotoOverview {
    padding-top: 10px;
    width: 202px;
    text-align: center;
}

#mainCalloutPhoto {
    padding-top: 20px;
    width: 234px;
    text-align: center;
}

#mainCalloutPhoto p {
    font-size: 10px;
    line-height: 1.3em;
    margin: 15px 15px 10px 22px;
    text-align: left;
}

#mainCalloutPhotoOverview h2 {
    text-align: left;
}

#mainCalloutPhoto h2 {
    text-align: left;
    margin: 15px 15px 10px 22px;
    color: #BA3100;
    font-size: 11px;
}

td.brownBG {
    background-color: #B76801;
}

td#verticalDots {
    background-image: url(../images/dot.jpg);
    background-repeat: repeat-y;
    background-position: 0px 5px;
    padding-right: 10px;
}

td.verticalDots {
    background-image: url(../images/dot.jpg);
    background-repeat: repeat-y;
    background-position: 0px 5px;
    padding-right: 10px;
}

td#horizontalDots {
    background-image: url(../images/h-dot.jpg);
    background-repeat: repeat-x;
    background-position: 0px 10px;
    padding-top: 10px;
}

td.horizontalDots {
    background-image: url(../images/h-dot.jpg);
    background-repeat: repeat-x;
    background-position: 0px 10px;
    padding-top: 10px;
}

td.upper {
    vertical-align: top;
    width: 9px;
}

td.lower {
    vertical-align: bottom;
    width: 9px;
}

td.upper img, td.lower img {
	float: left;
}

table#mainCallout ul {
    margin-top: 0px;
}

.cartHeader {
	background-color: #B76801;
	color: #ff9;
	font-weight: bold;
	line-height: 1.5em;
}

.cartItems {
	background-color: #ff9;
	color: #000;
	line-height: 1.5em;
}

.sidebar {
    float: left;
    margin-left: 20px;
}

.callout {
    background-image: url(../images/bess_2ndpg_sidebar_box.gif);
    height: 100px;
    width: 242px;
    margin: 10px 0px 0px 0px;
    
}

.callout h3 {
    color: #FFCC00;
    font-weight: bold;
    font-size: 11px;
}

.callout p {
    color: white;
	font-weight: bold;
	font-size: 10px;
}

.callout p, .callout h3 {
    width: 120px;
    margin: 0 0 0 30px;
    padding-top: 5px;
    line-height: 1.1em;
	font-weight: bold;
	
}

.callout a, .callout p a {
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
}

.submenuItem {
    font-size: 10px;
    font-weight: bold;
    margin: 5px 10px;
}

.submenuItem a {
    color: #BA3100;
    text-decoration: none;
    background-image: url(../images/star_bullet.jpg);
    background-repeat: no-repeat;
    padding-left: 13px;
    background-position: 0px 50%;
}

div.recipe {
    margin-bottom: 15px;
}

.menuCatHeader {
    color: #BA3100;
    background-image: url(../images/star_bullet.jpg);
    background-repeat: no-repeat;
    background-position: 0px 50%;
    padding-left: 13px;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 10px 0 0;
}

.menuCatExp {
    margin: 0 10px;
    font-style: italic;
}

div.menuItem h4 {
    color: #923401;
    font-size: 9px;
    margin: 0 0 0 10px;
}

h2.directions {
    color: #BA3100;
    margin: 10px 0 0 10px;
    font-size: 11px;
}

h2.catering {
    color: #BA3100;
    margin: 10px 0 0 10px;
    font-size: 12px;
}

h2.menuHeader {
    color: #BA3100;
    margin: 10px 0 0 10px;
    font-size: 12px;
}

h2.buffetHeader {
    color: #BA3100;
    margin: 10px 0 10px 10px;
    font-size: 12px;
}

ul.menuList {
    padding: 0;
    margin: 0 0 10px 25px;
/*     list-style: none; */
}

ul.menuList li {
    color: #923401;
    font-weight: bold;
    font-size: 10px;
}

span.desc {
	font-weight: normal;
	color: #000;
    font-size: 10px;
    font-style: italic;
    line-height: 1.2em;
}

div.desc {
    font-size: 10px;
    line-height: 1.2em;
    font-style: italic;
    margin: 0px 10px 0px 16px;
}

table.prices {
    margin: 10px 0 0 10px;
    font-weight: bold;
    width: 200px;
}

table.cateringPrices {
    width: 190px;
    margin: 0px 0px 20px 16px;
    color: #fff;
}

table.cateringPrices tr.row1 td {
    background-color: #923401;
    border: 1px solid white;
    text-align: center;
}

table.cateringPrices tr.row2 td {
    background-color: #E19519;
    border: 1px solid white;
    border-top: none;
    text-align: center;
}

h5.darkRed {
	font-size: 9px;
    color: #923401;
    margin: 0 0 0 16px;
}

h4.red {
	font-weight: normal;
    margin: 5px 0 0 16px;
    font-size: 10px;
    color: #BA3100;
}

h4.redbold {
	text-align: left;
    margin: 0 0 0 16px;
    font-size: 12px;
    color: #BA3100;
}

h3.red {
	text-align: left;
    margin: 0 0 0 16px;
    font-size: 11px;
    color: #BA3100;
}

h2.darkRed {
    margin: 5px 0 4px 8px;
    font-size: 14px;
    font-style: italic;
    color: #923401;
}

h2.darkRedStar {
    margin: 5px 0 4px 8px;
    font-size: 12px;
    left: -10px;
    padding-left: 12px;
    color: #923401;
    position: relative;
    background-image: url(../images/star_bullet.jpg);
    background-repeat: no-repeat;
    background-position: 0px 50%;
}

table#addons {
    margin: 0 0 20px 10px;
}

table#addons td {
	white-space: nowrap;
    padding: 0 15px 0 15px;
}

div.product {
    padding: 15px 0 15px 10px;
    clear: both;
}

div.product img {
    float: left;
    margin-right: 20px;
}

div.product h2 {
    margin-top: 0;
    padding-top: 0px;
    color: #923401;
    font-size: 12px;
}

div.product table {
    width: 275px;
    color: #333;
    font-weight: bold;
    text-align: center;
}

div.product th {
    color: #BA3100;
}

div.footnote {
    color: black;
    font-style: italic;
    text-align: right;
    margin: 0 25px 0 0;
}

div.quote {
    margin: 10px 0 0 10px;
    font-size: 10px;
    color: #923401;
    font-weight: bold;
}

div.source {
    margin: 0 0 0 10px;
    color: black;
}

h2.quoteHeader {
    font-size: 12px;
    color: #BA3100;
    margin: 10px;
}

h2.bio {
    font-size: 12px;
    color: #BA3100;
    margin: 20px 0 0 10px;
}

h4.bio {
    font-size: 10px;
    color: #923401;
    margin: 0 0 0 10px;
}

div#headShots div {
    text-align: right;
    color: #BA3100;
    margin: 0 35px 10px 0;
}

div.address {
    color: #BA3100;
    font-size: 11px;
    font-weight: bold;
    margin: 10px 0 0 10px;
}

div.address a {
    color: #923401;
}

div.address span {
    font-size: 10px;
}




/*

	Admin classes
	
*/


#adminBodyWrap {
	float: left;
	width: 740px;
	margin: 10px 0px 0px 10px;
	padding: 0;
	background-color: transparent;
}

#adminBodyWrap input, #adminBodyWrap select, #adminBodyWrap textarea {
	font-family: trebuchet ms,tahoma,arial,helvetica,sans-serif;
	font-size: 10px;
	line-height: 1.5em;
}

#adminNav {
	width: auto;
	padding: 3px;
	vertical-align: middle;
	border-bottom: 1px solid #000;
	white-space: nowrap;
	background-color: #fff;
}
	
#adminNav a {
	font: 11px/1.5 trebuchet ms,tahoma,arial,helvetica,sans-serif;
	font-weight: bold;
	color: #630;
	text-decoration: none;
}

#adminNav a:hover {
	text-decoration: underline;
}

#adminTreeNav span, #adminTreeNav td, #adminTreeNav div {
	font-size: 8pt;
	font-family: trebuchet ms,tahoma,arial,helvetica,sans-serif;
	color: #333;
	vertical-align: middle;
}

.adminTreeNav a {
	font-size: 8pt;
	font-family: trebuchet ms,tahoma,arial,helvetica,sans-serif;
	color: #ffc;
	text-decoration: none;
}

.adminTreeNav a:hover {
	text-decoration: underline;
}

.adminTabOn {
	position: relative;
	top: 1px;
	z-index: 2;
	float: left;
	border: 1px solid #000;
	border-bottom: 0;
	padding: 6px;
	padding-left: 10px;
	padding-right: 10px;
	/*width: 100px;*/
	background-color: #fff;
}

.adminTabOff {
	position: relative;
	z-index: 2;
	float: left;
	border: 1px solid #000;
	border-bottom: 0;
	padding: 4px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 4px;
	/*width: 100px;*/
	background-color: #eaedf2;
}

.adminTabOn a {
	font-size: 9pt;
	font-family: trebuchet ms,tahoma,arial,helvetica,sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #553915;
}
.adminTabOn a:hover {
	text-decoration: underline;
	color: #553915;
}

.adminTabOff a {
	font-size: 9pt;
	font-family: trebuchet ms,tahoma,arial,helvetica,sans-serif;
	text-decoration: none;
	color: #553915;
}
.adminTabOff a:hover {
	text-decoration: underline;
	color: #553915;
}

.adminTabPanel {
	position: absolute;
	z-index: 1;
	top: 117px;
	left: 240px;
	border: solid 1px #000;
	padding: 15px 10px 10px 20px;
	width: 740px;
	height: 450px;
	background-color: #fff;

	font-size: 8pt;
	font-family: trebuchet ms,tahoma,arial,helvetica,sans-serif;

}

.adminTabPanel div, .adminTabPanel td, .adminTabPanel span, .adminTabPanel p, .adminTabPanel input, .adminTabPanel textarea, .adminTabPanel select, .adminTabPanel a {
	font-size: 8pt;
	line-height: 1.3em;
	font-family: trebuchet ms,tahoma,arial,helvetica,sans-serif;
}

.adminTabPanel .dim {
	background-color: #ccc;
}

.adminTabPanel a {
	color: #553915;
	text-decoration: none;
}

.adminTabPanel a:hover {
	text-decoration: underline;
}

.adminTabPanel h4 {
	margin-bottom: 6px;
	font-size: 14px;
}

.adminTabPanel h5 {
	margin-bottom: 6px;
	font-size: 12px;
}

.adminEditPanel {
	border-collapse: collapse;
}

.adminEditPanel div, .adminEditPanel span, .adminEditPanel p, .adminEditPanel input, .adminEditPanel textarea, .adminEditPanel select, .adminEditPanel a {
	font-size: 8pt;
	line-height: 1.3em;
	font-family: trebuchet ms,tahoma,arial,helvetica,sans-serif;
}

.adminEditPanel th {
	line-height: 10px;
	font-size: 8pt;
	font-weight: normal;
	text-align: right;
	vertical-align: top;
	padding: 10px 4px 3px 0px;
}

.adminEditPanel td {
	padding: 4px 0px 3px 0px;
	vertical-align: middle;
}

.adminBoxPanel {
	margin: 0px 0px 20px 15px;
	border-collapse: collapse;
	border: 1px solid #999;
}

.adminBoxPanel th {
	text-align: center;
	padding: 3px 0px 3px 0px;
	vertical-align: middle;
	font: 8pt/1.3 trebuchet ms,tahoma,arial,helvetica,sans-serif;
	font-weight: bold;
	border-bottom: 1px solid #999;
	background-color: #ccc;
}

.adminBoxPanel td.Caption {
	text-align: center;
	padding: 3px 0px 3px 0px;
	vertical-align: middle;
	font: 7pt/1.3 trebuchet ms,tahoma,arial,helvetica,sans-serif;
	background-color: #e3e3e3;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}

.adminBoxPanel td.label {
	padding: 8px 4px 2px 4px;
	vertical-align: top;
	font: 7pt/1.3 trebuchet ms,tahoma,arial,helvetica,sans-serif;
}

.adminBoxPanel td {
	padding: 4px 4px 2px 4px;
	vertical-align: top;
	background-color: #e7e2dc;
	font: 7pt/1.3 trebuchet ms,tahoma,arial,helvetica,sans-serif;
}

.adminBoxPanel a {
	font: 7pt/1.1 trebuchet ms,tahoma,arial,helvetica,sans-serif;
}

.adminBoxPanel input {
	font: 10px/1.3em trebuchet ms,tahoma,arial,helvetica,sans-serif;
}

select.subNavList {
	background-color: #e7e2dc;
	width: 200px;
}

table.adminFeatureBox {
	width: 100%;
	border-top: solid 1px #999;
	border-collapse: collapse;
	background-color: #e7e2dc;
}

table.adminFeatureBox tr {
	border: solid 1px #999;
	border-top: 0;
}

table.adminFeatureBox td {
	padding: 5px;
	vertical-align: middle;
	border: solid 1px #999;
	border-top: 0;
	
}

table.adminFeatureBox td.sep {
	border-left: 0;
	border-right: 0;
}

table.adminFeatureBox td.titleLeft {
	background-color: #ccc;
	font-weight: bold;
	border-right: 0;
}

table.adminFeatureBox td.titleRight {
	background-color: #ccc;
	font-weight: bold;
	border-left: 0;
}

table.adminFeatureBox a {
	font-weight: normal;
}

/* fader */

.newson {
	width: 551px;
	height: 88px;	
	width:auto;
	height:auto;
}

.newsoff {
	display:none;	 	
}

.newsoff img {	
	filter: Alpha(Opacity=0);
	-moz-opacity:0;
}

.newson .testimonialHeader .testimonialSource {
	color: #CC6600;
}

.newsoff .testimonialHeader .testimonialSource {
	color: #CC6600;
}