/* ************************************************
** 	Page
***************************************************/
*{
	padding: 			0px;
	margin: 			0px;
}
body{
	background-color:	#000000;
	padding: 			0px;
	height: 			100%;
	width: 				100%;
	font-family:		Trebuchet MS,Arial,sans-serif;
}
#page{
	width:				808px;
	margin:				0px auto;
}

/* ************************************************
** 	Header
***************************************************/
#header{
	background:			transparent url('../images/headerPizza.jpg') no-repeat right 0px;
	height:				135px;
}
#header img{
	margin-left:		25px;
}


/* ************************************************
** 	Navigation
***************************************************/
#navigation{
	position:			absolute;
	margin:				135px auto 0px;
	height:				58px;
	width:				808px;
	background:			transparent url('../images/navigationBgCenter.gif') repeat-x 0px 0px;
}
#navigationWingLeft{
	width:				4px;
	float:				left;
	height:				58px;
	background:			transparent url('../images/navigationBorder.gif') repeat-x 0px 0px;
}
#navigationWingRight{
	width:				4px;
	float:				right;
	height:				58px;
	background:			transparent url('../images/navigationBorder.gif') repeat-x 0px 0px;
}
#navigation ul{
	/*text-align:			center;*/
	line-height:		1em;
	list-style:			none;
	color:				#996666;
	margin-top:			15px;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			1.2em;
}
#navigation ul li{
	display:			inline;
	padding:			0px 30px;
	background:			transparent url('../images/navigationDivider.gif') no-repeat 0px 0px;
}
#navigation ul li.listFirst{
	background:			none;
}
#navigation ul li a{
	color:				#4e0000;
	font-weight:		bold;
	text-decoration:	none;
}
#navigation ul li a:hover{
	color:				#FFFFFF;
}


/* ************************************************
** 	AnchorBox
***************************************************/
.anchorBox{
	background:				#dcd363 url('../images/anchorBoxMiddle.gif') repeat-y 0px 0px;
}
.anchorBoxWrapper{
	border-left:			3px solid #392613;
	background:				transparent url('../images/anchorBoxRight.gif') no-repeat right 0px;
}
.anchorContent{

	
}
.anchorFooter{
	height:					13px;
	background:				transparent url('../images/anchorBoxBottom.gif') no-repeat 0px 0px;
}

/* ************************************************
** 	Content
***************************************************/
#contentWrapper{
	width:				800px;
	margin:				0px auto;
	border-bottom:		4px solid #FFFFFF;
	border-left:		4px solid #FFFFFF;
	border-right:		4px solid #FFFFFF;
	background:			#800000 url('../images/redBgFade.gif') repeat-x 0px 0px;
}
#content{
	padding:			80px 10px 10px;	
	min-height:			600px;
	color:				#FFFFFF;
}
#content a{
	color:				#E7D830;
	/*text-decoration:	none;*/
}
#content a:hover{
	text-decoration:	none;
}


/* ************************************************
** 	Common
***************************************************/
.imgWrapper{
	background-color:	#FFFFFF;
	padding:			1px;
}
.imgWrapper img{
	border: 			2px solid #dfb479;
}
.subHeader{
	color:				#eae701;
	
}
ul.subMenu{
	text-align:			center;
}
ul.subMenu li{
	display:			inline;
	padding:			0px 10px 0px 15px;
}
#ajaxLoader{
	float:				right;
	margin-top:			7px;
	margin-right:		30px;
}
.comboBox{
	width:				625px;
	height:				80px;
	margin:				0px auto;
	background:			transparent url('../images/comboBox.gif') no-repeat 0px 0px;
}
.comboBoxContent{
	font-size:			1.2em;
	line-height:		1.4em;
	padding-left:		125px;
	padding-top:		15px;
}
.comboBoxPrice{
	font-size:			1em;
	float:				right;
	padding-right:		45px;
}
.comboBoxTitle{
	color:				#452e10;
	font-weight:		bold;
	font-size:			1.1em;
}
.comboBoxTag{
	color:				#4e0000;
	font-weight:		bold;
}
.errorBox{
	font-weight:		bold;
	color: 				#800000;
	background-color:	#F0BDBD;
	border:				2px solid #FFFFFF;
	clear:				right;
	font-size:			.95em;
	padding:			4px;
}
.errorBox a{
	color:				#FFFFFF;
}
table.cfdump_struct{
	color:				#000000 !important;	
}
object{
	outline:			none;
}
input[type="text"], textarea, select{
	background:			transparent url('../images/shadowBorder.png') no-repeat scroll left top;;
}

/* ************************************************
** 	Links
***************************************************/
a.external{
	padding-right: 		15px;
	background: 		transparent url('../images/externalLink.gif') no-repeat right 50%;
}

