@font-face {
    font-family: MarydaleRegular;
    font-style:  normal;
    font-weight: normal;
    src: url(http://www.bombaybowl.com/fonts/MARYDAL0.eot);
    src: local("MarydaleRegular"),local("Marydale Regular"),local("Marydale-Regular"), url( /fonts/MARYDALE.TTF ) format("truetype"); /* non-IE */  
  }


.calcHeader {
	font-family: MarydaleRegular;
	color: #fff;
	font-size: 15px;
	line-height: 15px;
	margin:0px 0 0 0;
	padding:0 20px 0 0;
	font-weight: normal;
	text-decoration: none;
}


.calcSubHeader {
	font-family: MarydaleRegular;
	color: #fff;
	font-size: 18px;
	line-height: 18px;
	margin:0px 0 0 0;
	padding:12px 0px 0 20px;
	font-weight: normal;
	text-align: left;
}


.calcHeader:hover {
	color: #c5ce35;

}

.calcHeaderSelected {
	font-family: MarydaleRegular;
	color: #c5ce35;
	font-size: 15px;
	line-height: 15px;
	margin:0px 0 0 0;
	padding:0 20px 0 0;
	font-weight: normal;
	text-decoration: none;	
}

h2{
	font-family: MarydaleRegular;
	color: #fff;
	font-size: 18px;
	line-height: 18px;
	margin:0px 0 0 0;
	padding:0;
	font-weight: normal;
}


h3{
	font-family: MarydaleRegular;
	color: #945314;
	font-size: 16px;
	line-height: 16px;
	margin:10px 0 0 0;
	padding:0;
	font-weight: normal;
}
	
.locationText {
	color: #000;
	font-size: 13px;
	padding: 8px;
	width: 300px;
	margin-bottom: 20px;
	margin-left: 20px;
	}


.locationText a {
	color: #000;
	font-size: 13px;
	}

	
.smallMarydale {
	font-family: MarydaleRegular;
	color: #945314;
	font-size: 12px;
	line-height: 14px;
	margin:0;
	padding:0;
}

.mediumMarydale{
	font-family: MarydaleRegular;
	color: #945314;
	font-size: 18px;
	line-height: 18px;
	margin:0;
	padding:0;
}

.largeMarydale {
	font-family: MarydaleRegular;
	color: #d06a24;
	font-size: 24px;
	line-height: 22px;
	margin:0;
	padding:0;
}

.extraLargeMarydale {
	font-family: MarydaleRegular;
	color: #4d3214;
	font-size: 36px;
	line-height: 32px;
	margin:0;
	padding:0;
	text-align: center;
}



#copyrightText {
	text-align: center;
	margin:32px 0 0 0;
	padding:0;
}


#freshIndianGrill {
	text-align: left;
	margin:0 0 0 12px;
	padding:0;
}


#bottomLeft {
	background: url('images/logoText.gif') top left no-repeat #fff;
	padding: 45px 0px 0px 0px;
	
}

	
	img { behavior: url(/iepngfix.htc); }
	
	body {
		background: url(images/mainbgwhite.gif) top center repeat-y #ffffff;
		margin: 0;
		padding: 0;
		font-family: arial, helvetica, sans-serif;
		
	}
	
	#mainContent {
		background: #fff;
		width: 896px;
		margin: 0px auto 0px auto;
		clear: both;
		
	}
	
	
	#bottomContent {
		width: 870px;
		margin: 0px auto 0px auto;
		clear: both;
		background: url('images/logoText.gif') top left no-repeat #fff;
		padding: 45px 0px 0px 0px;
		
	}






	#bannerContainer {
		position:relative;
		margin:auto;
		width:896px;
		height: 388px;
		overflow: hidden;
	}
	
	
	#topContainer {
		position:relative;
		margin:auto;
		width:896px;
		height: 388px;
		overflow: hidden;
	}
	


#navMenuDiv {
		background: url('/images/navMenu_BG.jpg') top left repeat-x;
		height:56px;
		width: 897px;
}




.navMenuItem {
	font-family: arial, helvetica, tahoma;
	font-size: 14px;
	color: #4d3214;
	font-weight: normal;
	text-align: center;
	padding: 0px 25px 0px 25px;
	height: 46px;
	display: block;
	float: left;
	line-height: 46px;
	text-align: center;
	text-decoration: none;
}



.navMenuItem:hover {
	font-family: arial, helvetica, tahoma;
	font-size: 14px;
	text-decoration: underline;
	color: #4d3214;
}

