/*-------------  Main page container styles  --------------*/

body { font-size: 62.5%; margin: 0; padding: 0; background-color: #343434; }
a:visited { color: #0573a6; }

#headerTop { width: 900px; max-width: 100%; margin: 0 auto; text-align: left; height: 25px; 
             background: url(../Images/background_top.png) no-repeat left top; }
             
#header { width: 900px; max-width: 100%; height: 225px; margin: 0 auto; 
          background: url(../Images/background_middle.png) repeat-y scroll left top; }
#header img { margin-left: 50px; }

#mainNav { width: 900px; max-width: 100%; min-width: 800px; height: 35px; margin: 0 auto; padding: 0 0 10px 0;
           background: url(../Images/background_middle.png) repeat-y scroll left top; }

#mainContentArea { width: 900px; max-width: 100%; min-width: 850px; margin: 0 auto;
                   background: url(../Images/background_middle.png) repeat-y scroll left top; }

#mcaPrimary { width: 600px; margin-left: 56px; float: left; }
#mcaSecondary { width: 190px; margin-right: 54px; float: right; }
#mcaSingle { width: 800px; padding: 10px 50px; }

#mcapSidebar { width: 190px; float: left; }
#mcapContent { width: 402px; margin: 0; float: left; padding-top: 10px; }

#mcaDaily, #mcaVip, #mcaEvents, #mcaVisit { width: 100%; padding-top: 1px; background: url(../Images/box_top.png) no-repeat left top; }

#mcaDays { width: 100%; background: url(../Images/box_middle.png) repeat-y left top; }

#mcaTodaySpecial { font-family: Tempus Sans ITC; font-size: 1.5em; color: White; padding: 33px 0 0 0; margin: -4px 0 10px 0; 
                   background: url(../Images/slate_top.png) no-repeat top left; }
#mcaTodaySpecial img { margin: 0; border: 0; }
#slateMiddle { margin: 0; padding: 0 14px 0 18px; background: url(../Images/slate_middle.png) repeat-y top left; }
#slateMiddle p.slateHeader { clear: left; margin: 0; padding: 0px 0px 3px 0px; font-size: 1.5em; color: #000000; font-weight: bold; }
#slateMiddle p.slateHeader span { font-size: 1em; display: inline-block; padding-left: 20px; }
#slateMiddle span.slateTitle { font-size: 1.4em; font-weight: bold; display: inline-block; text-align: right; }
#slateMiddle .slatePhoto { float: left; width: 165px; margin: 0; padding: 0; }
#slateMiddle .slatePhoto a { text-decoration: none; }
#slateMiddle img.slateImage { float: left; width: 160px; border: 3px solid #343434; margin: 0px 5px 0 0px; padding: 0; }

#mcaFeature { width: 400px; padding: 10px 4px 0 4px; margin: 0; font-family: Myriad Pro, Arial; font-size: 1.3em; color: #8f8f8f; }
#mcaFeature p.promoText { margin: 0; padding: 0 4px 2px 4px; }
#mcaFeature span.promoTitle { width: 100%; margin-bottom: 8px; font-size: 2.5em; color: #084fdf; display: inline-block; text-align: center; }
#mcaFeature span.promoItemTitle { display: inline-block; margin-top: 6px; font-size: 1.5em; color: #c8c8c8; }
#mcaFeature span.promoDesc p { margin: 0 0 6px 0; padding: 0; }
#mcaFeature img.promoImage { clear: left; float: left; margin: 4px 4px 5px 0; vertical-align: middle; border-color: #323031; }
#mcaFeature .generalPromo { position: relative; }

#mcaEvents p span.eventTopline { font-size: 1.1em; color: #0985b1; margin: 0; padding: 12px 0 2px 0; display: inline-block; }

