@charset "utf-8";

/* Layout

*********************************************************************/

* {

	margin:0;

	padding:0;

}



body {

	/* background-color:#210101; */

	background-color:#000000;

	margin:0;

	padding:0;

	height:100%;

	width:100%;

}

a img {border:none;}

.floatRight {float:right}

.floatLeft {float:left}

.search_box {

	float: left;

	height: 20px;

	width: 193px;

}

.noDisplay {display: none;}



#mainBox {

	height:100%;

	left:0;

	position:absolute;

	text-align:center;

	top:0;

	width:100%;

	z-index:0;

}

	#mainContainer {

	margin: 0 auto;

	width: 1024px;

	position: relative;

	}

		#siteHeader {

			margin: 0px auto;

			padding: 0px;

			height: 88px;

			width: 100%;

			position: absolute;

			top:0px;

			left:0px;

			z-index: 1000;

			background: url(../../images/TOPNAV_BGIMG.png) repeat-x scroll left top;

		}

		#logo {

			margin: 0;

			float: left;

			height: 48px;

			width: 243px;

			position:absolute;

			top:21px;

			left:17px;

			z-index:1000;

		}

		#topNavContainer {

			width: 420px;

			height:30px;

/*			top:28px; */
			top:33px;

			left:270px;

			position:absolute;

			z-index:1000;

		}

		#topSiteTools {

			height: 20px;

			width: 272px;

			overflow: visible;

			position: absolute;

			visibility: visible;

			z-index: 1000;

			top: 20px;

			right: 16px;

		}

		#bottomSiteTools {

			overflow: visible;

			position: absolute;

			z-index: 1000;

			height: 22px;

			width: 302px;

			top: 53px;

			right: 8px;

		}

			#bottomSiteTools ul#siteTools {width: 302px !important; margin-top:3px; position:relative;}



		#contentFlash {

			margin: 0px;

			padding: 0px;

			height: 735px;

			width: 1024px;

			position: absolute;

			visibility: visible;

			z-index: 1;

			left: 0px;

			top: 0px;

			background: url(../../images/CheesecakeFactory_166of167.jpg) no-repeat scroll left top;

		}

			/* this is for the content height when there is no Flash as background */

			.noFlashHeight { /*height:592px !important;*/}

			.colorBG_F2EFDF {background-image: none !important; background-color:#F2EFDF !important;}

			.colorBG_black {background-image: none !important; background-color:#000000 !important;}

		/* This is used for flexible height for the content area (below will show a scroll bar at the browse window) */

		#contentBox {

			margin: 0;

			padding: 112px 0 50px 0;

			width: 1024px;

			overflow:hidden;

		}





		#mainContent {

			margin:0 auto;

			width:1024px;

			height:100%;

			position:absolute;

			top:80px;

			left:0px;

			z-index:999;

		}

		#footer {

			background: url(../../images/FOOTER_BGIMG.png) repeat-x scroll left bottom;

			height: 36px;

			width: 1024px;

			position: absolute;

			z-index: 1000;

			left: 0px;

			bottom: 0px;

		}

		.footerContent {

			height: 36px;

			width: 988px;

			position: absolute;

			z-index: 1020;

			left: 0px;

			bottom: 0px;

		}

		#legal {
			position:absolute;
			bottom:-25px;
			text-align:middle;
			width:1024px;
		}

/*Left Nav Layout {this is wraped inside of #mainContent}

*********************************************************************/

#leftNav_levelOne {

	float: left;

	height: 626px;

	width: 156px;

	position: relative;

	padding: 0;

	margin:0;

	left: 0px;

	top: 0px;

	bottom:0px;

}

#leftNav_levelTwo {

	float: left;

	height: 626px;

	width: 212px;

	position: relative;

	padding: 0;

	margin:0;

	left: 0px;

	top: 0px;

	bottom:0px;

}

.leftNav_Locations {

	width: 170px !important;

}



	.alpha_BG60 {

		position: absolute; top: 0; bottom: 0px; left:0px; width:100%;

		background-color:#050000;

		filter:alpha(opacity=60); /* for IE 6&7 */

		-moz-opacity:.60; /* older Gecko-based browsers */

		opacity:.60; /* CSS3 standard */

		-khtml-opacity: 0.60; /*old versions of Safari (1.x)*/

	}

	.alpha_BG40 {

		position: absolute; top: 0; bottom: 0px; left:0px; width:100%;

		background-color:#050000;

		filter:alpha(opacity=40); /* for IE 6&7 */

		-moz-opacity:.40; /* older Gecko-based browsers */

		opacity:.40; /* CSS3 standard */

		-khtml-opacity: 0.40; /*old versions of Safari (1.x)*/

	}

	.alpha_content {

		position:relative;

		left:0px;

		top:0px;

		vertical-align: top;

		text-align: left;

		width:100%;

		height:100%;

		padding:0;

		margin:0;

	}

	#button_up{

		padding-top:15px;

		height:25px;

	}



	#button_down {

		position:absolute; 

		height:25px; 

		bottom:8px;

	}

	



