/* CSS for Holidays Channel */

/* Holiday channel left-hand column */
#leftNav {width:160px; background:#FEF9E4 url(../i/bg_leftnav.jpg) top left no-repeat; text-align:center; border-top:1px solid #cfd6d8; padding-top:80px; margin:0 0 10px 0;}

#leftNav #leftNavTop ul {list-style:none; padding:5px 0 0 0; font-size:16px;}
#leftNav #leftNavTop li {margin:0 0 10px 0; padding-bottom:10px; border-bottom:1px solid #e2e4dd;}
#leftNav #leftNavTop li.last {padding:0; border-bottom:0;}

#leftNav #leftNavBottom {background-color:#FEF1C4; padding:5px 0 0 0;  border-top:1px solid #cfd6d8;  border-bottom:1px solid #cfd6d8;}
#leftNav #leftNavBottom ul {list-style:none; font-size:13px; color:#2A2A2A; margin:10px; padding:0;}
#leftNav #leftNavBottom ul li {margin:0 0 4px 0; padding-bottom:5px;}
#leftNav #leftNavBottom h3 {font-size:18px; font-weight:normal; line-height:20px; color:#2A2A2A; margin:0 0 5px 0; padding:5px 0 0 0;}

/* Styles for Calendar */
#calendar {float:left; height:46px; width:40px;  text-align:center; font:bold 20px georgia, times,serif; color:#627a85; padding-top:15px;}
.oct {background:url(../i/october.jpg) top left no-repeat; overflow:hidden;}
.nov {background:url(../i/november.jpg) top left no-repeat; overflow:hidden;}
.dec {background:url(../i/december.jpg) top left no-repeat; overflow:hidden;}

#holiday_links {float:right; width:140px;}

/* Styles for Multi-layered Tab (Menu Widget) */
#menuwidget {float:left; width:504px; padding-bottom:15px; margin-bottom:20px; background:url(../i/bg_widgetbottom.gif) bottom left no-repeat;}
#menuwidget ul, #menuwidget li {list-style:none;}

#menu_mainnav {height:38px; background:url(../i/menu-widget-nav.gif) 0 0 no-repeat; overflow:hidden;}

/* If class="holidayDinners", then turn on Holiday Dinners tab */
#menuwidget.holidayDinners #menu_mainnav {height:38px; background:url(../i/menu-widget-nav.gif) 0 0 no-repeat; overflow:hidden;}

/* If class="holidayParties", then turn on Holiday Parties tab */
#menuwidget.holidayParties #menu_mainnav {height:38px; background:url(../i/menu-widget-nav.gif) 0 -38px no-repeat; overflow:hidden;}

/* If class="drinks", then turn on Holiday Parties tab */
#menuwidget.drinks #menu_mainnav {height:38px; background:url(../i/menu-widget-nav.gif) 0 -76px no-repeat; overflow:hidden;}

/* If class="Appetizers & Snacks", then turn on Appetizers & Snacks tab */
#menuwidget.appetizersSnacks #menu_mainnav {height:38px; background:url(../i/menu-widget-nav.gif) 0 -114px no-repeat; overflow:hidden;}

/* If class="sweets", then turn on Sweets tab */
#menuwidget.sweets #menu_mainnav {height:38px; background:url(../i/menu-widget-nav.gif) 0 -152px no-repeat; overflow:hidden;}

/* If class="sweets", then turn on Sides tab */
#menuwidget.sides #menu_mainnav {height:38px; background:url(../i/menu-widget-nav.gif) 0 -190px no-repeat; overflow:hidden;}

/* holidays.js turns display of tabs on or off*/
#menuwidget .showMe {display:block;}
#menuwidget .hideMe {display:none;}

.subnav {position:relative; height:378px; padding-top:17px; background:url(../i/bg_linkstop.gif) right 10px no-repeat;}

#menuwidget ul.mainnav li {margin:0; padding:0; display:inline; cursor:pointer;}