/* ************************************************
** 	Home
***************************************************/
#commercial{
	float: 				right;
	padding-left: 		20px;
	outline: 			none;
	width:				425px;
	height:				370x;
}
#commercial .errorBox{
	text-align:			center;
	padding-top:		30px;
	height: 			300px;
	width: 				400px;
}
#commercial .errorBox a{
	color:				#FFFFFF;
}
.introduction{
	padding: 			0 440px 0px 15px;
	line-height:		1.6em;
}
ul.promoBoxes{
	list-style: 		none;
	list-style-image:	none;
	text-align:			center;
}
ul.promoBoxes li{
	display:			inline;
	list-style: 		none;
	list-style-image:	none;
	padding:			0px;
}



/* ************************************************
** 	Menu
***************************************************/
ul.categoryList{
	margin-bottom: 		25px;
	text-align:			center;
}
ul.categoryList li{
	padding:			0px 10px;
	display:			inline;
}
table.products{
	width:				625px;
	margin:				0px auto;
}
#productsDisplay{
	min-height:			300px;
}
.categoryDivider{
	height:				1px;
	background:			transparent url('../images/productDivider.gif') repeat-x 0px 50%;
	line-height:		1.6em;
}
.subCategoryDescription{
	text-align:			center;
	margin:				0px auto;
	width:				100%;
}
.subDescription{
	color:				#dfb479;
	padding:			0px 20px;
}
.subNote{
	color:				#dfb479;
	padding:			0px 20px;
	font-size:			.9em;
}
.subNoteTitle{
	color:				#FFFFFF;
	font-weight:		bold;
}
.productTitle{
	margin-bottom:		15px;
}
.productTitle .accent{
	color:				#f0dc00;
}
.noImage .productTitle{
	margin-bottom:		0px;
}
.productName{
	font-weight:		bold;
}
.productDescription{
	color:				#f0dc00;
}
.productPrice{
	font-weight:		bold;
}
#menuNav{
	text-align:			center;
}
#menuWrapper:focus{
	outline: 			0;
}
td.pizzaOption{
	font-size:			.9em;
	font-weight:		bold;
	width:				90px;
	padding-bottom:		5px;
	background:			transparent url(../images/productDivider.gif) repeat-x scroll 0 bottom;
}
.optionRight{
	float:				right;
	margin-right:		15px;
	font-weight:		bold;
	font-style:			italic;
	font-size:			.9em;
	line-height:		1.5em;
}
.spacer-12{
	line-height:		.5em;
}

/* ************************************************
** 	Catering
***************************************************/
#cateringWrapper{
	padding:			15px;
}
#cateringWrapper .subHeader{
	margin-bottom:		10px;
}
.cateringPrice{
	color:				#dfb479;
	text-align:			right;
	padding-top:		5px;
}
.noticeSm{
	text-align:			center;
	font-size:			.8em;
}
.subPrice{
	font-size:			.8em;
	color:				#DFB479
}
#cateringWrapper .comboBox{
	margin:				30px auto 10px;	
}
#cateringWrapper .comboBoxTag{
	font-size:			.8em
}
#cateringWrapper .comboBoxTag .subPrice{
	color:				#6F4F30;
	font-size:			0.8em;
}


/* ************************************************
** 	About Us
***************************************************/
#goofSm{
	margin:				5px 10px 2px 0px;
	float:				left;
}
#southStreetStory{
	width:				455px;
	text-align:			justify;
}
#southStreetStory p{
	margin:				10px 0px;
}
.subPanelRight{
	text-align:			center;
	width:				290px;
}
.accolades{
	width:				300px;
	text-align:			center;
	margin:				0px auto;
}
.accolades .anchorHeader{
	height:				90px;
	background:			transparent url('../images/accoladesHeader.gif') no-repeat 0px 0px;
	
}
.accolades dd{
	padding-bottom:		15px;
}
.accolades dt a{
	color:				#452e10 !important;
	font-weight:		bold;
	text-decoration:	underline !important;
}
.accolades dt a:hover{
	text-decoration:	none !important;
}
.accolades dd{
	color:				#4E0000;
}
#storyFlashWrapper{
	height:				37px;
	margin-bottom:		-7px;
}
#lightbox-secNav-btnClose{
	outline:			none;
	overflow:			hidden;
}

/* ************************************************
** 	Locations
***************************************************/
.locationWrapper{
	background: 		transparent url('../images/locations-fade.png') no-repeat 0px 0px;
	min-height: 		150px;
	padding:			18px 0px 0px 17px;	
	border-right:		1px dotted #8d1a1a;
	margin-right:		250px;
}
.locationsBottom{
	background: 		transparent url('../images/locations-fade-bottom.png') no-repeat 0px 0px;
	height:				11px;
	margin-bottom:		20px;
}
.locations{
	padding-left:		20px;
}
.locations th{
	text-align:			left;
	width:				85px;
}
.locations .address{
	font-weight:		bold;
	padding-bottom:		2px;
}
.locations .address ul{
	margin-left:		20px;
}
#burbankImgWrapper{
	height:				140px;
	width:				164px;
	float:				left;
}
#westwoodImgWrapper{
	height:				120px;
	width:				162px;
	float:				left;
}
#dodgerImgWrapper{
	height:				140px;
	width:				164px;
	float:				left;
}
.locationSidebar{
	float:				right;
	width:				240px;
	padding-left:		10px;
	text-align:			center;
}
form.contactUs{
	text-align:			left;	
	margin-left:		8px;
	font-size:			.9em;
	line-height:		1.4em;
}
.locationSidebar form .submitBtn{
	float:				right;
	margin:				2px 10px 0px;
}
.getMap{
	font-size:			0.5em;
	margin-left:		25px;
	padding-bottom:		4px;
}


