/* 
 * Menu Creation CSS
 *
 * Rodolfo Eckardt - Synergy - 2012
 *
*/

/*
 * Mulatto CSS
 */

.mul-menu-page {
	display:none;
}
 
 /* Ends Mulatto CSS */



/** Menu Elements **/

#menuBG {
	
}

#menuContainer {
	
}

#categoryPage {
	width: 340px;
	height: 600px;
	position: absolute;
	margin-left: 490px;
	z-index:1000;
	background: #fff url('../images/menus/menuPageControls.png') no-repeat top;
}

#menuPage {
	overflow: hidden;
	width: 340px;
	height: 600px;
	position: relative;
	margin-left: 490px;
	background: transparent url('../images/menus/menuPageCurl.png') no-repeat top;
	display: visible;
}

#menuFold {
	width: 100px;
	height: 40px;
	margin-left: 490px;
	position: absolute;
	z-index: 999;
	cursor: pointer;
	background: url('../images/menus/earFold.png') no-repeat top;
}

/** Restaurant Logos**/
#shLogo {
	width:157px;
	height:123px;
	margin-left: 100px;
	margin-top: 20px;
	margin-bottom: 30px;
	position:relative;
	background: url('../images/logos/shulaSteakHouseLogo.png') no-repeat top;
}

#otbLogo {
	width:157px;
	height:123px;
	margin-left: 100px;
	margin-top: 20px;
	margin-bottom: 30px;
	position:relative;
	background: url('../images/logos/shulaOTBLogo.png') no-repeat top;
}

#s347Logo {
	width:157px;
	height:123px;
	margin-left: 100px;
	margin-top: 20px;
	margin-bottom: 30px;
	position:relative;
	background: url('../images/logos/shula347Logo.png') no-repeat top;
}

#s2Logo {
	width:157px;
	height:123px;
	margin-left: 100px;
	margin-top: 20px;
	margin-bottom: 30px;
	position:relative;
	background: url('../images/logos/shula2Logo.png') no-repeat top;
}

#sbagLogo {
	width:157px;
	height:123px;
	margin-left: 100px;
	margin-top: 20px;
	margin-bottom: 30px;
	position:relative;
	background: url('../images/logos/shulaBAGLogo.png') no-repeat top;
}

#menuText {
	width: 326px;
	height: 439px;
	margin: auto;
	clear: both;
}

/** Scroll Bar Elements for #menuText**/

#menuText .viewport { width: 320px; height: 375px; overflow-y: auto; overflow-x: hidden; position: relative; }
#menuText .overview { list-style: none; position: relative; left: 0; top: 0; }
#menuText .thumb .end,
#menuText .thumb { background-color: #999;}
#menuText .scrollbar { position: relative; float: right; width: 3px; }
#menuText .track { background-color: transparent; height: 100%; width:3px; position: relative; padding: 0 5px; }
#menuText .thumb { height: 20px; width: 3px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#menuText .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#menuText .disable{ display: none; }

#hideArrow {
	width: 340px;
	height: 25px;
	margin-top: -35px;
	margin-left: 500px;
	position: absolute;
	z-index: 1001;
	cursor: pointer;
	background: transparent url('../images/menus/hideArrow.png') no-repeat top;
}

/** BG Image Classes **/

.porterhouse {
	width: 920px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	border: 10px solid #fff;
	background-image: url('../images/menus/bg/porterhouse.jpg');
}

.bbqShrimp {
	width: 920px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	border: 10px solid #fff;
	background-image: url('../images/menus/bg/bbqShrimp.jpg');
}

.ahiTuna {
	width: 920px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	border: 10px solid #fff;
	background-image: url('../images/menus/bg/ahiTuna.jpg');
}

.blueCheeseKettle {
	width: 920px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	border: 10px solid #fff;
	background-image: url('../images/menus/bg/blueCheeseKettle.jpg');
}

.filetOscar {
	width: 920px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	border: 10px solid #fff;
	background-image: url('../images/menus/bg/filetOscar.jpg');
}

.salmonFillet {
	width: 920px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	border: 10px solid #fff;
	background-image: url('../images/menus/bg/salmonFillet.jpg');
}

.wedgeSalad {
	width: 920px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	border: 10px solid #fff;
	background-image: url('../images/menus/bg/wedgeSalad.jpg');
}

.carrotCake {
	width: 920px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	border: 10px solid #fff;
	background-image: url('../images/menus/bg/carrotCake.jpg');
}

.filetMignon {
	width: 920px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	border: 10px solid #fff;
	background-image: url('../images/menus/bg/filetMignon.jpg');
}

.seaScallops {
	width: 920px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	border: 10px solid #fff;
	background-image: url('../images/menus/bg/seaScallops.jpg');
}

.shellfishTrio {
	width: 920px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	border: 10px solid #fff;
	background-image: url('../images/menus/bg/shellfishTrio.jpg');
}

.spinachSalad {
	width: 920px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	border: 10px solid #fff;
	background-image: url('../images/menus/bg/spinachSalad.jpg');
}

.cremeBrulee {
	width: 920px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	border: 10px solid #fff;
	background-image: url('../images/menus/bg/cremeBrulee.jpg');
}

.nyStrip {
	width: 920px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	border: 10px solid #fff;
	background-image: url('../images/menus/bg/nyStrip.jpg');
}

.swBurger {
	width: 920px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	border: 10px solid #fff;
	background-image: url('../images/menus/bg/swBurger.jpg');
}

.trioSides {
	width: 920px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	border: 10px solid #fff;
	background-image: url('../images/menus/bg/trioSides.jpg');
}

.broccoli {
	width: 920px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	border: 10px solid #fff;
	background-image: url('../images/menus/bg/broccoli.jpg');
}

.jumboLump {
	width: 920px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	border: 10px solid #fff;
	background-image: url('../images/menus/bg/jumboLump.jpg');
}

.florentine {
	width: 920px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	border: 10px solid #fff;
	background-image: url('../images/menus/bg/florentine.jpg');
}

.crispyRavioli {
	width: 920px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	border: 10px solid #fff;
	background-image: url('../images/menus/bg/crispyRavioli.jpg');
}

.hickoryBurger {
	width: 920px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	border: 10px solid #fff;
	background-image: url('../images/menus/bg/hickoryBurger.jpg');
}

.sweetPotatoFries {
	width: 920px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	border: 10px solid #fff;
	background-image: url('../images/menus/bg/sweetPotatoFries.jpg');
}

.caesarSalad {
	width: 920px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	border: 10px solid #fff;
	background-image: url('../images/menus/bg/caesarSalad.jpg');
}

.cheesecake {
	width: 920px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	border: 10px solid #fff;
	background-image: url('../images/menus/bg/cheesecake.jpg');
}

.lavaCake {
	width: 920px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	border: 10px solid #fff;
	background-image: url('../images/menus/bg/lavaCake.jpg');
}


/** Functionality Classes **/

.wordwrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera less 7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}

/** Overrides for mainMenu table **/

.tableOverride tr:hover {
	background-color: transparent;
}

table.tableOverride {
	border: 0px;
	text-align: center;
	width: 100%;
}