.navMenuItemSelected {
	font-family: arial, helvetica, tahoma;
	font-size: 14px;
	font-weight: bold;
	color: #4d3214;
	background: url('/images/steamer.png') top center no-repeat;
	padding: 0px 25px 0px 25px;
	height: 46px;
	display: block;
	float: left;
	line-height: 46px;
	text-align: center;
	text-decoration: none;
}




	
	#spiceNamesDiv {
		margin: 8px 0px 0px 140px;
		border: 0px solid red;
	
	}
	
	
	#spiceNamesDiv a{
		color: white;
		text-decoration: none;
		font-weight: bold;
		font-size: 14px;
		margin: 0px 10px 0px 10px;
	}


	


	#spiceDisplayContainer {
		height: 354px;
		border: 0px solid blue;
		overflow: hidden;
	}


	#spiceDisplay {
		height: 350px;
		width: 400px;
		padding: 10px 10px 0px 40px;
		float: left;
	}

	#tipDiv {
		height: 350px;
		width: 370px;
		padding: 10px 10px 0px 40px;
		float: left;
	}


	#menuItemsDiv {
		margin: 360px 0px 0px 0px;
		padding-left: 130px;
		border: 0px solid red;
		position: absolute;
		z-index: 3;
	}
	
	
	#menuItemsDiv a{
		color: white;
		text-decoration: none;
		font-weight: bold;
		font-size: 14px;
		margin: 0px 18px 0px 18px;
		
	}




	#menuItemsDiv a:hover{
		color: white;
		text-decoration: underline;
	}
	
	#menuDisplayContainer {
		height: 535px;
		width: 870px;
		border: 1px solid blue;
		overflow: hidden;
		z-index: 950;
		position: absolute;
		margin: 10px 0px 0px 10px;
		display:none;
	}
	
	
	#menuItemDisplay {
		height: 350px;
		width: 560px;
		padding: 0px 10px 0px 40px;
		border: 0px solid black;
		
	}

	#menuDownloadContainer {
		margin: 320px 0px 0px 18px;
		width: 130px;
		float: left;
		border: 0px solid blue;
		overflow: hidden;
		position: absolute;
		z-index: 100
	}
	
	#menuFaxContainer {
		margin: 320px 0px 0px 148px;
		width: 130px;
		float: left;
		border: 0px solid blue;
		overflow: hidden;
		position: absolute;
		z-index: 101
	}
	
	#menuAllergenContainer {
		margin: 320px 0px 0px 408px;
		width: 130px;
		float: left;
		border: 0px solid blue;
		overflow: hidden;
		position: absolute;
		z-index: 500
	}
	
	
	#menuHealthyBBContainer {
		margin: 320px 0px 0px 668px;
		width: 130px;
		float: left;
		border: 0px solid blue;
		overflow: hidden;
		position: absolute;
		z-index: 502;
	}
	
	#healthySealWhiteSpace {
		margin: -40px 0px 0px 422px;
		width: 79px;
		float: left;
		border: 0px solid blue;
		overflow: hidden;
		position: absolute;
		z-index: 980;
	}
	
	#bbclubwhitespace {
		margin: -40px 0px 0px 388px;
		width: 200px;
		float: left;
		border: 0px solid blue;
		overflow: hidden;
		position: absolute;
		z-index: 980;
	}
	
	
	
	
	
	#menuCateringContainer {
		margin: 320px 0px 0px 538px;
		width: 130px;
		float: left;
		border: 0px solid blue;
		overflow: hidden;
		position: absolute;
		z-index: 501;
	}
	
#nutritionContainer{
		margin: 320px 0px 0px 278px;
		width: 130px;
		float: left;
		border: 0px solid blue;
		overflow: hidden;
		position: absolute;
		z-index: 499
	}


.dhtmlwindow{
position: absolute;
border: 1px solid #333;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: normal 13px verdana;
height: 20px;
line-height: 22px;
background: url('images/windowBarBG.gif') bottom left repeat-x #efefef;
color: #333;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid #ccc;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px dotted gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}


.popupContentDiv {
	font-family: verdana;
	text-align: center;
}


 a.popupContentLink{
	text-decoration: none;
	color: #B45124;
	font-size: 11px;
}

 a.popupContentLink:hover{
	text-decoration: underline;
	font-size: 11px;
}


.elephantBullets li {
list-style-image: url(/images/bullet_elephant.png);

}

.forkBullets li {
list-style-image: url(/images/logo_fork_bullet.png);
}

.fancyBullets li {
font-size:11pt;
font-family:papyrus,arial,sans-serif;
line-height:13pt;
margin-bottom:8px;
}


#allergenTable td{
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

#allergenTable th{
	border-right: 1px solid black;
	border-bottom: 2px solid black;
}


#allergenTable {
	border-left: 1px solid black;
	border-top: 1px solid black;
}