/* ************************************************
** 	Error Template
***************************************************/
.errorNotification{
	text-align: center;
	margin: 30px;
}


/* ************************************************
** 	Footer
***************************************************/
#footer{
	text-align:			center;
	color:				#FFFFFF;
	font-size:			.75em;
	font-weight:		bold;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	padding:			12px 0px;	
}


/* ************************************************
**  Modal Boxes
***************************************************/
.simplemodal-overlay{
	background-color:#000;
}
.simplemodal-container{
	width: 450px;
	font-family: 'Trebuchet MS', Verdana, Arial;
	font-size: 16px;
	text-align: left;
}
.modalContent{
	background-color: #333;
	color: #ddd;
	height: 40px;
}
#modalMap .modalContent{
	text-align: center;
}
#modalMap .modalTitle{
	height: 5px;
}
#modalMap a{
	color: #FFFFFF;
	font-weight: bold;
}
.simplemodal-container h1{
	color: #CC0000;
	margin: 0;
	padding: 0 0 12px 12px;
	font-size: 1.2em;
	text-align: left;
}
.simplemodal-container .modalLoading {
	position: absolute;
	background: transparent url(../images/productModal_loading.gif) no-repeat;
	z-index: 8000;
	height: 55px;
	width: 54px;
	margin: -14px 0 0 170px;
	padding: 0;
}
.simplemodal-container .modalMessage{
	text-align: center;
}
.simplemodal-container .modalError{
	width: 92%;
	font-size: .8em;
	background: #000;
	border: 2px solid #ccc;
	font-size: 0.8em;
	font-weight: bold;
	margin: 0 auto;
	padding: 2px;
}
.simplemodal-container br{
	clear: both;
}
.simplemodal-container form{
	padding: 0;
	margin: 0;
}
.simplemodal-container label{
	clear: left;
	display: block;
	width: 120px;
	float: left;
	text-align: right;
	padding-right: 4px;
	font-weight: bold;
}
#editOptionWrapper label{
	clear: left;
	display: block;
	width: 90px;
	float: left;
	text-align: right;
	padding-right: 4px;
	font-weight: bold;
}
.simplemodal-container .modalInput{
	font-family: 'Trebuchet MS', Verdana, Arial;
	float: left;
	padding: 2px;
	margin: 3px;
	background: #eee;
	border: 1px solid #fff;
	width: 300px;
}
.simplemodal-container select.modalInput{
	width: 306px;
}
.simplemodal-container textarea{
	height: 114px;
	font-size: .9em;
}
.simplemodal-container .contact-cc{font-size:.9em; cursor:default;}
.simplemodal-container .modalTop{
	height: 13px;
	background: transparent url(../images/productModal_top.gif) no-repeat;
	padding: 0px;
	margin: 0px;
}
.simplemodal-container .modalBottom{
	height: 13px;
	background: transparent url(../images/productModal_bottom.gif) no-repeat;
	font-size: .7em;
	text-align: center;
}
.simplemodal-container .contact-bottom a,
.simplemodal-container .contact-bottom a:link,
.simplemodal-container .contact-bottom a:active,
.simplemodal-container .contact-bottom a:visited{position:relative; top:-4px; text-decoration:none; color:#666;}
.simplemodal-container .contact-bottom a:hover{color:#888;}
.simplemodal-container .contact-button{margin:4px 0 0 4px; cursor:pointer; height:24px; border:0; font-size:1em; font-weight:bold; color:#fff; text-align:center; vertical-align:middle;}
.simplemodal-container .contact-send{width:50px; background:url(../img/contact/send.png) no-repeat;}
.simplemodal-container .contact-cancel{width:65px; background:url(../img/contact/cancel.png) no-repeat;}
.simplemodal-container a.modalCloseX,
.simplemodal-container a.modalCloseX:link,
.simplemodal-container a.modalCloseX:active,
.simplemodal-container a.modalCloseX:visited{text-decoration:none; font-weight:bold; font-size:1.2em; position:absolute; top:-4px; right:6px; color:#999;}
.simplemodal-container a.modalCloseX:hover{color:#9bb3b3;}

#editProductWrapper .submitBtnWrapper{
	text-align: right;
	padding: 3px 15px;
}
#editOptionWrapper .submitBtnWrapper{
	text-align: right;
	padding: 3px 45px;
}
.submitBtnWrapper input{
	width: 120px;
}