/*Right Content Box Layout

*********************************************************************/



#rightContentBox {

	background: url(../../images/MENU_BGimg.png) no-repeat scroll left top;

	float: left;

	height: 384px;

	width: 597px;

	margin-top:63px;

	margin-left:130px;

	padding-top:9px;

}







/*Recipe Menu Layout

*********************************************************************/



#receiptMenu {

	background: url(../images/MENU_BGimg.png) no-repeat scroll left top;

	float: left;

	height: 384px;

	width: 597px;

	margin-top:63px;

	margin-left:25px;

	padding-top:9px;

}



.recipt_content {

	float: left;

	height: 353px;

	width: 282px;

}

.recipe_img {

	float: left;

	height: 353px;

	width: 295px;

}

.recipe_glyph {

	text-align: center;

	height: 60px;

}

	.recipe_glyph img {margin-top:15px}

	

.recipe_title {

	background: url(../images/5colors_vertical.gif) no-repeat scroll 1px top;

	height: 60px;

}

.recipe_description {

	height: 100px;

	width: 240px;

	border-bottom: 0.1em solid #BFBFBF;

	margin: 0px auto;

}

.recipe_substitutions {

	margin: 0px auto;

	height: 90px;

	width: 240px;

}

.recipe_nutritionInfo_Box {

	text-align: right;

	margin-top:5px; margin-right:12px;

}

	.recipe_nutritionInfo_Box img {margin-top:2px}



/*Sit Map Layout

*********************************************************************/

#sitemap {

	text-align: left;

	vertical-align: top;

	margin: 0 25px;

	overflow:hidden;

	height:100%

}







/* class for cheesecake shareIT page start */





#share{ position:relative; font-family:"Trebuchet MS"; margin: 0 25px;overflow:hidden;height:100%}

#share #whiteborder{width:863px; height:489px; margin: auto}

#share #top{background:url(../images/shareITtop.png) no-repeat top center; width:884px; height:15px;}

#share #middle{background:url(../images/shareITmiddle.png) repeat-y; width:884px; margin-top:-1px;}

#share #bottom{background:url(../images/shareITbottom.png) no-repeat top center; width:884px; height:15px; clear:both;}

#share #middle #popup{background:url(../images/popupbg.jpg) no-repeat top center; width:772px; height:473px; margin-left:14px; padding:0px 38px; }



#share #whiteborder .heading{text-align:center;  margin-bottom:25px; padding-top:2px;}

#share #whiteborder #leftSection{ float:left; width:359px;}

#share #whiteborder #rightSection{ float:right; width:359px;}

#share #whiteborder h1{ color:#ca3c53; font-size:23px; text-align:center; margin:0px; font-family:"Trebuchet MS";}

#share #whiteborder h2{ color:#45110a; font-size:15px; text-align:center; margin:0px;font-family:"Trebuchet MS";}

#share #whiteborder p{ color:#45110a; font-size:11px;  margin:10px 0px 0; line-height:13px; }

#share #whiteborder ol{ color:#45110a; font-size:11px; text-align:left; margin:0px; padding:5px 0 0 30px; }

#share #whiteborder ol span a{ background:#00549f; color:#fff; font-size:10px; text-align:left; margin:0px; text-decoration:none;padding:0 3px}

#share #whiteborder .bMargin{ margin-bottom:20px;}



#share #whiteborder .bottomBtnL{text-align:center; position:relative; margin-top:20px;}

#share #whiteborder .bottomBtnR{text-align:center; position:relative; margin-top:35px;}

#share #whiteborder #feedAmerica{ position:absolute; right:5px; top:0px;}

#share a img{ border:none;}

#share a.enternow{background:url(../images/enterNow.gif) no-repeat center center;float:left; display:inline; height:41px ; width:120px; text-indent:-5000px; margin:0 0 0 125px}

#share a.enternow:hover{background:url(../images/enterNow_H.gif) no-repeat center center;}

#share a.searchbtn{background:url(../images/searchNow.gif) no-repeat center center;float:left; display:inline; height:41px ; width:120px; text-indent:-5000px; margin:0 0 0 120px}

#share a.searchbtn:hover{background:url(../images/searchNow_H.gif) no-repeat center center;}





/* class for cheesecake shareIT page end*/