/* COPYRIGHT NOTICE - DO NOT REMOVE MunchAway POS Integrated Online Ordering System for Restaurants Designed by: Robert H. Johnson Developed by: Team MunchAway, V2 Solutions, Inc. Copyright 2007, Lone Tree Technology, Inc., all rights reserved. Copyright 2008, LT2 Systems, Inc., all rights reserved. Copyright 2009-2010, MunchAway, LLC., all rights reserved. This file contains Confidential and Proprietary Information of MunchAway, LLC. Using or copying this file or any portions of its contents without the expressed written consent of MunchAway LLC is strictly prohibited. */ /* Coded and Designed by Tony Scialdone http://www.StraightStreetDesign.com/ and http://www.DotComOnomics.com/ */ /* UNIVERSAL DECLARATIONS */ body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { position: relative; margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; text-align: left; background: transparent; } :focus { outline: 0; } /* CONTAINERS */ body { margin: 0; padding: 0px 0 7px 0; background: #ccc; font: normal 100.01%/1.3em Georgia,"Times New Roman",Times,serif; color: #464032; text-align: center; background: #EBEBEB url(/theme/41/asset/bodybg.png) repeat-x left top; } body#locations #contentwrap { float: right; width: 100%; } body#locations #main { float: left; padding: 0; width: 470px; } body#sessions #contentwrap { float: left; width: 100%; background-color: transparent; background-image: none; } body#menus #contentwrap { float: left; width: 100%; background-color: transparent } body#patrons #contentwrap { float: left; background-color: transparent; background-image: none; } body#patron_addresses #contentwrap { background-color: transparent; background-image: none; } body#orders #contentwrap { background-image: none; } body#checkout #contentwrap { padding-top:10px; background-image: none; } body#checkout #contentwrap h2 { margin: 28px 0 14px 0; } body#checkout #contentwrap h2#checkout { padding: 21px 0 21px 21px; } body#patron_tenders #contentwrap { background-color: transparent; background-image: none; } #outer { margin: 0 auto 0 auto; width: 960px; background: transparent url(/theme/41/asset/header_bg.gif) no-repeat center 7px; font-size: .75em; text-align: left; padding-top:0px; } #wrap { float: left; margin:0 0 5 0px; _margin:0 0 -7px 0px; width: 960px; text-align: left; background-color: transparent; } #header { position:relative; margin: 0 auto; height:120px; width:100%; background: transparent; padding:0; } .logo { width: 233px; float: left; } #header img { position:absolute; top: 15px; _top:10px; left: 7px; margin: 0; padding:0; } .header_info { position:absolute; width:400px; right: 0px; top:27px; } #contentwrap { clear: both; width: 100%; background: transparent; } #main { clear: both; float: left; padding: 15px 0 20px 0; width: 80%; } #secondary { float: left; padding: 28px 0 20px 0; } #tertiary { float: left; padding: 14px 0 77px 0; width: 326px; height: auto; } /* NAV STYLE */ #nav { background:transparent url(/theme/41/asset/navbg.png) no-repeat center top; height:36px; } #nav ul { margin: 0 35px 0 35px; padding: 0; } #nav li { display: inline; height:36px; overflow:hidden; } #nav a:link, #nav a:visited, #nav a:active { display:inline-block; line-height:36px; padding:0 20px; text-decoration: none; text-transform: uppercase; color: #2A1F0B; } #nav a:hover { background-color: #A7430F; color: #fff; } #account, p.pendingorder { font-weight: bold; color: #464032; text-align: right; margin-top:0px; } #account a, p.pendingorder a, #account a:visited, p.pendingorder a:visited { font-family: Georgia,"Times New Roman",Times,serif; margin-left: 2px; background: #DDD3BC url(/theme/41/asset/buttonbg.png) repeat-x left top; color: #362E1D; padding:5px 10px 5px 10px; text-decoration: none; border:1px solid #bbb; } #account a:hover, p.pendingorder a:hover { background-color: #DDD3BC; background-image:none; color: #362E1D; text-decoration: none; } #createaccount { position: absolute; top: 40px; left: -150px; margin: 0; padding: 0; width: 200px; text-align: left; } /* FOOTER STYLES */ #footer { clear: both; margin: 0 auto 0 auto; background-color:transparent; padding:20px 0; width: 960px; text-align:left; font-size:12px; border-top: 5px solid #EBE6D1; } #footer ul { float:right; height:25px; margin:0; } #footer ul li { display:inline; } #footer a, #footer a:visited { font-weight:normal; font-size:12px; color:#A29E8E; padding:0 5px; border-right:1px solid #bbb; text-transform:capitalize; } #footer a.last { border-right:none; padding-right:0px; } #footer a:hover { color:#A7430F; } .footer_pad { margin:0 5px; } /* GENERAL TYPOGRAPHY */ h2, h3, h4, h5, h6, h7, p, img, form { margin: 14px 14px 0 14px; } h1, h2, h3, h4, h5, h6, h7 { font-weight: normal; font-size: 100%; color: #A7430F; } h1 { position: absolute; left: -9999px; } h2 { font-size: 135%; font-weight: bold; } h3 { font-size: 135%; } h4 { font-weight: bold; font-size: 118%; } .title { margin: 14px 14px 0 14px; font-size: 146%; font-weight: normal; font-size: 100%; color: #A7430F; } p { margin-bottom: 1.3em; text-align: justify; } dl { margin: 14px 14px 0 14px; } dt { font-weight: bold; text-align: justify; } dd { margin-left: 14px; text-align: justify;} dl.locationaddress { margin: 0; padding: 0; line-height: 1.3em; } ol { list-style-position: outside; margin: 14px 21px 0 56px; } ul { margin: 14px 21px 0 49px; } a:link, a:visited, a:active { text-decoration: none; font-weight: bold; color: #A7430F; } a:hover { text-decoration: none; color: #734327; } img.pic { padding: 4px; background: #fff; border: 1px solid #464032; } .left { text-align: left; } .center { text-align: center; } .right { text-align: right; } .justify { text-align: justify; } .noborder { border: 0; } .nomarginbottom { margin-bottom: 0; } .clear { clear: both; } .inline { display: inline; } .bold { font-weight: bold; } .upper { text-transform: uppercase; } .tight { margin-bottom: 0; } .smallnote { margin: 0 14px 0 0; padding: 0; font-size: 70%; line-height: 1.2em; } strong { font-weight: bold; } /* FORM ELEMENTS */ form { margin: 21px 0 0 0; padding: 0; font: normal 100%/1.3em verdana, sans-serif; color: #464032; } input.text, textarea { display: block; margin: 7px; padding: 3px; height: 21px; background: #fff; font: bold 100%/1.3em verdana, sans-serif; color: #A7430F; border: 1px solid #a5a59f; } input.error { background-color: #A7430F; } input.hidden { display: none; } textarea { overflow: auto; width: 90%; height: 77px; } input.button { cursor: pointer; clear: both; display: block; margin: 14px 0 21px 0; padding: 3px 5px; width: auto; height: 30px; background: #695851; font-weight: bold; color: #fff; border: 0; border: 1px solid #E5C7AB; } input.button:hover { color:#ffffff; } fieldset { margin: 21px 0; padding: 0px; } fieldset ol { list-style-type: none; margin: 7px 0 0 14px; } fieldset ol li { margin-bottom: 7px; } legend { margin: 0; padding: 0 14px; font-weight: bold; } label { margin: 0 0 7px 0; } select { margin: 0; } p.locationheader { display: none; } #search_postal_code_form { clear: both; margin: 14px 0 0 14px; } #search_postal_code_form label { display: block; } #search_state_and_city_form { margin-left: 14px; } #search_state_and_city_form label { display: block; } #search_state_and_city_form input, #search_state_and_city_form select { border: 1px solid #464032; } input.postal { display:inline; margin: 0px; padding: 2px 4px 1px 4px; height: auto; } #locationdetails h2 { cursor: pointer; margin: 21px 0 3px 21px; letter-spacing: -1px; } .locationdetail { margin: 0 0 0 14px; width: 445px; border-top: 1px solid #b2b2b2; padding: 5px; } .locationdetail .distance { float:right;font-size:0.8em;line-height:0.5em;_line-height:0.8em; } .locationdetail dl { margin-top: 0px; } .locationdetail dd.description { font-weight: bold; text-align: justify; } .locationdetail dd.address { font-weight: bold; text-align: justify; } .locationdetail dd.orderlink { margin: 5px 0 5px 28px; } .locationdetail dd.orderlink a:hover {color:#734327; text-decoration:underline;} /* workaround obscure IE bug */ div#order { position: relative; _position: absolute; width: 100%; } div#order.orderdetail { position:relative; margin-left: 5px; padding: 0; } #options_content, #order_content { padding: 20px 0 0 0; } div#item_ordering_options { position:relative; } /* Style from http://veerle.duoh.com/blog/comments/a_css_styled_table/ */ table.order { margin: 14px 14px 14px 0; } .order th { font: bold 11px Georgia,"Times New Roman",Times,serif; color: #464032; border-right: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2; border-top: 1px solid #b2b2b2; letter-spacing: 2px; text-transform: uppercase; text-align: left; padding: 6px 6px 6px 12px; background: #A7430F; } .order th.nobg { border-top: 0; border-left: 0; border-right: 1px solid #b2b2b2; background: none; } .order td { border-right: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2; background: #fff; padding: 6px 6px 6px 12px; color: #464032; } .order .alt td { background: #fffdea; color: #464032; } .order th.spec { border-left: 1px solid #b2b2b2; border-top: 0; background: #fff url(images/bullet1.gif) no-repeat; font: bold 10px Georgia,"Times New Roman",Times,serif; } .order th.specalt { border-left: 1px solid #b2b2b2; border-top: 0; background: #fffdea url(images/bullet2.gif) no-repeat; font: bold 10px Georgia,"Times New Roman",Times,serif; color: #464032; } form#order_form { margin: 0; padding: 0; } table.order input.button { display: block; left: 14px; } /* Style from http://veerle.duoh.com/blog/comments/a_css_styled_table/ */ .order th { font: bold 11px Georgia,"Times New Roman",Times,serif; color: #464032; border-right: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2; border-top: 1px solid #b2b2b2; letter-spacing: 2px; text-transform: uppercase; text-align: left; padding: 6px 6px 6px 12px; background: #e8e2cc; } .order th.nobg { border-top: 0; border-left: 0; border-right: 1px solid #b2b2b2; background: none; } .order td { border-right: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2; background: #fff; padding: 6px 6px 6px 12px; color: #464032; } .order .alt td { background: #fffdea; color: #464032; } .order th.spec { border-left: 1px solid #b2b2b2; border-top: 0; background: #fff url(images/bullet1.gif) no-repeat; font: bold 10px Georgia,"Times New Roman",Times,serif; } .order th.specalt { border-left: 1px solid #b2b2b2; border-top: 0; background: #fffdea url(images/bullet2.gif) no-repeat; font: bold 10px Georgia,"Times New Roman",Times,serif; color: #464032; } .orderheader { float: left; margin: 0; padding: 0; width: 100%; background: #c2c2c2; border-bottom: 1px solid #b2b2b2; } .logo { width: 500px; float: left; _top:10px; } #order_line_item_form { margin-left: 7px; } #delivery_time { width: 200px; } .fieldWithErrors { border: solid 2px red; } #errorExplanation { width: 400px; border: 2px solid red; padding: 7px; padding-bottom: 12px; margin-bottom: 20px; background-color: #f0f0f0; } div#order #errorExplanation { width: 295px; } #errorExplanation h2 { text-align: left; font-weight: bold; padding: 5px 5px 5px 15px; font-size: 12px; margin: -7px; background-color: #c00; color: #fff; } #errorExplanation p { color: #464032; margin-bottom: 0; padding: 5px; } #errorExplanation ul li { font-size: 12px; list-style: square; } /* LOGIN */ #login_form { margin: 14px 0 0 150px; padding: 14px; width: 500px; } #login_form input { display: block; width: 250px; } #login_form label { display: block; } #login_form input#remember_me { display: inline; margin: 0 0 0 7px; padding: 0; width: auto; } #button_bar input.button { clear: both; width: auto; float: left; } /* Chosen Location and Time */ #order_location_and_time { margin:20px 0 0 20px; } #order_location_and_time strong { color:#A7430F; background:none; } /* Tabs from : http://www.exploding-boy.com/images/cssmenus/menus.html */ #navigation { margin: 0 0 0 0; } #main_menu { margin-left: 77px; _font-size: 11px; } #main_menu h3 { margin: 7px 0 0 0; cursor: pointer; font-size: 10pt; font-weight: bold; color: #858585; } #main_menu ul, #main_menu ul ul { margin: 0 0 14px 77px; } #main_menu img { border: 0; } /*- Menu Tabs B--------------------------- */ .tabsB_box { width:920px; margin-left:20px; } #tabsB { float:left; display: block; width:100%; font-size:93%; _font-size: 11px; line-height:normal; } #tabsB ul { margin:0px; padding: 0; list-style:none; } #tabsB li { display:inline; margin:0; padding:0; } #tabsB a { float:left; background:url("/theme/41/asset/tableftb2.gif") no-repeat left top; margin:0 2px 0 0; padding:0 0 0 4px; text-decoration:none; } #tabsB a span { float: left; display: block; cursor: pointer; background: url("/theme/41/asset/tabrightb2.gif") no-repeat right top; padding: 5px 6px 4px 6px; color: #2A1F0B; white-space: nowrap;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsB a span {float:none;} /* End IE5-Mac hack */ #main #tabsB a:hover {text-decoration:none;} #tabsB a:hover { background-position:0% -42px; } #tabsB a:hover span { background-position:100% -42px; color:#ffffff; } #tabsB a.current { background-position:0% -42px; } #tabsB a.current span { background-position:100% -42px; color:#ffffff; } /*- Menu Tabs C--------------------------- */ #tabsC { float: left; left: 20px; margin: 0; padding: 0; width: 96%; font-size: 93%; line-height: normal; border-bottom: 1px solid #9A8B6D;} #tabsC ul { margin: 14px 0 0 0; padding: 0; width: 100%; text-align: center; list-style-type: none; border-bottom: 0px solid #c2c2c2; } #tabsC li { display:inline; margin:0; padding:0; } #tabsC a { float: left; background:url("/theme/41/asset/tableftC2.gif") no-repeat left top; margin: 0 2px 0 0; padding:0 0 0 4px; text-decoration:none; } #tabsC a span { display: block; background: #A7430F url("/theme/41/asset/tabrightC2.gif") no-repeat right top; padding: 5px 15px 4px 6px; color: #2A1F0B; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsC a span {float:none;} /* End IE5-Mac hack */ #tabsC a:hover span { color:#ffffff; } #tabsC a:hover { background-position: 0% -42px; } #tabsC a:hover span { background-position: 100% -42px; } #tabsC a.current { background-position: 0% -42px; } #tabsC a.current span { color:#ffffff; background-position: 100% -42px; } #main a:link, #main a:visited, #main a:active { text-decoration: none; color: #A7430F; } #main a:hover { text-decoration: underline; color: #A7430F; } #patron_form { margin: 0 0 35px 21px; } #patron_form legend { margin-left: 0; padding-left: 0; margin-bottom: 14px; } #patron_form input { margin: 0 0 10px 0; } #patron_form input.button { margin: 0 0 35px 0px; padding: 0 7px; } #patron_form label { display: block; margin-bottom: 0; } #patron_form label b, .patron_form b { color: #A7430F; } #orderline { float: left; padding-left: 15px; border: 0; } #patronaddresses { margin: 14px 0 0 14px; padding-bottom: 77px; } #patronaddressesshow { margin:10px; padding:7px 21px 0 7px; width: 500px; background: white; border: 1px solid gray; } .invalidmodifier { width: 50%; background: #A7430F; color: #fff; } .modifiergroup { float: left; padding: 3px; border: 1px solid green; } a.patroneditorder { text-decoration: underline; top: 25px; font-size: 118%; color: #fff; } a.patroneditorder:hover { color: #464032; } #errorExplanation { margin: 14px; } .orderinstructions { clear: both; margin-top: 14px; padding: 5px 0 10px 0; } textarea.instructions { width: 300px; } ul.pendingorder { float: right; top: 14px; font-weight: bold; text-align: center; text-transform: normal; margin: 0; font-weight: bold; color: #fff; } /* MENUS */ .slot_hover { background-color: #e8e2cc; } .tab_menu_image img { margin:0; } .submenu_title { position: relative; } .menu_image_popup { margin-left:-1px; border: 1px solid #A7430F; background-color:#fffdea; width:100%; } .menu_image_popup img { margin: 0px; } input.select_menu_item { margin:40px 0px 10px; } .submenu_header { position:relative; width:100%; } .submenu_header h2, .menu_image_popup h2 { font-weight: bold; } div.submenu { position:relative; _width: 99%;} div.level1 { background-color:#fffdea; border-top:1px solid #A7430F; border-bottom:1px solid #A7430F; padding:15px 15px 20px 15px; margin-bottom:-1px; } div.menuitem { position:relative; _width:99%; border-bottom:1px solid #b2b2b2; padding:5px; } div.submenutitle { border-bottom:1px solid #b2b2b2; } #main_menu a.menu_item, #main_menu table.menu_image_popup_txt h3 { color:#A7430F; } div.menuitem img, div.submenutitle img { vertical-align:middle; margin:0px; padding:0 15px 0 0; } div.menuitem a { vertical-align:middle; } .menu_image_popup { position:relative; width:100%; } .image_table { float:left; padding:5px 15px 5px 5px; } .menu_image_popup .image { float:left; margin: 5px 0px 14px 5px; } .menu_image_popup .description { margin-left:200px } .menu_image_popup .button_wrapper { margin-top: 40px; } .popup_closer { position:absolute; top:5px; right:5px; width:14px; height:14px; cursor:pointer; } .submenutitle span.text { font-weight:bold; color:#A7430F; } .submenutitle.over span.text, .submenu_closer.over span.text { text-decoration: underline; } .submenu_tab_pane { margin-bottom:-1px; } .submenu_tab_pane ul { margin-left: 50px; } .modifiers { margin-left: 10px; } /* ORDERS */ table#orderhistory { margin: 28px; } table#orderhistory th { font-weight: bold; } #checkoutform { margin: 0 auto; padding: 0 21px 21px 21px; width: 90%; } dd h2#checkout { margin: 0 0 0 -21px; padding: 0; } .checkout_order_summary { background: transparent; padding: 15px; border:1px solid #9A8B6D; } #deliveryorpickup { margin: 21px; } #confirm { margin: 0 35px 35px 35px; padding: 21px 0; width: 890px; } #patronaddresses { margin: 14px 0 0 14px; padding-bottom: 77px; } #patronaddressesshow { margin:10px; padding:7px 21px 0 7px; width: 500px; background: white; border: 1px solid gray; } .showtender { background-color: white; border: 1px solid gray; width:470px; margin:10px; padding:5px; } .tendersindex { margin: 21px 0 0 21px; padding-bottom: 35px; width: 800px; } .viewPastOrder { margin: 0 0 0 77px; padding-bottom: 21px; } #setordertime_form { margin-left: 14px; } #main dd.orderlink a:link, #main dd.orderlink a:visited, #main dd.orderlink a:active { color: #s; } a { cursor: pointer; } .guidanceMenu { font-size: 90%; color: #A7430F; text-indent: 0; } .rightColumn { border-left: 5px solid #464032; padding-left: 5px; min-height: 500px; _height: 500px; /* min-height for IE */ } #menutable { width:920px; margin-left: 20px; border: 1px solid #9A8B6D; } #menutable td.leftcol { vertical-align:top; width:50%; border-right: 1px solid #9A8B6D; background:#fff; } .guidanceSubmenu { padding: 0 0 5px 0; margin:7px 0 0 0; text-indent:5px; font-size: 120%; line-height: 1.2em; color: #A7430F; border-bottom: 1px solid #b2b2b2; font-weight:bold; } .menu_item { margin: 0; padding: 0; } ul { list-style-type: none; } .info_position { position:absolute; top:60px; right:0px; width:700px; } /*----------START Time Selection Box---------------*/ #boxCalendar{ width: 360px; margin-top: 23px; padding: 0px; } #boxCalendar .topcurve{ background:url(/images/box_top_curve.png) no-repeat top; width: 360px; height: 12px; margin: 0px; padding: 0px; } #boxCalendar .content{ background:url(/images/boxbg.png) repeat-y; width: 360px; height: 122px; margin-top: -2px; margin-bottom: -2px; padding: 3px; font-family: 'Arial Narrow'; } .content table td{padding: 3px;} .content table .linedivider{ border-left: 1px dotted #A29E8E;} .content table .heading{ color:#A7430F; font-weight: bold; font-size: 15px; text-align: center;} .content table .title{ font-size: 13px; font-weight: bold; color:#464032;} #boxCalendar .botcurve{ background:url(/images/box_bot_curve.png) no-repeat bottom; width: 360px; height: 12px; margin: 0px; padding: 0px; } .buttonNext{ background: url(/images/button_next.png) no-repeat; width: 150px; height: 28px; margin-top: 10px; float: right; } /*----------END Time Selection Box---------------*/