/*
Riverstreet-Deli.com

Author:  EndiMedia.com.
Version:  1.0 -- 2006.
Copyright (c): 2006 - all time. All rights reserved.
------------------------------------------------- */

/*
COMMON 
------------------------------------------------- */
* { margin: 0; padding: 0; border: 0; } 

body { font-family: "Lucida Grande", Arial, Verdana, sans-serif; font-size: .72em; color: #333333; background: #fff; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3 { font-family: "Lucida Grande", Arial, Verdana, sans-serif; }
h1 { font-size: 1.8em; }
h2 { font-size: 1.7em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.5em; }
h5 { font-size: 1.36em; }
h6 {  font-size: 1em; }

a:link, a:visited { text-decoration: none; color: #fff; }
a:hover, a:active { text-decoration: underline; color: #fff; }

a:link.nav, a:visited.nav { text-decoration: none; color: #D6CAB3; }
a:hover.nav, a:active.nav { text-decoration: none; color: #fff; background: #D6CAB3; }

a:link.red, a:visited.red { text-decoration: none; color: #C43A0F; }
a:hover.red, a:active.red { text-decoration: underline; color: #C43A0F; }

a:link.palegreen, a:visited.palegreen { text-decoration: none; color: #E6EEB2; }
a:hover.palegreen, a:active.palegreen { text-decoration: underline; color: #EAECDB; }

#foot a:link, #foot a:visited { text-decoration: none; color: #656565; }
#foot a:hover, #foot a:active { text-decoration: underline; color: #656565; }

.raquo { font-family: "Trebuchet MS", Arial, sans-serif; }

.clear { clear: both; }
.clearLeft { clear: left; }
.clearRight { clear: right; }

.tiny { font-size: 1px; line-height: 1px; }

.alignLeft { text-align: left; }
.alignJustify { text-align: justify; }
.alignRight { text-align: right; }
.alignCenter { text-align: center; }

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }

.null { }

#wrap { background: #fff; width: 720px; margin: 20px auto; }

#main-wrap-1 { background: url(images/main-bg-middle.jpg) top left repeat-y #fff; }
#main-wrap-2 { background: url(images/main-bg-top.jpg) top left no-repeat; }
#main { background: url(images/main-bg-bottom.jpg) bottom left no-repeat; padding: 40px; }

#head { padding: 0 30px; width: 660px; }
#head h1 { width: 212px; height: 76px; float: left; background: url(images/logo.jpg) top left no-repeat #fff; }
#head h1 a { display: block; height: 76px; width: 212px; text-decoration: none; }
#head h1 a strong { display: none; }

#nav { float: left; width: 400px; margin: 20px 0 0 48px; padding: 10px 0; }
#nav ul li { display: inline; list-style-type: none; }
#nav a { padding: 2px 5px; border: 1px solid #D6CAB3; margin-right: 15px; }

.col1 { width: 200px; float: left; }

.col2 { width: 430px; float: left; margin-left: 10px; }



/*
HOMEPAGE
------------------------------------------------- */

.home .col2 .level1 { border: 1px solid white; padding: 0 9px; width: 410px; background: #D6CAB3; }
.home .col2 .level1 .l { width: 263px; float: left; margin: 13px 0; }
.home .col2 .level1 .l h3 { color: #fff; text-transform: uppercase; font-size: 15px; }
.home .col2 .level1 .l p { padding: 5px 10px 0 10px; }
.home .col2 .level1 .l p.link { font-weight: bold; color: #fff; }

.home .col2 .level1 .r { width: 147px; float: left; margin: 13px 0; }

.home .col2 .level2 { border: 1px solid white; padding: 0 9px; width: 410px; margin-top: 15px; background: #C8CCAF; }
.home .col2 .level2 h5 { color: #fff; text-transform: uppercase; font-size: 13px; }

.home .col2 .level2 .l { width: 200px; float: left; margin: 10px 0; }
.home .col2 .level2 .l h3 { color: #fff; }
.home .col2 .level2 .l p { padding: 5px 8px 0 10px; }

.home .col2 .level2 .r { width: 200px; float: left; border-left: 1px solid #fff; padding-left: 9px; margin: 13px 0; }
.home .col2 .level2 .r h3 { color: #fff; }
.home .col2 .level2 .r p { padding: 5px 8px 0 10px; }

.home .col2 .level3 { width: 430px; margin-top: 15px; }
.home .col2 .level3 .l { width: 210px; float: left; background: url(images/friday-nights-bg.jpg) top left no-repeat; }
.home .col2 .level3 .l h3 { height: 40px; text-indent: -9000px; }
.home .col2 .level3 .l div { margin: 0 15px 10px 15px; width: 180px; height: 154px; overflow: auto; }
.home .col2 .level3 .l div ul li.not1 { margin-top: 5px; border-top: 1px solid #888858; padding-top: 5px; }
.home .col2 .level3 .l div h4 { font-size: 11px; font-weight: bold; margin-bottom: 2px; color: #656565; }
.home .col2 .level3 .l div h5 { font-size: 14px; font-weight: bold; margin-bottom: 2px; }
.home .col2 .level3 .l div p { font-size: 12px; font-weight: xbold; margin-bottom: 2px; color: #444444; }

.home .col2 .level3 .r { width: 210px; float: left; background: url(images/specials-bg.jpg) top left no-repeat; margin-left: 10px; }
.home .col2 .level3 .r h3 { height: 40px; text-indent: -9000px; }
.home .col2 .level3 .r div { margin: 0 15px 10px 15px; width: 180px; height: 154px; overflow: auto; color: #fff; }
.home .col2 .level3 .r div ul li.not1 { margin-top: 7px; border-top: 1px solid #9c9c9c; padding-top: 7px; }
.home .col2 .level3 .r div h4 { font-size: 11px; font-weight: bold; margin-bottom: 2px; color: #EAECDB; }
.home .col2 .level3 .r div h5 { font-size: 14px; font-weight: bold; margin-bottom: 2px; }
.home .col2 .level3 .r div p { font-size: 12px; font-weight: xbold; margin-bottom: 2px; }



/*
MENU
------------------------------------------------- */

.menu .col2 .level1 { border: 1px solid white; padding: 9px; width: 410px; background: #D6CAB3; }
.menu .col2 .level1 h3 { background: url(images/our-menu.gif) top left no-repeat #D6CAB3; height: 16px; margin: 5px 0 10px 0; text-indent: -9000px; }
.menu .col2 .level1 p.now-viewing { background: url(images/now-viewing-bg.gif) top left no-repeat; height: 38px; margin-bottom: 10px; }
.menu .col2 .level1 p.now-viewing span { display: block; padding: 10px 10px 0 20px; }

.menu .col2 .level1 h4 { color: #848E45; margin-bottom: 10px; font-size: 12px; font-weight: bold; }

#menusection { background: #E8DFCC; border: 10px solid #E8DFCC; height: 360px; overflow: auto; width: 390px; }

#menusection .inner { background: #E8DFCC; padding: 0 10px 0 5px; }

#menusection .normal ul li { list-style-type: none; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #D6CAB3;  }
#menusection .normal ul li h5 { width: 290px; float: left; font-size: 12px; font-weight: bold;  }
#menusection .normal ul li p.price { width: 60px; float: left; font-size: 11px; text-align: right;  }
#menusection .normal ul li p.description { clear: both; margin-top: 5px;  }

#menusection .soups_salads h5 { font-weight: bold; padding-bottom: 5px; border-bottom: 1px solid #D6CAB3; margin-bottom: 10px;  }
#menusection .soups_salads h5 span { font-weight: normal; font-size: 11px;  }
#menusection .soups_salads p { padding-bottom: 5px;  }



#menusection .desserts { width: 375px; }
#menusection .desserts h5 { font-weight: bold; padding-bottom: 5px; border-bottom: 1px solid #D6CAB3; margin-bottom: 10px;  }
#menusection .desserts h5 span { font-weight: normal; font-size: 11px;  }
#menusection .desserts p { padding-bottom: 5px; clear: both; }
#menusection .desserts ul li { list-style-type: none; margin: 0 0 5px 0; float: left; width: 170px; font-weight: bold; }


#menusection .bulk { }
#menusection .bulk .bulk_table th { font-weight: bold; font-size: 15px; padding-bottom: 5px; border-bottom: 1px solid #D6CAB3; text-align: left; }
#menusection .bulk .bulk_table th span { font-weight: normal; font-size: 11px; }
#menusection .bulk .bulk_table td { padding-top: 5px; }
#menusection .bulk .bulk_table td.l { width: 290px; }
#menusection .bulk .bulk_table td.r { width: 60px; text-align: right; font-weight: bold; }




/*
BACKEND
------------------------------------------------- */




/*
CONTACT US
------------------------------------------------- */
#contact { background: url(images/contact-bg-2.jpg) top left no-repeat #CABCA0; height: 540px; width: 380px; }
#contact * { font-size: 11px; }

#contact .inner { padding: 40px 40px 10px 40px; }

#contact .inner h1 { height: 22px; background: url(images/contact-information.gif) top left no-repeat; text-indent: -9000px; margin: 5px 0 12px 0; }

#contact .inner .level1 { width: 278px; border: 1px solid #fff; background: #D6CAB3; padding: 10px; margin-bottom: 10px; }
#contact .inner .level1 .l { width: 120px; float: left; }
#contact .inner .level1 .l p { text-align: left; color: #fff; }
#contact .inner .level1 .r { width: 148px; float: left; margin-left: 10px; }
#contact .inner .level1 .r p { text-align: left; color: #000; }

#contact .inner .level2 { margin-bottom: 10px; }
#contact .inner .level2 p { padding-bottom: 3px; }

#contact .inner .level3 { margin-bottom: 15px; border: 1px solid #82704D; }

#contact .inner .level4 { margin-bottom: 10px; }
#contact .inner .level4 p .textfield { border: 1px solid #82704D; padding: 2px 0; width: 245px; height: 15px; }
#contact .inner .level4 p .button { border: 1px solid #82704D; padding: 2px 0; }

#contact .inner .level5 p { text-align: center; }




/*
SPECIALS
------------------------------------------------- */

#daily_special { background: url(images/popup-specials-bg.jpg) top left no-repeat #CABCA0; height: 420px; width: 380px; }
 
#daily_special .level1 h1 { background: url(images/daily-special.jpg) bottom center no-repeat; height: 36px; margin: 0 0 9px 0; padding-top: 55px; text-indent: -9000px; }

#daily_special .level2 { width: 280px; height: 246px; margin: 0 50px; overflow: auto; }
#daily_special .level2 div { padding: 20px; }
#daily_special .level2 div h5 { text-align: right; color: #EAECDB; font-size: 12px; font-weight: bold; margin-bottom: 5px; }
#daily_special .level2 div h3 { text-align: left; color: #E6EEB2; font-size: 15px; font-weight: bold; padding-bottom: 5px; border-bottom: 1px solid #9C9C9C; margin-bottom: 10px; }
#daily_special .level2 div p { text-align: left; color: #EDEDED; font-size: 12px; font-weight: bold; margin-bottom: 5px; }

#daily_special .level3 { margin-top: 12px; text-align: center; font-size: 11px; }



#friday_night { background: url(images/popup-friday-nights-bg-2.jpg) top left no-repeat #CABCA0; height: 490px; width: 380px; }
 
#friday_night .level1 h1 { background: url(images/friday-nights.jpg) bottom center no-repeat; height: 31px; margin: 0 0 17px 0; padding-top: 52px; text-indent: -9000px; }

#friday_night .level2 { width: 280px; height: 246px; margin: 0 50px; overflow: auto; }
#friday_night .level2 div { padding: 20px; }
#friday_night .level2 div h5 { text-align: right; color: #444444; font-size: 12px; font-weight: bold; margin-bottom: 5px; }
#friday_night .level2 div h3 { text-align: left; color: #C43A0F; font-size: 15px; font-weight: bold; padding-bottom: 5px; border-bottom: 1px solid #888858; margin-bottom: 10px; }
#friday_night .level2 div p { text-align: left; color: #444444; font-size: 12px; font-weight: bold; }

#friday_night .level3 { margin: 12px 50px; width: 280px; }
#friday_night .level3 p { text-align: left; font-size: 11px; border: 1px solid #fff; padding: 10px; background: #D6CAB3; }

#friday_night .level4 { text-align: center; font-size: 11px; }






/*
FOOT
------------------------------------------------- */

#foot { padding-bottom: 70px; }
.f1 { background: url(images/foot-bg.jpg) 0 10px no-repeat #fff; }
.f2 { background: url(images/foot-bg-2.jpg) 0 10px no-repeat #fff; }
#foot p { text-align: center; font-size: 11px; color: #656565; }