#menuwidget .menucontent {background:#fef1c4 url(../i/bg_widget.gif) repeat-y;}

#menuwidget .subnav ul ul {height:348px; background:#fff url(../i/bg_linksbottom.gif)  bottom left no-repeat;/*url(../i/bg_links.gif) repeat-y;*/ width:353px; position:absolute; top:16px; right:0; padding:10px 0 10px 0;}
#menuwidget .subnav ul ul li {margin:0 10px; padding:3px 0 3px 22px; background:url(../i/icon_bullet.gif) 10px 10px no-repeat; font:normal 14px georgia,"times new roman",times,serif;}

#menuwidget h5 {width:150px; padding:0 0 0 10px; font:normal 12px georgia,"times new roman",times,serif; margin:0 0 3px 0; color:#be5c0d; text-align:center;}
#menuwidget h5 a {outline:none; background-color:#ffdc95; border:solid 1px #f7cca3; display:block; width:125px; padding:5px; color:#8f5f2b;}

#menuwidget .subnav ul {margin-top:5px;}
#menuwidget .subnav h5 a.selected {display:block; width:131px; background-color:#fff; border:solid 1px #f7d3c1; border-bottom:solid 2px #e5d2a0; border-right:0; padding:6px 9px 6px 0; color:#2f2f2f;position:relative; z-index:100;}
#menuwidget .subnav h5 a.selected, #menuwidget .subnav h5 a.selected:hover {text-decoration:none;}

/* Styles for image gallery belt */
#beltContainer, #beltContainer .beltSpacer {position: relative;}
#beltContainer .beltSpacer, #beltContainer #belt, #beltContainer #belt li {heightx: 210px;}
#beltContainer, #beltContainer #belt {overflow: hidden; width: 501px;}
#beltContainer {background: url(../i/bg_belt.jpg) bottom left no-repeat; padding-bottom: 10px; margin-bottom: 30px;}
#beltContainer #belt {position: relative; list-style-type: none; width: 1169px; left: 0px; top: 0px;}
#beltContainer #belt li {float: left; width: 150px; margin: 0px 8px 0px 9px;}

#beltControls a {outline:none; text-decoration:none;}
a.prev, a.next {outline:none; font:normal 11px arial,helvetica,sans-serif; color:#2b2b2b; background-color:transparent; padding:3px 0; margin-top:5px;}
a.prev {float:left; background:url(../i/arrow_left_orange.gif) left center no-repeat; padding-left:20px; margin-left:15px;}
a.next {float:right; background:url(../i/arrow_right_orange.gif) right center no-repeat; padding-right:20px; margin-right:15px;}
a.prev:hover, a.next:hover {text-decoration:none;}


/* Styles for 5-Star Review tout */
.toutBig {color:#555;}
.toutBig .imgcont {float:left; padding:0 6px 4px 0;}
.toutBig .imgcont img {margin-right:10px;}
.toutBig .stars img {margin:0;}
.toutBig .eyebrow, .toutBig .eyebrow a {margin-top:-11px; color:#2A2A2A; font-size:11px; font-weight:bold;}
.toutBig .title {font-size:18px; margin:6px 0;}
.toutBig .deck {font-size:15px; color:#666;}
.toutBig .author {font-size:13px; color:#000; margin:8px 0;}
.toutBig h3 {font-size:18px; font-weight:normal; color:#2A2A2A;}
.toutBig p {margin:4px 0 0 0;}

/* Styles for Calendar Page (flash) */
#oneColumn {float:left; width:660px; margin:15px 0 0 19px;}
.coll a {display:block;}

/* Top banner and sponsor (optional) */
#bnr {position:relative; margin-bottom:20px; padding-bottom:20px}
#bnrMain {position:relative; top:0; left:0;}
#bnrSponser {position:absolute; top:6px; left:484px;}

#flashCalendar {margin-top:20px;}