/* restaurant section formatting *********************************/

#restHead { margin: 0; padding: 35px 0 15px; background: #8BB448 url("../img/pageTitle.jpg") no-repeat; color: #FFF;}
#restHead h1 { margin: 0 0 0 20px; padding: 0; font-size: 2.6em; font-weight: normal; text-shadow: #360 0px 1px 1px;}
#restHead address { margin: 0 20px; padding: 0; font-size: 1.3em; color: #360;}

#restaurants #content { padding: 0;}
#dirWrap { padding: 20px 15px 20px 20px;}
/* dir wrap padding: */
/* icons */

#restIcons { margin: 0 0 20px; padding: 0 17px 0 0; height: 30px; clear: both; background: #8BB448 url("../img/iconBar.jpg");}
#restIcons ul { margin: 0; padding: 0; list-style: none; float: right;}
#restIcons li { margin: 0; height: 30px; line-height: 25px; float: left;}
.iconTakeout  { width: 34px; background: #8BB448 url("../img/iconTakeout.jpg") no-repeat;}
.iconDelivery { width: 34px; background: #8BB448 url("../img/iconDelivery.jpg") no-repeat;}
.iconCatering { width: 34px; background: #8BB448 url("../img/iconCatering.jpg") no-repeat;}
.iconParty 	  { width: 34px; background: #8BB448 url("../img/iconParty.jpg") no-repeat;}
.iconPrice1   { width: 77px; background: #8BB448 url("../img/iconPrice1.jpg") no-repeat;}
.iconPrice2   { width: 77px; background: #8BB448 url("../img/iconPrice2.jpg") no-repeat;}
.iconPrice3   { width: 77px; background: #8BB448 url("../img/iconPrice3.jpg") no-repeat;}
	


#restIcons span { display: none;}

#restIcons li:hover span {
	position: absolute;
	margin: 40px 0 0;
	background-color: #FFC;
	padding: 2px 10px 2px 10px;
	border: 1px solid #C0C0C0;
	font-size: 12px;
	color: #000;
	text-align: left;
	display: block;
	}



/* restaurant styles *******************************************/

#restCols { padding: 0 20px 30px;}

#restDesc { margin: 0 0 20px; width: 350px; float: left;}
#restInfo { margin: 0 0 20px; width: 160px; float: right;}

#restInfo ul { margin: 0; padding: 0; list-style: none;}
#restInfo li { padding: 0 0 0 17px; font-size: 1.1em; line-height: 1.7em;}
#restInfo .phone   { background: url("../img/iconPhone.gif") no-repeat center left;}
#restInfo .cuisine { background: url("../img/iconCuisine.gif") no-repeat center left;}
#restInfo .deliv { background: url("../img/iconDeliv.gif") no-repeat center left;}

#restDesc p, #restInfo p { margin: 0 0 15px; font-size: 1.3em; line-height: 1.5em;}

#restHours h2 { margin: 10px 0 5px; padding: 5px 0 0; font-size: 1.1em; border-top: 1px solid #CCC;}
#restHours p { 
	font-size: 1.1em;
	line-height: 1.5em;
	}

/* restaurant links image replacment **************************/

#restLinks { margin: 15px; width: 550px; height: 75px; background: #FFF url("../img/restLinkBox.gif"); clear: both;}
#restLinks ul { margin: 0; padding: 5px; list-style: none;}
#restLinks li { margin: 0; padding: 0; float: left;}
#restLinks a { display: block; height: 65px;}

.restDirections { width: 142px;}
.restWebsite { margin: 0 3px !important; width: 142px;}
.restOffer { width: 250px;}

.restDirections a { width: 142px; background: #CCC url("../img/getDirections.jpg") no-repeat;}
.restWebsite a { width: 142px; background: #CCC url("../img/visitWebsite.jpg") no-repeat;}
.restOffer a { width: 250px; background: #CCC url("../img/downloadOffer.jpg") no-repeat;}

.restNoDirections { width: 142px; height: 65px; background: #CCC url("../img/noDirections.jpg") no-repeat;}
.restNoWebsite { margin: 0 3px !important; width: 142px; height: 65px; background: #CCC url("../img/noWebsite.jpg") no-repeat;}
.restNoOffer { width: 250px; height: 65px; background: #CCC url("../img/noOffer.jpg") no-repeat;}

.restDirections a:hover, .restOffer a:hover, .restWebsite a:hover { background-position: 0 -65px;}

/* restaurant menu *******************************************/

#restMenu { 
	padding: 25px 0 20px; 
	background: #CCCC98 url("../img/menuShade.jpg") no-repeat top left; 
	clear: both;
	}

#restMenu h1 {
	margin: 0 17px 5px;
	color: #FFF;
	text-shadow: #663 0px 1px 1px;
	font-size: 2em;
	line-height: 3em;
	background: #B8B789;
	text-align: center;
	font-style: italic;
	}
	
#restMenu h2 {
	padding: 10px 10px;
	margin: 0 17px;
	color: #FFF;
	text-shadow: #066 0px 1px 1px;
	font-size: 1.4em;
	background: #67A0AD url("../img/menuFade.jpg") repeat-x bottom;
	border: 3px solid #B8B789;
	border-bottom: none;
	}

#restMenu .menuDesc {
	margin: 0 17px;
	padding: 10px 10px;
	color: #5F6465;
	font-size: 1.1em;
	line-height: 1.4em;
	background: #DAE4E6;
	border: 3px solid #B8B789;
	border-top: none;
	border-bottom: none;
	}

#restMenu dl {
	margin: 0 17px 17px;
	padding: 20px;
	border: 3px solid #B8B789;
	border-top: none;
	background: #FFF;
	}

#restMenu dt {
	margin-bottom: 5px;
	font-size: 1.3em;
	color: #222;
	}

#restMenu .desc {
	margin: 0 0 10px;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #666;
	}

#restMenu .price {
	margin: 3px 0 20px;
	padding-bottom: 20px;
	font-size: 1.2em;
	text-align: right;
	color: #000;
	border-bottom: 1px solid #EFEFEF;
	}

#restDisclaimer {
	padding: 20px;
	font-size: 1.1em;
	background: #FFF;
	color: #666;
	}

/* directory categories *****************************************/

#dirCats { margin: 0; width: 170px; float: right; /* background: #CCC; */ padding: 2px;}
#dirCats dt { margin: 0 0 7px; font-size: 1.3em; font-weight: bold; color: #930;}
	
#dirCats dd {
	margin: 0 0 0 10px;
	padding: 0 0 0 15px;
	font-size: 1.2em;
	line-height: 1.6em;
	color: #930;
	background: url("/images/iconBullet1.gif") no-repeat left center;
	}

#dirCats dd.clear { margin: 0 0 15px;
background: url("") no-repeat left center;}
	
/* directory list ***********************************************/

#dirWrap a:link { color: #930;}
#dirWrap a:hover, #dirWrap a:visited:hover { color: #930;}
#dirWrap a:visited { color: #930; text-decoration: underline;}
#dirWrap a:active { color: #930;}

#restList { margin: 0;  width: 350px; float: left;}
#restList dt { font-size: 1.5em; line-height: 1.8em;}
#restList dt img { margin: 0 0 0 5px;}
.dirAddress, .dirPhone, .dirOffer {
	margin: 0 0 0 10px;
	padding: 0 0 0 15px;
	font-size: 1.2em;
	line-height: 1.6em;
	color: #555;
	}

.dirAddress { background: #FFF url("../img/iconAddress.gif") no-repeat center left;}
.dirPhone   { background: #FFF url("../img/iconPhone.gif") no-repeat center left;}
.dirOffer   { background: #FFF url("../img/iconOffer.gif") no-repeat center left;}

#restList .clear { margin: 15px 0 15px 0; border-bottom: 1px solid #E3E3E3;}