#adminSidebar { width: 190px; float: left; margin-top: 12px; margin-left: 56px; }
#adminContent { width: 584px; float: right; margin: 12px 60px 0px 0; font-family: Times New Roman; color: #c8c8c8; }
#adminContent h1 { font-size: 2em; color: #df9707; margin: 0; padding: 6px 0 10px 0; text-align: center; }
#adminContent h2 { font-size: 1.8em; font-weight: normal; color: #e2c709; margin: 0; padding: 6px 0 10px 0; }
#adminContent tr, #adminContent td { vertical-align: middle; }
#adminContent td.fieldname { text-align: left; font-size: 14px; }
#adminContent tr.tableTitle { font-size: 1.8em; color: #e2c709; }
#adminContent tr.tableTitle td { height: 40px; }
#adminContent .fieldtext { background-color: #c8c8c8; }
#adminContent .inputtext { background-color: #c8c8c8; width: 99%; }

#adminHeader h2 { font-size: 1.9em; color: #df9707; margin: 0; padding: 8px 0; }
#adminHeader .accessText { font-size: 1.4em; color: #8f8f8f; line-height: 1.6em; margin: 0; padding: 0; }

.adminNav { width: 100%; font-family: Arial; margin: 0; padding: 6px 0 0 0; 
            background: url(../Images/box_top.png) no-repeat scroll top left; }
.adminNav p { font-size: 1.4em; color: #df9707; text-align: center; margin: 18px 0 0 0; padding: 0 0 10px 0; 
              background: url(../Images/box_middle.png) repeat-y left top; }
.adminNav ul { list-style: none; font-size: 1.4em; color: #c8c8c8; margin: 0; padding: 6px 0 0 13px; 
               background: url(../Images/box_middle.png) repeat-y scroll 0 0; }
.adminNav li { margin: 0; padding: 3px 6px 3px 8px; }
.adminNav li a { text-decoration: none; }
.adminNav li a:hover { text-decoration: underline; }
.adminNav li a:visited { color: #0573a6; }

#footer { width: 900px; max-width: 100%; margin: 0 auto; height: 75px; clear: both; padding-top: 65px;
          background: url(../Images/background_bottom.png) no-repeat left top; }

#overlayBackground { position: absolute; background-color: Black; top: 0; left: 0; z-index: 3; }
#largeImage { position: fixed; width: 600px; top: 100px; z-index: 4; }
          
/*-------------  Menu styles  ------------------*/

ul#mainMenu { width: 800px; height: 35px; list-style: none; margin: 0 50px; padding: 0; }
ul#mainMenu li { float: left; width: 100px; font-family: Arial; }
ul#mainMenu li a {display: block; height: 27px; position: relative; font-size: 1.6em; color: #df9707; margin: 0; 
                  padding: 8px 0 0 0; text-align: center; text-decoration: none; background: url(../Images/nav_bk.png) no-repeat scroll 0 0; }
ul#mainMenu li a:visited { color: #df9707; }
ul#mainMenu li a:hover, ul#mainMenu li a.on { background: url(../Images/nav_over.png) no-repeat scroll 0 0; }

#loginbox { width: 185px; height: 145px; margin: 0; padding: 6px 0 2px 0; font-size: 12px; color: #c8c8c8; 
            background: url(../Images/box_top.png) no-repeat scroll top left; }
#loginbox a { color: #df9707; text-decoration: none; }
#loginbox a:hover { text-decoration: underline; }
#loginbox p { font-family: Arial; font-size: 15px; margin: 18px 0 0 0; padding: 0 0 10px 0; color: #df9707; text-align: center;
              background: url(../Images/box_middle.png) repeat-y scroll 0 0; }
#loginbox .box-sides { background: url(../Images/box_middle.png) repeat-y scroll 0 0; margin: 0; padding: 0; }
#loginbox .box-bottom { background: url(../Images/box_bottom.png) no-repeat scroll top left; margin: 0; padding: 0; }
#loginbox input { border-color: #202020; background-color: #e1e1e1; font-size: 90%; }
#loginbox .edit-profile-link, #loginbox .login-status-link { font-size: 14px; font-family: Myriad Pro; margin: 0px;
                                                             padding: 5px 0px 0px 0px; color: #0573a6; }
#login-name { font-size: 14px; margin: 0; padding: 6px 4px 4px 8px; }

ul#accordion, ul#accordion ul { list-style: none; margin: 0; }
ul#accordion { font-family: Myriad Pro, Arial; color: #999999; padding: 5px 14px 0 10px; }
ul#accordion ul li { padding: 5px 10px; }
ul#accordion li .dayText { padding: 0 0 10px 20px; background: #011132 url(../Images/daily_bottom.png) no-repeat bottom left; }
ul#accordion li.current a.dayHeading { color: #ffffff; background: #025185 url(../Images/daily_top.png) no-repeat top left; }
ul#accordion a.dayHeading { font-size: 1.6em; color: #999999; display: block; line-height: 18px; padding: 5px 5px; text-align: center; 
                            text-decoration: none; background: #323031; }
ul#accordion a.dayHeading:hover { color: #ffffff; background: #025185 url(../Images/daily_top.png) no-repeat top left; }
ul#accordion p.dayTitle { font-size: 1.4em; margin: 0; padding-top: 10px; }
ul#accordion a.dayItem {font-size: 1.4em; text-decoration: none; padding: 5px 0; }
ul#accordion a.dayItem:hover { text-decoration: underline; }

.carousel-outer { width: 800px; height: 70px; position: relative; background: url(../Images/carousel_bk.png) no-repeat scroll top left; }
.jac { height: 70px; width: 660px; position: relative; margin: 0 70px; padding: 0; font-family: Myriad Pro, Arial; font-size: 1.8em; }
.carousel-strip { height: 70px; width: 660px; position: relative; margin: 0 70px; padding: 0; font-family: Myriad Pro, Arial; font-size: 1.8em; }
.carousel-strip .carousel { position: absolute; top: 0; left: 0; margin: 0; padding: 0; list-style-type: none; }
.carousel-strip .carousel .jac-content { float: left; width: 225px; height: 33px; padding: 20px 2px 15px 2px; margin: 0; text-align: center; }
.carousel-strip .carousel .jac-content a { font-weight: normal; text-decoration: none; text-align: center; color: #e0e0e0; }
.carousel-strip .carousel .jac-content a:hover { font-size: 1.9em; color: #ff0000; }
.carousel-strip .arrow-left { position: absolute; top: 0; left: -70px; height: 70px; width: 70px; background: url(../Images/btnCarouselDarkLeft.png) no-repeat scroll top left; }
.carousel-strip .arrow-left a { display: block; height: 70px; width: 70px; text-indent: -999em; }
.carousel-strip .arrow-right { position: absolute; top: 0; right: -68px; height: 70px; width: 70px; background: url(../Images/btnCarouselDarkRight.png) no-repeat scroll top left; } 
.carousel-strip .arrow-right a { display: block; height: 70px; width: 70px; text-indent: -999em; }
.carousel-strip .arrow-left a:focus, .carousel-strip .arrow-right a:focus { outline: none; }

#menulist-outer { font-family: Myriad Pro, Arial; font-size: 1.4em; color: #c8c8c8;
                  background: transparent url(../Images/menutab_double.png) repeat-y scroll top left; }
#menulist td.photo { height: 215px; }
img.menuItemImage, img.menuItemAltImage { margin: 0 3px 0 18px; border-color: #323031; vertical-align: middle; cursor: pointer; }
img.menuItemAltImage { margin: 0 12px 0 3px; }
span.menuItemTitle, span.menuItemAltTitle { width: 100%; font-size: 1.2em; color: #ffffff; display: inline-block; text-align: center; }
div.menuItemText, div.menuItemAltText { width: 226px; padding: 10px 8px 0 0; background: transparent none scroll repeat 0 0; }
div.menuItemAltText { padding: 6px 0 0 16px; }

#mcaSingle #datePicker { float: left; width: 200px; padding: 13px 2px 4px 30px; margin: 0; font-family: Arial; font-size: 1em; color: #c8c8c8; }
#mcaSingle #datePicker .dateText { padding-left: 5px; text-align: center; background-color: #c8c8c8; }
#mcaSingle .event-button { float: left; }
#mcaSingle .pageCtl { float: left; width: 200px; padding: 20px 2px 4px 50px; margin: 0; font-size: 1.6em; color: #c8c8c8; }
#mcaSingle #pagePicker { float: right; width: 80px; padding: 10px 20px 4px 10px; margin: 0; font-family: Arial; font-size: 1.1em; color: #c8c8c8; }

.event-middle, .retail-bk { width: 800px; height: auto; margin: 0; padding: 0; position: relative; overflow: auto; 
                            font-family: Myriad Pro; font-size: 1.4em; color: #c8c8c8; background: url(../Images/event_bk_middle.png) repeat-y scroll 0 0; }
.event-middle p { padding: 0 20px; margin: 0; }
.event-middle p.event-title { font-size: 1.5em; color: #0985b1; text-align: center; }
.event-middle p.event-body { width: auto; }
img.eventImage { float: left; margin: 0 6px 0 20px; padding: 0; border-color: #323031; vertical-align: middle; cursor: pointer; }

#mcaSingle div.dbl-col { width: 760px; padding: 0; position: relative; margin: 5px 20px 8px 20px; font-family: Myriad Pro; 
                         font-size: 1.4em; color: #afafaf; }
.carousel-outer h2.retail-header { font-size: 2.4em; text-align: center; color: #d78d04; padding-top: 18px; }
.retail-middle { width: 242px; float: left; }
.retail-middle p.retail-title { font-size: 1.4em; color: #d78d04; text-align: center; }
.retail-middle p.retail-body { width: auto; }
img.retailImageLeft { float: left; margin: 0 5px 0 20px; }
img.retailImageRight { float: right; margin: 0 20px 0 5px; }
div.dbl-col .left-col { float: left; width: 330px; }
div.dbl-col .right-col { float: right; width: 330px; }

ul#location-menu { width: 100%; list-style: none; margin: 0; padding: 20px 0 10px 0; }
ul#location-menu li { float: left; width: 290px; font-family: Myriad Pro, Arial; text-align: center; padding: 0 50px; margin: 0; outline: none; }
ul#location-menu li .btnLoc { display: block; position: relative; font-size: 1.8em; padding: 0px 5px; text-decoration: none; color: #c8c8c8; }
ul#location-menu li a:hover { text-decoration: underline; }
ul#location-menu li a:visited { color: #0573a6; }

#location-outer { width: 760px; clear: both; position: relative; margin-left: 20px; margin-right: 20px; font-family: Myriad Pro, Arial; border: 1px solid red; }
#location-outer #map { float: left; width: 600px; height: 600px; }
#location-outer #list { float: left; width: 150px; background: #eee; list-style: none; padding: 0; }
#location-outer #list li { padding: 10px; }
#location-outer #list li:hover {background: #555; color: #ffffff; cursor: pointer; cursor: hand; }

#mapMessage { position: absolute; padding: 10px; background: #555; color: #fff; width: 75px; }

ul#about-menu { width: 100%; list-style: none; margin: 0; padding: 20px 0 10px 0; }
ul#about-menu li { float: left; width: 160px; font-family: Myriad Pro, Arial; text-align: center; padding: 0 50px; margin: 0; outline: none; }
ul#about-menu li .btnAbout { display: block; position: relative; font-size: 1.8em; padding: 0px 5px; text-decoration: none; color: #c8c8c8; }
ul#about-menu li a:hover { text-decoration: underline; }
ul#about-menu li a:visited { color: #0573a6; }

#about-outer { width: 600px; position: relative; margin: 10px 100px; font-family: Myriad Pro, Arial; }
#about-outer h2 { clear: both; font-size: 1.8em; color: #d78d04; text-align: center; }
#about-outer p { font-size: 1.4em; margin: 0; padding: 0 0 12px 20px; color: #c8c8c8; }
#about-outer p.text-large { font-size: 2em; text-align: center; text-decoration: underline; color: #d78d04; }
#about-outer img.aboutImageLeft, #about-outer img.storyImageLeft { float: left; margin: 0 10px 0 20px; border: 1px solid #000000; cursor: pointer; }
#about-outer img.aboutImageRight { float: right; margin: 0 0 0 10px; border: 1px solid #000000; cursor: pointer; }
#about-outer a { text-decoration: none; }
#about-outer a.signup-link { clear: both; font-size: 1.2em; display: block; text-align: center; }
#about-outer a:hover { text-decoration: underline; }
#about-outer ul { float: left; margin: 0; padding: 0; list-style: square; list-style-position: inside; }
#about-outer li { font-size: 1.5em; margin: 0; padding: 0 0 12px 10px; color: #c8c8c8; }

ul#services-menu { width: 100%; list-style: none; margin: 0; padding: 20px 0 10px 0; }
ul#services-menu li { float: left; width: 290px; font-family: Myriad Pro, Arial; text-align: center; padding: 0 50px; margin: 0; outline: none; }
ul#services-menu li .btnAbout { display: block; position: relative; font-size: 1.8em; padding: 0px 5px; text-decoration: none; color: #c8c8c8; }
ul#services-menu li a:hover { text-decoration: underline; }
ul#services-menu li a:visited { color: #0573a6; }

#services-outer { width: 600px; position: relative; margin: 10px 100px; font-family: Myriad Pro, Arial; }
#services-outer h2 { clear: both; font-size: 1.8em; color: #d78d04; text-align: center; }
#services-outer h3 { color: #c8c8c8; }
#services-outer #recipe { width: 100%; border: 1px dashed #efefef; }
#services-outer dl { margin: 0 0 0 10px; padding: 0 0 10px 40px; }
#services-outer dt { padding: 10px 0 0 0; margin: 0; font-size: 1.6em; color: #d78d04; }
#services-outer dd { font-size: 1.4em; color: #c8c8c8; padding-right: 8px; }
#services-outer p { font-size: 1.4em; margin: 0; padding: 0 0 12px 20px; color: #c8c8c8; }
#services-outer p.text-large { font-size: 2em; text-align: center; text-decoration: underline; color: #d78d04; }
#services-outer p.text-large2 { font-size: 1.8em; text-align: center; color: #d78d04; }
#services-outer img.servicesImageLeft { float: left; margin: 0 10px 0 20px; border: 1px solid #000000; cursor: pointer; }
#services-outer img.servicesImageRight { float: right; margin: 0 0 0 10px; border: 1px solid #000000; cursor: pointer; }

ul#contact-menu { width: 100%; list-style: none; margin: 0; padding: 20px 0 10px 0; }
ul#contact-menu li { float: left; width: 160px; font-family: Myriad Pro, Arial; text-align: center; padding: 0 50px; margin: 0; outline: none; }
ul#contact-menu .btnContact { display: block; position: relative; font-size: 1.8em; padding: 0px 5px; text-decoration: none; color: #c8c8c8; }
ul#contact-menu li a:hover { text-decoration: underline; }
ul#contact-menu li a:visited { color: #0573a6; }

#contact-outer { width: 500px; position: relative; margin: 10px 150px; }
#contact-outer h2 { font-size: 1.7em; color: #d78d04; text-align: center; }
#contact-outer p { font-size: 1.2em; margin: 0; padding: 0 0 0 110px; color: #c8c8c8;}
#contact-outer .contact-center p { text-align: center; color: #d78d04; font-size: 1.4em; margin: 0; padding: 0 0 1em .3em; }
#contact-outer td.fieldname, #contact-outer table.tblRadio { text-align: left; font-size: 1.4em; color: #d78d04; }
#contact-outer td.form-small { font-size: 1em; color: #efefef; }
#contact-outer td input, #contact-outer td textarea { background-color: #cccccc; }
#contact-outer td span.radio input { background-color: #343334; }
#contact-outer td span.confirmOK { font-size: 1.1em; color: #c8c8c8; }
#contact-outer td span.confirmKO { font-size: 1.1em; color: #ff0000; }

ul#footerMenu { width: 440px; float: right; list-style: none; margin: 0 80px 0 0; padding: 0; }
ul#footerMenu li { float: left; }
ul#footerMenu li a { display: block; position: relative; font-size: 1.3em; padding: 0px 5px; text-decoration: none; }
ul#footerMenu li a:hover { text-decoration: underline; }
ul#footerMenu li a:visited { color: #0573a6; }

/*-------------  Main page classes  --------------*/

.clear { clear: both; }

.dailyHeader, .vipHeader, .eventHeader, .visitHeader { font-family: Myriad Pro; font-size: 1.9em; color: #e2c709; margin: 20px 0 0 0; 
                                                       text-align: center; background: url(../Images/box_middle.png) repeat-y left top; }
.vipHeader { color: #03a258; }
.eventHeader { color: #0985b1; }
.eventHeader a { text-decoration: none; color: #0985b1; }
.eventHeader a:hover { text-decoration: underline; }
.visitHeader { color: #d78d04; }


.boxList { margin: 0; padding: 5px 3px 0 12px; }
.boxList li { margin-bottom: 7px; }

.boxText { font-family: Myriad Pro; font-size: 1.3em; margin: 0; padding: 1px 12px 1px 12px; color: #8f8f8f;
           background: url(../Images/box_middle.png) repeat-y left top; }
.bottomText { height: 25px; margin: 0; background: url(../Images/box_bottom.png) no-repeat left top; }

.moreLink { font-family: Arial; font-size: 0.8em; margin: 0; padding: 5px 8px 0 0; display: block; text-align: right; 
            text-decoration: none; }
.moreLink a:hover { text-decoration: underline; }

.footerText { float: left; font-family: Myriad Pro; font-size: 1.1em; margin: 2px 0 0 120px; color: #8f8f8f; }

/*-------------  Miscellaneous classes  ---------------*/

.upload-button { margin: 1px 0 0 0; padding: 0; background-image: url(../Images/upload-button.gif); border: 1px solid red; }

.prodspec, .prodfeatures { width: 100%;	font-size: 1.6em;	line-height: 1.8em; }

.prodspec td, .prodfeatures td {padding: 3px 10px; border-bottom: 1px solid #EBEBEB; }

.prodspec td.title { padding: 5px; margin-bottom: 6px; font-weight: bold; font-size: 1.9em; color: Maroon;
	                 border-bottom: 1px solid #E7E7E7; background-color: #c8c8c8; }

td.week-checkbox { width: 67px; }

p.caption { font-size: 0.8em; text-align: center; color: #343434; padding: 0; margin: 0; }

.hideLink { display: none; margin-left: -9999em; }

.hilight { font-size: 1.3em; color: #d78d04; }
.highlight { font-size: 1em; color: Navy; }

div.upload { font-size: 1.4em; }
.uploadTitle { font-size: 1.2em; color: #e2c709; }
span.uploadAuth { color: Yellow; font-size: 1.5em; }

span.underline { text-decoration: none; color: #d8d8d8; }

hr.hrSpecial { width: 90%; height: 1px; color: #8f8f8f; margin: 10px 12px 0 0; }
hr.hrUpload { width: 80%; height: 1px; color: #8f8f8f; margin: 10px 12px 0 0; }

a:active, a:focus { outline: none; }