/* global */ * {margin: 0; padding: 0; border: 0;} body {margin: 0; padding: 0; font-family: Arial, sans-serif; font-size: 62.5%; color: #555; background: #fff; z-index: 2;} body.Corp {font-family: Arial, sans-serif; font-size: 12px; color: #555; background: #000;} /* linkage */ a {color: #339; text-decoration: none;} a:visited {} a:hover {color: #00f; text-decoration: underline;} a:active {} .Corp a {color: #399;} .Corp a:hover {color: #399; text-decoration: underline;} .Corp a.GoBack {background: url("../img/corporate/icon-startover.gif") no-repeat 0 50% transparent !important; padding: 1px 0px 2px 22px; line-height: 20px;} label {font-size: 12px; color: #555;} input, textarea {border: 1px solid #559CD2; font-family: Arial, sans-serif; font-size: 14px; color: #333; margin: .25em 0; padding: .125em 0;} select {border: 1px solid #559CD2; color: #333; padding: .125em 0;} .errorexplanation {color: #c00; font-size: 11px; font-style: italic; margin: 0.5em 0 0;} select.error, input.error, textarea.error {-moz-box-shadow: 0 0 5px rgba(204, 0, 0, 0.5) !important; -webkit-box-shadow: 0 0 5px rgba(204, 0, 0, 0.5) !important; border-color: #f00 !important;} h1 {} h2 {font-size: 14px; font-weight: normal; line-height: 1.4em; color: #555; margin-bottom: .5em;} h2 a {font-weight: bold;} h2 em a {background: #ffc;} h2 a.dropdown {background: #EDEFD9 url(../images/consumer/icon_dropdown.gif) 100% 50% no-repeat; padding: .25em 20px .25em .25em; margin: 0 0 0 .5em;} h3 {font-size: 12px;} h5 {font-size: 14px; font-weight: normal; line-height: 1.4em; color: #555; margin-bottom: .5em;} /*button rules*/ h4.button {border: 0; background: none; padding: 1em 0 0 0; margin: 0 auto; text-align: center; display: block; clear: both; width: 285px; font-size: 14px;} h4.left {margin: 0; text-align: left; padding: 0;} h4.twbutton a { background-image: url(../images/Consumer/twsite_button_nextstep.png); text-align: left; padding-left: 20px; cursor: pointer; background-repeat: no-repeat; width: 220px; height: 30px; display: inline-block; color: #FFFFFF !important; line-height: 30px; font-size: 17px;} .twdisabledbutton { background-image: url(../img/corporate/corporateCheckoutBtn_grey.png); text-align: left; padding-left: 20px; cursor: pointer; background-repeat: no-repeat; width: 280px; height: 30px; display: inline-block; color: #FFFFFF !important; line-height: 30px; font-size: 17px;} h4.button a {line-height: 30px; background: #339 url(../images/consumer/step2.png) 0 -855px no-repeat; color: #fff; text-align: left; display: block; padding-left: 10px; padding-right: 15px; border: 1px solid #339; width: 200px;} h4.button a:hover {text-decoration: underline; color: #fff !important;} #sidebar h4.button {padding: .5em 0;} h4.inactive a {background: #eee !important; color: #ccc; border: 1px solid #ddd; cursor: default;} h4.inactive a:hover {background: #eee !important; color: #ccc !important; border: 1px solid #ddd; cursor: default; text-decoration: none !important;} h4.button-refer {border: 0; background: none; padding: 1em 0 0 0; margin: 0 0 1em 0; text-align: left; display: block; clear: both; width: 285px; font-size: 14px;} h4.button-refer a {background: #339 url(../images/button-overlay.png) 0 50% repeat-x; display: block; padding: 10px; color: #fff; text-decoration: none; font-weight: bold; -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.35); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.35); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); position: relative; border: 1px solid #339;} h4.button-refer a:hover {text-decoration: none; color: #fff !important; background-color: #228; border-color: #228;} * HTML h4.button-refer a {background: #339 !important;} br.clear {clear: both; line-height: 0; display: block;} p {margin: 0 0 1em 0; font-size: 12px;} img.button {border: 1px solid #339; margin: .5em 0 0 0; display: block;} img.button:hover {border: 1px solid #00f;} img.arrow {margin: 1em 0 .5em 0; display: block; border: 0 !important;} input.arrow {margin: .5em 0; display: block; border: 0 !important;} .Corp #supersized-loader {display: none;} .Corp h4 {font-size: 12px;} .Corp h4.button {border: 0; background: none; padding: 1em 0 0 0; margin: 0 0 1em 0; text-align: left; display: block; clear: both; font-size: 14px; width: auto; font-family: Arial, Helvetica, sans-serif;} .Corp h4.button a {background: #16afbe; background-image: url(../images/button-overlay.png); background-repeat: repeat-x !important; background-position: 0 50% !important; display: block; line-height: normal; width: 298px; padding: 6px 10px; color: #fff; text-decoration: none; font-weight: bold; -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.35); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.35); box-shadow: 0 1px 1px rgba(0,0,0,0.35); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); position: relative; border: 1px solid #16afbe;} .Corp h4.button a:hover {text-decoration: none; color: #fff !important; background-color: #0096a5; border-color: #0096a5;} .Corp h4.button.PrimaryLink {padding: 0; margin: 0;} .Corp h4.button.PrimaryLink a {background-color: #399; border-color: #399; display: inline-block; width: auto; cursor: pointer;} .Corp h4.button.PrimaryLink a:hover {background-color: #236969; border-color: #236969;} .Corp h4.Inline a {font-size: 11px;padding: 2px 10px; } .Corp h4.OrderLink {background: url(../img/corporate/button-order-link.gif) right center no-repeat; width: 280px; font-family: "museo-slab-1","museo-slab-2"; font-weight: 800; font-size: 22px; text-transform:uppercase; padding: 0 !important; cursor:pointer;} .Corp h4.OrderLink a, .Corp h4.button.OrderLink a:hover {color: #fff; background-color: transparent; width: auto; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; background-image: none;} .Corp h4.button.CancelLink {padding: 0;} .Corp h4.button.CancelLink a {display: inline-block; width: auto; background-color: #eee;color: #399;border-color: #ddd;-moz-box-shadow: inset 0 10px 20px rgba(0, 0, 0, 0.05);box-shadow: inset 0 10px 20px rgba(0, 0, 0, 0.05);-webkit-box-shadow: inset 0 10px 20px rgba(0, 0, 0, 0.05);} .Corp h4.button.CancelLink a:hover {background-color: #eee;} .Corp h4.Flat a, .Corp h4.Flat a:hover {background-image: none; text-shadow: none;} .Corp h4.Flat:hover {background-image: url(../img/corporate/button-order-link.gif);} .Corp select {padding: 0; border-color: #999; font-family: Arial, sans-serif;} .Corp input, .Corp textarea {padding: 1px 0;} /*Grid Layout*/ #container {width: 960px; background: #fff; margin: 1em auto 0 auto; padding: .5em 0 1em 0; display: block;} .onecol {width: 150px; float: left; padding: 0 10px 20px 0;} .twocol {width: 310px; float: left; padding: 0 10px 20px 0;} .threecol {width: 470px; float: left; padding: 0 10px 20px 0;} .fourcol {width: 630px; float: left; padding: 0 10px 20px 0} .fivecol {width: 790px; float: left; padding: 0 10px 20px 0} .rightcol {padding-right: 0 !important;} .nospace {padding-bottom: 10px !important;} .Corp .container {width: 940px; margin: 0 auto; padding: 0; display: block; position: relative; clear: both;} .Corp .onecol, .Corp .twocol, .Corp .threecol, .Corp .fourcol, .Corp .fivecol, .Corp .sixcol, .Corp .sevencol, .Corp .eightcol, .Corp .ninecol, .Corp .tencol, .Corp .elevencol {display: inline; float: left; position: relative; margin-right: 10px; padding: 0 0 10px;} .Corp .first {margin-left: 0 !important; } .Corp .last {margin-right: 0 !important;} .Corp .onecol {width: 60px;} .Corp .twocol {width: 140px;} .Corp .threecol {width: 220px;} .Corp .fourcol {width: 300px;} .Corp .fivecol {width: 380px;} .sixcol {width: 460px;} .sevencol {width: 540px;} .eightcol {width: 620px;} .ninecol {width: 700px;} .tencol {width: 780px;} .elevencol {width: 860px;} /* header */ #header {padding: 0; border-top: 1px solid #b00; background-color:#D12516;} #header.aux {padding-bottom: 1em;} /* logo */ #logo {width: 950px; margin: 0 auto; padding: 1.5em 10px 0 0; z-index: 3; position: relative;} #logo h1, #logo h1 a {display: block; width: 394px; height: 31px; padding: 0; border-style: none; background: url(../images/consumer/SeamlessLogo.gif) no-repeat; text-indent: -999em;} #logo h4 {float: right; color: #fff; display: block; font-size: 14px; font-weight: normal; line-height: 1.6em; margin-top: -.5em; padding: 0;} #logo h4 span {font-size: 12px; color: #e8928b; font-style: italic;} #logo #facebookloginspan, #logo #fb_logout_image {float: right; margin: -8px 12px 0 0;} #logo ul {clear: both; text-align: right; float: right; margin: 0; font-size: 11px; list-style: none;} #logo ul li {display: inline; border-right: 1px solid #bc2114; text-transform: capitalize;float: left; margin: 0; padding: 0; position: relative;} #logo ul li.last {padding-right: 0; border: 0;} #logo ul li.return {font-weight: bold;} #logo ul li a {padding: .25em 1em .5em .75em; display: block; text-decoration: none; float: left; color: #fff; border-right: 1px solid #d63b2e;} #logo ul li a:hover {color: #e8928b;} #logo ul li a span {color: #ff0; font-weight: bold; font-size: 10px;} #logo ul.topnav li.trigger a {background: url(../images/consumer/step2.png) -338px -296px no-repeat; padding-right: 20px; position: relative;} * HTML #logo ul.topnav li.trigger a {background: url(../images/red-arrow-down.gif) 82% .8em no-repeat; padding-right: 20px; position: relative;} #logo ul li.last a {padding-right: 0; border: 0;} #logo ul.topnav li ul.subnav {list-style: none; position: absolute; left: 0; top: 20px; background: #b9160e; margin: 0; padding: 0; display: none; float: left; width: 170px; border: 1px solid #b9160e; border-bottom: 0; z-index: 200;} #logo ul.topnav li ul.subnav li {margin: 0; padding: 0; border-top: 1px solid #d94c40; background: #d12516; border-bottom: 1px solid #b9160e; clear: both; width: 170px; text-align: left; position: relative;} #logo ul.topnav li ul.subnav li a:hover {color: #fff;} #logo ul.topnav li ul.subnav li a strong {color: #ff0 !important; font-weight: bold; font-size: 10px;} html #logo ul.topnav li ul.subnav li a {display: block; background: #d12516; padding: .5em 10px; width: 150px;} html #logo ul.topnav li ul.subnav li a:hover {background: #b9160e;} /*Page*/ .Corp #Page {width: 940px; margin: 0 auto; background: #fff; padding: 0 20px;} .Corp #logo, .Corp #container, .Corp #mainnav, .Corp p.backtotop{width: auto;} #mainnav {margin: 10px auto 0 auto; width: 960px;} #mainnav ul {margin: 0; padding: 0; list-style: none; overflow: hidden; font-size: 11px;} #mainnav ul li {float: left; margin: 0; padding: 0;} #mainnav ul li a {display: block; float: left; width: 136px; line-height: 1.3em; padding: 8px 10px; margin: 0; text-decoration: none; color: #e8928b; border: none; background: #a20000 url(../images/consumer/mainnav_bg.gif) top left repeat-x; border-right: 1px solid #900; border-top: 1px solid #d94c40; margin-right: 3px;} #mainnav ul li a strong {display: block; font-size: 14px; font-weight: bold; color: #fff;} #mainnav ul li a strong span {font-size: 10px; font-weight: normal; color: #ff3; font-style: italic;} #mainnav ul li.new a {background: #cbb924 url(../images/mainnav_gold.gif) top left repeat-x; width: 141px; padding-right: 5px; border-right: 1px solid #998f07; border-top: 1px solid #d8cc56;} #mainnav ul li.new a strong {color: #330 !important;} #mainnav li a:hover {background: #600;} #mainnav ul li.new a:hover {background: #cbb924 url(../images/mainnav_gold2.gif) top left repeat-x; color: #330;} #mainnav li a.active, #mainnav li a.active:hover, #mainnav ul li.new a.active {background: #fff url(../images/consumer/mainnav_active.gif) top left no-repeat; cursor: default; color: #c00; border-right: 1px solid #900; border-top: 1px solid #d94c40;} #mainnav ul li a:hover strong {color: #fff; text-decoration: none;} #mainnav ul li a.active strong, #mainnav ul li a.active:hover strong {color: #c00; text-decoration: none;} #mainnav ul li a.active strong span {color: #333;} #mainnav ul li.new a.active strong {background: none;} #mainnav #progressholder {width: 308px; float: right; border: 1px solid #b00; margin: 0 10px 0 0;} #mainnav #progressholder span {width: 308px; padding-top: 1px; font-size: 14px;} #mainnav #progressholder .progressbar {height: 18px;} .Corp #AJAXStatus{display:none; } .Corp #header { border: 0 none; background: transparent;} .Corp #header .LogoLink {display: inline-block; } .Corp #logo span {line-height: normal;} .Corp #logo {background: url('../img/header.png') no-repeat center 0; height: 111px; padding-top: 0; overflow: hidden; z-index: 4;} .Corp #logo ul { margin-top: 46px;} .Corp #logo ul li {text-transform: uppercase; border-style : none; } .Corp #mainnav ul li a strong span { font-family: "museo-slab-1,museo-slab-2";} .Corp #logo ul li.last { border-right: 0 none;} .Corp #logo ul li a {border: none; padding: 3px 13px 3px 9px; font-family: "museo-slab-1","museo-slab-2"; font-weight: 700; font-size: 14px; background: url('../img/corporate/topnav_separator.png') repeat-y right center;} .Corp #logo ul li a:hover {color: #FFF; text-decoration: underline;} .Corp #logo ul li.last a {border-right: 0 none; padding-right: 20px; background: transparent none;} .Corp #logo ul a { padding-left: 10px; padding-right: 10px; font-weight: bold;} /*.Corp #logo h4 { height: 35px; padding-left: 10px;width: 268px;} */ /*h4 {background: #E86B06; position:absolute; top: 0; right:40px; padding:7px 5px 4px 5px; background:#d97e14; margin-top:-4px; -moz-box-shadow: 0px 1px 1px #666666; -webkit-box-shadow: 0px 1px 1px #666666; box-shadow: 0px 1px 1px #666666; } */ #WelcomeBar{ position:absolute; top: 0; right:40px; padding:7px 5px 4px 5px; background:#d97e14; margin-top:-4px; -moz-box-shadow: 0px 1px 1px #666666; -webkit-box-shadow: 0px 1px 1px #666666; box-shadow: 0px 1px 1px #666666; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;} #WelcomeBar p {padding: 9px 9px 3px; margin: 0; text-transform: uppercase;} .Corp #logo h4 span{display:block; font-style: normal; color: white; } .Corp div#logo img {float: left; margin: 10px 20px 0;} .Corp div#logo .YourFood {padding: 42px 0 0 0; color: #FFF; font-family: "museo-slab-1","museo-slab-2"; font-weight: 500; font-size: 21px; text-transform: none; } .Corp div#logo .YourFood strong {font-family: "museo-slab-1","museo-slab-2"; font-weight: 800; letter-spacing: 1px;} .Corp #mainnav ul li a.active strong { border-left: 1px solid #6E6C6C; } .Corp #mainnav{overflow: visible; background: white; padding-right: 2px; position: relative; z-index: 3;} .Corp #mainnav ul { float: right; margin-right: 0px; margin-top: -70px; padding-top: 40px;/* -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; overflow: visible;*/ text-transform: uppercase;} .Corp #mainnav ul li a, .Corp #mainnav ul li a:active { text-align: center; margin: 0; border: 0 none; background: url("../img/corporate/submenu_bg.gif") repeat scroll 0 0 transparent; padding-top: 20px; width: auto; font-family: "museo-slab-1","museo-slab-2"; font-weight: 700;padding-left: 0; padding-right: 0; color: #FFF;} .Corp #mainnav ul a strong {padding: 1px 25px; border-left: 1px solid #353434;} .Corp #mainnav ul li a strong{font-weight: 700;} .Corp #mainnav ul li:first-child strong, .Corp #mainnav ul li.first-child strong{border-left: 0px none !important;} .Corp #mainnav ul li:first-child a {-webkit-border-bottom-left-radius: 13px;-moz-border-radius-bottomleft: 13px;border-bottom-left-radius: 13px;} .Corp #mainnav ul li:last-child a {-webkit-border-bottom-right-radius: 13px;-moz-border-radius-bottomright: 13px; border-bottom-right-radius: 13px;} .Corp #mainnav ul li a:hover{ text-decoration: underline; background: url("../img/corporate/submenu_bg.gif") repeat scroll 0 0 transparent;} .Corp #mainnav ul li.new a:hover { background: none; } .Corp #mainnav li a.active, .Corp #mainnav li a.active:hover, .Corp #mainnav ul li.new a.active {background: url("../img/corporate/submenu_bg_alt.gif") repeat scroll 0 0 transparent; border: 0 none; cursor: default; text-decoration: none; color: #fff!important; /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50); -moz-opacity: 0.5;opacity: 0.5;*/} .Corp #mainnav ul li a.active strong{color: #fff; text-decoration: none; font-family: "museo-slab-1","museo-slab-2"; font-weight: 700;} .Corp #mainnav ul li a.active strong span { color: #fff;} .Corp #mainnav ul li.new a.active strong { background: none; } ul#orderprogress {margin: 0; padding: 0; list-style: none; overflow: hidden; font-size: 11px;} ul#orderprogress li {display: block; float: left; width: 140px; line-height: 1.3em; padding: 4px 10px; margin: 0; text-decoration: none; color: #e8928b; border: none; background: url(../images/consumer/step2.png) -410px 0 no-repeat;} ul#orderprogress li a {padding: 0; background: none; color: #e8928b; border: 0;} ul#orderprogress a:hover {background: none; color: #fff; text-decoration: underline;} ul#orderprogress li.current {color: #fff; font-weight: bold; cursor: default;} ul#corporderprogress {margin: 30px 0 20px 0; padding: 0 0 10px 0; list-style: none; display: block; font-size: 11px;} ul#corporderprogress li {display: block; float: left; padding: 0 12px 0 6px; margin: 0; text-decoration: none; color: #999; border: none; background: url(../images/corporderprogress_div.gif) 100% 50% no-repeat;} ul#corporderprogress li.last {background-image: none;} ul#corporderprogress li a {padding: 0; background: none;} ul#corporderprogress a:hover {background: none; text-decoration: underline;} ul#corporderprogress li.current {color: #555; font-weight: bold; cursor: default;} .Corp ul#corporderprogress {font-size: 12px/*reset old value*/; } .Corp ul#corporderprogress li {padding: 0 10px; border-right: solid 1px #d6d6d6; font-weight: bold; background: none;} .Corp ul#corporderprogress li.first {padding-left: 0;} .Corp ul#corporderprogress li.last {border-right: none;} .Corp ul#corporderprogress li.current {color: #555;} .Corp ul#corporderprogress li a {color: #999;} /* new stuff for SSGO */ #groupordersetup .single {width: 60px; display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px;} #groupordersetup .double {width: 140px; display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px;} #groupordersetup .triple {width: 220px; display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px;} #groupordersetup .quad {width: 300px; display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px;} #groupordersetup .first {margin-left: 0;} #groupordersetup .last {margin-right: 0;} #groupordersetup .clear {clear: both; padding-top: 1em;} #groupordersetup input, #groupordersetup select, #groupordersetup textarea {width: 100%; margin: 0 0 1em 0;} #groupordersetup input.full, #groupordersetup select.full, #groupordersetup textarea.full {width: 300px;} #groupordersetup input.checkbox {margin: 0 .5em 1em 0; border: 0; padding: 0; width: auto; display: inline; vertical-align: text-top;} #groupordersetup label {margin: 0; padding: 0;} #groupordersetup label span {font-size: 10px; font-style: italic; color: #777;} #groupordersetup #otherTimeselection, #groupordersetup #ASAPtimeselection {clear: both;} #groupordersetup #otherTimeselection .datechooser {padding-left: 150px;} #groupordersetup #otherTimeselection .deliveryDate {cursor: pointer; width: 115px !important;} #groupordersetup p.newaddress a {background: url(../images/consumer/icon_add.gif) 0 50% no-repeat; padding-left: 18px;} #groupordersetup .button, #grouporderstatus .button {display: block; font-size: 14px; width: 300px; clear: both;} #grouporderbox .button {display: block; font-size: 12px; width: auto; clear: both; margin: .5em 0 1em 0;} #groupordersetup .button a, #grouporderstatus .button a, #grouporderbox .button a {background: #339 url(../images/button-overlay.png) 0 50% repeat-x; display: block; padding: 10px 1em 11px 1em; color: #fff; text-decoration: none; font-weight: bold; line-height: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.35); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.35); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); position: relative;} #grouporderstatus .disabled a {color:#686868;} ul#grouporderprogress {margin: -5px 0 0 0; padding: 0; list-style: none; overflow: hidden; font-size: 11px; border-left: 1px solid #ddd;} ul#grouporderprogress li {display: block; float: left; line-height: 1.3em; margin: 0; text-decoration: none; color: #e8928b; border: 1px solid #ddd; border-left: 0;} ul#grouporderprogress li a {display: block; padding: .5em 1em; background: #e7e7e7 url(../images/button-overlay.png) 0 50% repeat-x; color: #339; border: 0; text-shadow: 0 1px 0 rgba(255,255,255,1);} ul#grouporderprogress li.current {font-weight: bold; padding: .5em 1em; color: #333; background: #e1e1e1 url(../images/consumer/go-progress-active.gif) top left repeat-x; text-shadow: 0 -1px 1px rgba(255,255,255,.5);} ul#grouporderprogress li.future {display: block; padding: .5em 1em; background: #e7e7e7 url(../images/button-overlay.png) 0 50% repeat-x; color: #777; border: 0; text-shadow: 0 1px 0 rgba(255,255,255,1); border: 1px solid #ddd; border-left: 0;} #groupordersetup label.deliverytype {font-size: 12px; font-weight: bold;} #groupordersetup input#group_order_date {background: #fff url(../images/consumer/icon_calendar.gif) 100% 50% no-repeat;} .groupordernotification{background:none repeat scroll 0 0 #FFFFCC; border:1px solid #DDDDDD; margin:0 0 10px 0; padding:1em; z-index:2; position:relative;} #grouporderbox {border: 1px solid #ddd; background: #ffc; margin: 2em 0 0 20px; padding: 1em;} #grouporderInfo{border: 1px solid #ddd; background: #ffc; margin-bottom:10px;} #grouporderInfo h3{border:0; font-size:14px; font-weight:bold; margin: .5em 0.5em .5em; padding:0;} #grouporderbox ul {margin: 1em 2em;} #grouporderbox ul li {font-size: 12px; line-height: 1.5em; margin: 0 0 .5em 0;} #grouporderbox .button {display: block; font-size: 12px; width: auto; clear: both; margin: .5em 0 1em 0;} #grouporderbox .button a {background: #339 url(../images/button-overlay.png) 0 50% repeat-x; display: block; padding: 10px 1em 11px 1em; color: #fff; text-decoration: none; font-weight: bold; line-height: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.35); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.35); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); position: relative;} #grouporderrestaurant .single {width: 60px; display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px;} #grouporderrestaurant .double {width: 140px; display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px;} #grouporderrestaurant .triple {width: 220px; display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px;} #grouporderrestaurant .quad {width: 300px; display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px;} #grouporderrestaurant .first {margin-left: 0;} #grouporderrestaurant .last {margin-right: 0;} #grouporderrestaurant .clear {clear: both; padding-top: 1em;} #grouporderrestaurant input, #grouporderrestaurant select, #grouporderrestaurant textarea {width: 100%; margin: 0 0 1em 0;} #grouporderrestaurant input.full, #grouporderrestaurant select.full, #grouporderrestaurant textarea.full {width: 300px;} #grouporderrestaurant select.pickup {width:120px;} #grouporderrestaurant input.checkbox {margin: 0 .5em 1em 0; border: 0; padding: 0; width: auto; display: inline; vertical-align: text-top;} #grouporderrestaurant .button {display: block; font-size: 14px; width: 300px; clear: both;} #grouporderrestaurant .button a {background: #339 url(../images/button-overlay.png) 0 50% repeat-x; display: block; padding: 10px 1em 11px 1em; color: #fff; text-decoration: none; font-weight: bold; line-height: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.35); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.35); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); position: relative;} #grouporderrestaurant label.deliverytype {font-size: 12px; font-weight: bold;} #grouporderrestaurant input#group_order_date {background: #fff url(../images/consumer/icon_calendar.gif) 100% 50% no-repeat;} #grouporderrestaurant #restaurantcontainer {margin-bottom:10px; height:50em; overflow:auto;} #grouporderrestaurant table.restaurantselection {width: 100%; border: 1px solid #ddd; border-bottom: 0; margin: 0; clear: both; font-size: 12px;} #grouporderrestaurant table.header{margin-top:10px;} #grouporderrestaurant table.restaurantselection thead tr th {color: #999 !important; font-weight: normal; font-size: 11px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; border-right: 1px solid #fff; text-shadow: #fff 0 1px 0; text-align: left; padding: 0; border-bottom: 0;} #grouporderrestaurant table.restaurantselection thead tr th span, #grouporderrestaurant table.restaurantselection thead tr th a {background: #f7f7f7 url(../images/table-th-bg.gif) left center repeat-x; display: block; padding: .5em 5px;} #grouporderrestaurant table.restaurantselection thead tr th.active {font-weight: bold; background: #f1eee7 url(../images/sort-arrow.gif) right center no-repeat;} #grouporderrestaurant table.restaurantselection thead tr th.active a {background: #f1eee7 url(../images/sort-arrow.gif) right center no-repeat;} #grouporderrestaurant table.restaurantselection thead tr th a:hover {background: #f1eee7; text-decoration: none;} #grouporderrestaurant table.restaurantselection tbody tr.even {background: #f7f7f7;} #grouporderrestaurant table.restaurantselection tbody tr:hover {background: #ffc;} #grouporderrestaurant table.restaurantselection tbody tr td {padding: .5em 5px; vertical-align: top; text-align: left;} #grouporderrestaurant table.restaurantselection colgroup col.three {width: 220px;} #grouporderrestaurant table.restaurantselection colgroup col.one {width: 60px;} #grouporderrestaurant table.restaurantselection tr td label {cursor: pointer;} #grouporderrestaurant table.restaurantselection tr td label strong {font-size: 12px; line-height: 1.5em; color: #339;} #grouporderrestaurant table.restaurantselection tr td label span {padding-left: 19px;} #grouporderrestaurant table.restaurantselection tr td input.checkbox {margin: 0 .5em 0 0; border: 0; padding: 0; width: auto; display: inline; vertical-align: text-bottom;} #grouporderinvite .single {width: 60px; display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px;} #grouporderinvite .double {width: 140px; display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px;} #grouporderinvite .triple {width: 220px; display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px;} #grouporderinvite .quad {width: 300px; display:inline; float: left; position: relative; margin-left: 10px; margin-right: 10px;} #grouporderinvite .first {margin-left: 0;} #grouporderinvite .last {margin-right: 0;} #grouporderinvite .clear {clear: both; padding-top: 1em;} #grouporderinvite input, #grouporderinvite select, #grouporderinvite textarea {width: 100%; margin: 0 0 1em 0;} #grouporderinvite input.full, #grouporderinvite select.full, #grouporderinvite textarea.full {width: 300px;} #grouporderinvite input.checkbox {margin: 0 .5em 1em 0; border: 0; padding: 0; width: auto; display: inline; vertical-align: text-top;} #grouporderinvite .button {display: block; font-size: 14px; width: 300px; clear: both;} #grouporderinvite .button a {background: #339 url(../images/button-overlay.png) 0 50% repeat-x; display: block; padding: 10px 1em 11px 1em; color: #fff; text-decoration: none; font-weight: bold; line-height: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.35); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.35); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); position: relative;} #grouporderinvite label.deliverytype {font-size: 12px; font-weight: bold;} #grouporderinvite input#group_order_date {background: #fff url(../images/consumer/icon_calendar.gif) 100% 50% no-repeat;} #grouporderstatus h4 {font-size: 14px; font-weight: bold;} #grouporderstatus ul.invitees {font-size: 12px; line-height: 1.5em; list-style: none; margin: 0 0 1em 1em;} #grouporderstatus ul.invitees li {padding: .25em 0; border-bottom: 1px dotted #ddd; background: url(../images/consumer/bullet.gif) .7em .8em no-repeat; padding-left: 23px; color: #c00;} #grouporderstatus ul.invitees li.ordered {background: url(../images/consumer/icon_check.gif) 0 .3em no-repeat; color: #333; font-weight: bold;} #grouporderstatus ul.invitees li span {font-size: 11px; color: #999; font-style: italic; font-weight: normal;} #grouporderstatus p.minimum {font-weight: bold;} #grouporderstatus p.minimum span {color: #c00; font-size: 10px; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; padding-left: .5em;} #grouporderstatus p.minimum span.met {color: #090;} #groupordersetup .timeSelect{margin-left:40px;} #timeDisplay a, #timeSelect a{font-weight:bold;} #timeSelect select{font-size:11px; width:40px; margin:0.25em 0 0.5em;} table.restaurantselection tbody tr td.price strong{color:#555555;} table.restaurantselection tbody tr td.price{color:#CCCCCC;} .nextstepfriends{padding-top:150px !important;} .Corp .GroupOrder #welcomenote {background: none; padding: 0; border: none; margin: 24px 0;} .Corp .GroupOrder #welcomenote h2 {color: #9cad0f; font-size: 20px;} .Corp .GroupOrder #welcomenote p.individualorder { padding: 12px 0; background: none; border-bottom: 1px dotted #CCCC99; } .Corp .GroupOrder .grouporder p {margin: 0;} .Corp .GroupOrder #sidebar div.boxed h3 {border: 0 none;} .Corp .GroupOrder .grouporder .about {color: #555; font-size: 12px; border-bottom: 1px dotted #ccc;} .Corp .GroupOrder .grouporder h3 {margin-bottom: 13px; color: #9cad0f; border: 0 none; font-size: 16px !important; border-bottom: 1px dotted #ccc;} .Corp .GroupOrder .grouporder h3, .Corp .GroupOrder .grouporder h3 span {font-size: 13px;} .Corp .GroupOrder .grouporder p#opens {color: #555; font-size: 13px; font-weight: bold; display: block; margin: 0 0 -10px 0 !important;} .Corp .GroupOrder .grouporder p#closes {color: #c90117; font-size: 13px; font-weight: bold; margin: 0 0 10px 0 !important; } .Corp .GroupOrder .savedinfo { padding: 5px 0 0;} .Corp .GroupOrder .AboutItems li{background: none; border:0px none; padding: 0;} .Corp .grouporder ul {margin: 0 0 1em;} .Corp .grouporder ul.Restaurants {border-top: 1px dotted #DDDDDD; list-style: none;} .Corp .GroupOrder .savedinfo .Restaurants li {background: transparent url('../img/corporate/list-bullet.gif') no-repeat 12px center; border-bottom: 1px dotted #DDDDDD; padding-left: 24px; } /* end of new stuff for SSGO */ .subnav {margin: 0; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; display: block; width: 100%;} .subnav ul {margin: 0 0 -1px 0; padding: 0; list-style: none; overflow: hidden; font-size: 11px;} .subnav ul li {float: left; margin: 0; padding: 0; border-top: 1px solid #ddd; text-transform: capitalize;} .subnav ul li a {display: block; float: left; padding: 5px 10px; margin: 0; text-decoration: none !important; border: none; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #f7f7f7 url(../images/consumer/step2.png) bottom left repeat-x;} .subnav ul li.highlight a {background: #ffc url(../images/consumer/subnav_highlightbg.gif) bottom left repeat-x; font-weight: bold;} .subnav ul li a strong {color: #c00 !important;} .subnav li a:hover {background: #f7f7f7; text-decoration: underline;} .subnav ul li.highlight a:hover {background: #ffc;} .subnav li a.active {color: #555; background: #fff url(../images/consumer/step2.png) -410px -567px repeat-x; cursor: default; font-weight: bold; border-bottom: 1px solid #fff;} .Corp .subnav ul {font-size: 12px;} .Corp .subnav ul li a {color: #555; line-height: 1.7em;} .Corp .subnav li a.active {color: #399;} .Corp .subnav ul li a strong {color: inherit!important; font-weight: bold;} .Corp .AccountUtility .subnav ul li a {color: #399; font-size: 11px;} .Corp .AccountUtility .subnav ul li a.active {color: #555;} /* message area */ #AlertMessage {background: #ffa; padding: 1em; margin-bottom: 1em; border: 1px solid #c00;color: #c00; font-size: 14px; font-weight: normal; line-height: 1.4em; z-index: 2; position: relative;} #AlertMessage.confirmation {color: #090;} #AlertMessage p {line-height: 150%; margin: 0;} #AlertMessage p a {font-weight: bold;} .Corp #AlertMessage {background: url(../img/corporate/alertmessage-bg.png) 0 0 repeat; color: #fff; border: 1px solid #333; border-left: 0; border-right: 0; padding: 10px 20px; text-align: center; margin: 0 -20px 1em; font-style: normal; font-family: "museo-slab-1" , "museo-slab-2"; font-weight: 500; z-index: 3;} .Corp #AlertMessage div {text-align: left; font-size: 16px; color: #fff; background: url(../img/corporate/warning.png) 0 50% no-repeat; padding: 10px 0 10px 60px !important; line-height: 1.5em;} .Corp #AlertMessage.confirmation {color: #fff;} .Corp #AlertMessage div.confirmation {color: #fff; background-image: url(../img/corporate/accepted.png);} /* Usability Message Area*/ #MessageArea {background: #fee207 url(../img/corporate/alertmessage-bg.png) 0 0 repeat-x; border-top: 1px solid #d19f0c; border-bottom: 1px solid #d19f0c; padding: 0; text-align: center; display: none; width: 100%; z-index: 10;} #MessageArea p {margin: 0 auto; width: 880px; text-align: left; font-size: 16px; color: #7c5610; font-weight: bold; background: url(../images/consumer/warning.png) 0 50% no-repeat; padding: 16px 0 16px 60px !important; text-shadow: 0 1px 0 rgba(255,255,255,0.5); line-height: 1.5em;} #MessageArea.information {background: #c5f19d url(../img/corporate/accepted-bg.png) 0 0 repeat-x; border-top: 1px solid #a8cd86; border-bottom: 1px solid #a8cd86;} #MessageArea.information p {color: #7c5610; background: url(../images/consumer/accepted.png) 0 50% no-repeat; color: #360;} #MessageArea.error {background: #fee207 url(../images/consumer/alertmessage-bg.gif) 0 0 repeat-x; border-top: 1px solid #d19f0c; border-bottom: 1px solid #d19f0c;} #MessageArea.error p {color: #7c5610; background: url(../images/consumer/warning.png) 0 50% no-repeat; color: #7c5610;} .Corp #MessageArea { background: url(../img/corporate/alertmessage-bg.png) 0 0 repeat-x; color: #fff; border-top: 1px solid #333; border-bottom: 1px solid #333; border-left: none; border-right: none; padding: 10px 20px; text-align: center; font-style: normal; font-family: "museo-slab-1" , "museo-slab-2"; font-weight: 500; } .Corp #MessageArea p { margin: 0 auto; width: 880px; text-align: left; font-size: 16px; color: #fff; background: url(../img/consumer/warning.png) 0 50% no-repeat; padding: 10px 0 10px 60px !important; line-height: 1.5em; } .Corp #MessageArea.information { color: #fff; background: url(../img/corporate/alertmessage-bg.png) 0 0 repeat-x; } .Corp #MessageArea.information p { color: #fff; background: url(../img/corporate/accepted.png) 0 50% no-repeat; } .Corp #MessageArea.error { color: #fff; background: url(../img/corporate/alertmessage-bg.png) 0 0 repeat-x; } .Corp #MessageArea.error p { color: #fff; background: url(../img/corporate/warning.png) 0 50% no-repeat; } /* step 1 start here */ #starthere {background: #ffc; padding: 10px; margin-bottom: 10px; border: 1px solid #ddd;} #starthere.consumer { background: #ffc url(../images/Consumer/pickup-get-paid.png) no-repeat; } #starthere h3 {color: #c00; font-size: 16px; font-weight: bold; padding-bottom: .35em; line-height: 1em; border-bottom: 1px dotted #cc9; position: relative;} #starthere h3 span {font-weight: normal; display: inline; font-size: 11px; color: #996; font-style: italic;} #starthere .formfield {display: block; padding: 0 22px 0 0;} #starthere .first {padding-top: 1em; clear: both;} #starthere .first input.checkbox {width: auto !important; margin: 0 .5em 1em 0 !important; vertical-align: text-top; border: 0 !important;} #starthere .first label {font-size: 14px; font-weight: bold; margin: 0 2em 0 0;} #starthere .half {float: left;} #starthere #address {padding-top: 10px;} #starthere input, #starthere label, #starthere textarea {width: 225px; margin: 0 0 .5em 0; font-size: 12px;} #starthere select {width: 225px; font-size: 12px !important;} #starthere div.billto input.radio {width: auto; vertical-align: text-top; display: inline; border: 0; margin-right: .25em;} #starthere div.billto label {display: inline;} #starthere label {margin: .5em 0 0 0; font-size: 11px; line-height: 1.6em; position: relative;} #starthere div.billto label {font-size: 12px; margin: 0;} #starthere label span {font-size: 10px; font-style: italic; color: #996;} #starthere label strong {color: #c00;} #starthere input.small {width: 100px;} #starthere input.hidden {display: none; visibility: hidden;} #starthere h4.button {padding: 1em 0 0 0;} #starthere p {clear: both; padding: 1em 0 0 0; text-align: left; font-size: 12px; color: #c00;} #starthere p.note {margin: 0; padding-top: .5em; font-size: 11px; font-style: italic; color: #777;} #starthere p.gc {color: #c00;} #starthere p.showadvanced {margin: 0; padding-top: .75em;} #starthere p.hideadvanced {margin: 0; padding-top: .75em;} #starthere p.showadvanced a {background: url(../images/consumer/grey_arrow_down.gif) 0 50% no-repeat; padding-left: 12px;} #starthere p.hideadvanced a {background: url(../images/consumer/grey_arrow_up.gif) 0 50% no-repeat; padding-left: 12px;} #starthere p.newaddress {padding: .5em 0; font-weight: bold; margin: 0;} #starthere p.newaddress a {background: url(../images/consumer/icon_add.gif) 0 50% no-repeat; padding-left: 18px;} #starthere p.login {float: right; padding: 0; margin: 0; font-size: 12px; position: relative; z-index: 5;} #starthere .Corp {padding-top: 5px; display: block;} #starthere #AdvancedSearchOff {clear: both;} #starthere #AdvancedSearchOn {padding: 1.5em 0 0 0; clear: both;} #starthere #AdvancedSearchOn img.startorder {margin-left: 0;} #starthere #AdvancedSearchOn .hidden {display: none; visibility: hidden;} #starthere #AdvancedSearchOn select, #starthere #AdvancedSearchOn input {margin: 0 0 1em 0;} #starthere #AdvancedSearchOn input#search_type_restaurant {margin: 0 .2em 0 0; width: auto; display: inline; border: 0; background: none;} #starthere #AdvancedSearchOn input#search_type_food {margin: 0 .2em 0 1em; width: auto; display: inline; border: 0; background: none;} #starthere #cateringorder {margin-bottom: .5em;} #starthere #cateringorder colgroup col.labelcol {width: 150px;} #starthere #cateringorder colgroup col.splitcol {width: 160px;} #starthere #cateringorder colgroup col.rightcol {width: 140px;} #starthere #cateringorder tr td {padding: 8px 0;} #starthere #cateringorder tr.location td, #starthere #cateringorder tr.promocode td, #starthere #cateringorder tr.reference td, #starthere #cateringorder tr.deliver td {border-top: 1px dotted #cc9;} #starthere #cateringorder tr.tight td {padding-top: 0;} #starthere #cateringorder tr td.label {vertical-align: top; padding-top: 10px;} #starthere #cateringorder tr td.label span {font-size: 14px; font-weight: bold;} #starthere #cateringorder tr td .billto {margin: 0;} #starthere #cateringorder tr td .billto input {border: 0;} #starthere #cateringorder tr.location td select, #starthere #cateringorder tr.location td input, #starthere #cateringorder tr.promocode td input, #starthere #cateringorder tr.reference td input, #starthere #cateringorder tr.deliver td input, #starthere #cateringorder tr.deliver td select, #starthere #cateringorder tr.tight td input {display: block; font-size: 12px; margin: 0;} #starthere #cateringorder tr.location td select.cateringlocation {width: 290px;} #starthere #cateringorder tr.deliver td.time select, #starthere #cateringorder tr.tight td.eventtime select, #starthere #cateringorder tr td input.small, #starthere #cateringorder tr td select.small {width: 130px !important;} #starthere #cateringorder tr.tight td textarea {width: 290px; display: block; font-size: 12px; margin: 0;} #starthere #cateringorder tr.location td label, #starthere #cateringorder tr.deliver td label, #starthere #cateringorder tr.reference td label, #starthere #cateringorder tr.promocode td label, #starthere #cateringorder tr.tight td.label {font-size: 11px; margin: 0; width: auto; display: inline;} #starthere #cateringorder tr.billtorow td.label span {background: url(../images/icon.label.bill-to.gif) 0 2px no-repeat; padding: .5em 0 .5em 30px;} #starthere #cateringorder tr.location td.label span {background: url(../images/icon.label.location.gif) 0 2px no-repeat; padding: .5em 0 .5em 30px;} #starthere #cateringorder tr.deliver td.label span {background: url(../images/icon.label.deliver.gif) 0 2px no-repeat; padding: .5em 0 .5em 30px;} #starthere #cateringorder tr.promocode td.label span {background: url(../images/icon.label.promotion-code.gif) 0 2px no-repeat; padding: .5em 0 .5em 30px;} #starthere #cateringorder tr.reference td.label span {background: url(../images/icon.label.reference-code.gif) 0 2px no-repeat; padding: .5em 0 .5em 30px;} #starthere #cateringorder tr.hidden {display: none !important;} #starthere #cateringorder tr.promocode td p {font-size: 11px; margin: 0; padding: .5em 0 0 0; color: #777;} #starthere h4.catering {margin: 0 0 5px 148px; padding-top: 0; width: 290px;} #starthere #cateringorder tr td p.codenote {padding-top: .5em;} #starthere #cateringorder tr.startorder td {padding: 0;} #starthere #cateringorder tr.startorder td p.step3 {padding: 0; margin: 0;} #starthere #cateringorder tr.deliver td #deliveryMethod {width: 90px;} #starthere .errorexplanation {margin: 0 0 0.5em;} .errorexplanationmore{margin:0 2em 1em;} h2.questions {color: #c00; font-weight: bold; text-align: center;} h2.left {text-align: left; padding-left: 10px;} .Corp h2.questions {color: #c90117;} .twocol h3.link {border: 1px solid #ddd; margin: 0 0 .5em 0; padding: 10px; font-size: 14px;} .twocol h3.corporate {background: #f7f7f7;} .twocol h3.networking {border-bottom: 1px dotted #ddd; padding: .5em 0 .25em 0; font-size: 16px; font-weight: normal; color: #777;} .twocol ul.networkinglist {list-style: none;} .twocol ul.networkinglist li {font-size: 12px;} .twocol ul.networkinglist li a {display: block; padding: .5em; border-bottom: 1px dotted #ddd; background: url(../images/consumer/bullet.gif) 3px 50% no-repeat; padding-left: 12px;} .twocol h3.thedeliverybag {border-bottom: 1px dotted #ddd; padding: .5em 0 .5em 0; font-size: 12px; font-weight: normal; color: #777; margin: 0 0 .5em 0; font-style: italic;} .feedburnerFeedBlock {padding: 0 0 1em 0; display: block;} .feedburnerFeedBlock ul {list-style: none;} .feedburnerFeedBlock ul li {font-size: 12px; line-height: 1.4em;} .feedburnerFeedBlock ul li .headline {font-weight: bold; font-size: 14px; display: block; margin: 0 0 .25em 0;} .feedburnerFeedBlock #creditfooter {display: none;} .twocol p.more {font-size: 12px; font-weight: bold;} .twocol img.link {border: 1px solid #ddd; margin: 0 0 1em 0; position: relative; z-index: 2;} .twocol img.link:hover {border: 1px solid #bbb;} .linkbox {background: #333; border: 1px solid #ddd; padding: 12px 75px 12px 10px; margin-bottom: 1em;} .linkbox p {color: #ccc; margin: 0; line-height: 1.4em;} .corplogin {background: #d42929 url(../images/consumer/box_corporate.gif) no-repeat center left;} .blog {background: #d42929 url(../images/consumer/box_blog.gif) no-repeat center left;} .deliverybag {background: #d42929 url(../images/consumer/step2.png) 0 -270px no-repeat; width:223px;} .corplogin p, .corplogin p a, .blog p, .deliverybag p a, .blog p a {color: #e7bebe;} .facebook {background: #4467b9 url(../images/consumer/step2.png) 0 -436px no-repeat; width:223px;} .facebook p a {color: #c5cde0;} .twitterbox {background: #4cd2ff url(../images/consumer/step2.png) 0 -590px no-repeat; width:223px;} .twitterbox p a {color: #c5cde0;} .linkbox h3 {font-size: 14px; font-weight: bold; padding-bottom: .25em;} .linkbox h3 a {color: #fff;} .tellfriends {background: #ffc url(../images/consumer/box_tellfriends.gif) no-repeat center left;} .officehero {background: #ffc url(../images/consumer/box_officehero.gif) no-repeat bottom left;} .officehero h3 {color: #c00;} .bookmarkbox {background: #ffffce url(../images/consumer/step2.png) 0 -131px no-repeat; width:223px;} .bookmarkbox h3 {color: #4d739c;} .tellfriends p, .officehero p, .bookmarkbox p {color: #555;} .twitterbox p a {color: #339;} .tellfriends h3 a, .twitterbox h3 a {color: #339;} .mappickuprestaurants {border: 1px solid #ddd; margin-bottom: 1em;} .consumercoffee {background: #f7f7f7 url(../images/coffeecup_thanks.gif) no-repeat center right; padding-right: 95px;} .consumercoffee p {color: #555;} .consumercoffee p.break {margin-top: 1em;} .consumercoffee h3 {color: #c00;} .officehero {padding-right: 0;} .officehero form p {margin: 0;} .officehero label {display: block; margin-top: 1em;} .officehero input {width: 225px; font-size: 12px; padding: .25em 0;} .officehero input.zip {width: 100px;} .officehero h4.button {margin: 0;} #shareonfacebook {background: #f7f7f7; padding: .5em; margin-bottom: 1em; border: 1px solid #ddd; font-size: 11px;} #shareonfacebook a {padding: 5px 0 5px 20px; background:url(../images/consumer/icon_facebook.gif) no-repeat center left;} a .cateringbanner {border: 1px solid #ddd; margin-bottom: 1em;} a:hover .cateringbanner {border: 1px solid #00f;} #PreviousOrders { border-top: 1px dotted #ddd; padding: 5px 10px 0 10px; margin-bottom: 1em;} #PreviousOrders p {margin: 0; background: #fff url(../images/consumer/icon_resume.gif) 0 50% no-repeat; padding: 3px 0 3px 20px;} #PreviousOrders p a {font-weight: bold;} .threeupcol {width: 210px; float: left; margin: 0; display: inline;} .Corp #starthere {background: #f7f7f7; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;} .Corp #starthere h3 {color: #9cad0f; padding-bottom: 12px; border-color: #d6d6d6;} .Corp #starthere h3 a {color: #399;} .Corp #pageForm .RefreshmentsOrder h3 {border-bottom: none;} .Corp #starthere h4.button {padding: 0; margin: 4px 0 10px;} .Corp #starthere h4.button.OrderLink {width: 245px;} #starthere #orderform colgroup col.labelcol {width: 176px;} #starthere #orderform colgroup col.splitcol {width: 100px;} #starthere #orderform colgroup col.rightcol {width: 162px;} #starthere #orderform tr th {line-height: 0;} #starthere #orderform tr td {padding: 15px 20px 15px 0;} #starthere #orderform tr td.label {vertical-align: top; padding-top: 15px;} #starthere #orderform tr td.label span {font-size: 14px; font-weight: bold;} #starthere #orderform tr.tight td, #starthere #orderform tr.tight td.label {padding-top: 0px;} #starthere #orderform tr.tight td, #starthere #orderform tr.deliver td, #starthere #orderform tr.BottomTight td {padding-bottom: 8px;} #starthere #orderform tr.venue td {padding-bottom: 15px;} #starthere #orderform tr.location td, #starthere #orderform tr.promocode td, #starthere #orderform tr.reference td, #starthere #orderform tr.deliver td {border-top: 1px dotted #d6d6d6;} #starthere #reorderForm #orderform tr.location td {border-top: none;} #starthere #orderform tr.tight td textarea {display: block; font-size: 12px; margin: 0;} #starthere #orderform input, #starthere #orderform label, #starthere #orderform select, #starthere #orderform textarea {width: 100%; margin-bottom: 0;} #starthere #orderform input.calendar {width: 100% !important;} #starthere #orderform .billto label {line-height: normal;} #starthere #orderform .billto #firmPays {margin-bottom: 8px;} #starthere #orderform .billto input {width: auto;} #starthere #orderform .venue input {width: 100px;} #starthere #orderform textarea {max-width: 242px;} .Corp #PreviousOrders p, #starthere #orderform tr td.label span { background: url('../img/corporate/icons-step1.gif') no-repeat;} #starthere #orderform tr td.label span { font-size: 16px; padding:0 0 0 38px; display: inline-block; line-height: 28px;} #starthere #orderform tr.location td.label span { background-position: 0 -28px; } #starthere #orderform tr.deliver td.label span { background-position: 0 -56px; } #starthere #orderform tr.promocode td.label span { background-position: 0px -84px; } #starthere #orderform tr.reference td.label span { background-position: 0px -112px; } #starthere #orderform tr.hidden {display: none !important;} #starthere #orderform tr.promocode td p {font-size: 11px; margin: 0; padding: .5em 0 0 0; color: #777;} #starthere h4.catering {margin: 0 0 5px 148px; padding-top: 0; width: 290px;} #starthere #orderform tr td p.codenote {padding-top: .5em;} #starthere #orderform tr.startorder td {padding: 0;} #starthere #orderform tr.startorder td p.step3 {padding: 0; margin: 0;} #starthere #orderform tr.deliver td #deliveryMethod {width: 90px;} .Corp #starthere .billto label {font-size: 13px;} .Corp #starthere .formfield {padding-right: 20px;} .Corp #PreviousOrders{border: none; padding-left: 5px; padding-right: 0px; margin-bottom: 9px;} .Corp #PreviousOrders p {background-position: 0 -140px; height: 22px; font-size: 13px; padding-left: 32px;} .Corp #PreviousOrders p a {color: #399;} /* Step 1 restaurant listing */ .savedinfo {padding: 5px 10px 0 10px; margin: 0 0 10px 0; display: block; clear: both;} .savedinfo .onecol {padding-bottom: 10px;} .savedinfo .onecol a:hover {background: none;} .savedinfo .onecol a img {margin: .5em 0 .25em 10px; padding: 3px; background: #fff; border: 1px solid #ddd;} .savedinfo .onecol a:hover img {background: #ffc; border: 1px solid #aaa;} .savedinfo .onecol p {font-size: 11px; line-height: normal; font-weight: normal; margin: 0 0 5px 10px; padding: 0; width: 150px; color: #999;} .savedinfo .onecol p a {font-weight: bold;} .savedinfo p.showmore {clear: both; font-size: 11px; padding-top: .5em; margin-left: 10px; border-top: 1px dotted #ddd;} .savedinfo p.note {font-style: italic; color: #c00;} .savedinfo p.savefave {margin-bottom: 1em; clear: both;} .savedinfo p.savefave a {font-weight: bold; background: #fff url(../images/consumer/icon_addfave.gif) 0 50% no-repeat; padding: 3px 0 3px 22px;} .savedinfo p.details {font-style: italic; color: #777; font-size: 11px; margin-top: 12px; padding-top: 5px; border-top: 1px dotted #ddd;} .Corp .savedinfo p.note {color: #c90117;} .Corp .savedinfo .addfave {background: none;} .Corp .savedinfo .addfave a { background: url("../img/corporate/icon-favorite.png") no-repeat scroll left center transparent;} p.londonnote {background: #ffc url(../images/consumer/uk-flag.jpg) 0 6px no-repeat; border: 1px solid #ddd; padding: 1em 1em 1em 130px; line-height: 150%;} div.videolink {background: #ffc; border: 1px solid #ddd; padding: 1em; margin: 0 0 1em 0;} .savedinfo div.videolink {margin: 1em 0 0 0; padding: .5em;} div.videolink a {padding: 0; margin: 0; font-size: 16px; font-style: italic;} .savedinfo div.videolink a {padding: 0; margin: 0; font-size: 12px; font-style: italic;} div.birthdaylink {background: #ffc; border: 1px solid #ddd; padding: 1em; margin: 0 0 1em 0;} div.birthdaylink a {padding: 0 0 0 23px; margin: 0; font-size: 12px; background: url(../images/consumer/icon_birthday.gif) 0 50% no-repeat;} .onecol img.banner {margin-bottom: 10px;} div.boxed {background: #f7f7f7; border: 1px solid #ddd; margin: 0 0 1em 0;} div.boxed#refer { background: #f7f7f7 url(../images/Consumer/refer-thankyou.png) top left no-repeat !important; border: 1px solid #6b8189 !important; } div.boxed#refer textarea {padding: 5px; font-size: 11px !important; } div.boxed#refer textarea:focus {-moz-box-shadow: 0 0 5px rgba(85,156,210,0.5) !important; -webkit-box-shadow: 0 0 5px rgba(85,156,210,0.5) !important; color: #555;} .twocol div.boxed h5.faves {color: #c00; font-size: 14px; font-weight: bold; margin: 0; padding: 0 0 .5em 0; display: block; line-height: normal; text-transform: capitalize; padding-left: 22px; border-bottom: 1px dotted #ddd;} .Corp div.boxed {background: #fff;} .Corp div.boxed.FavorBox {padding-bottom: 8px;} div.welcometo {border-top: 1px dotted #ddd;} div.welcometo h3 span {font-weight: normal; display: inline; font-size: 11px; color: #777; font-style: italic;} img.featured {margin: 0;} .savedinfo h3 {line-height: 150%; margin: 0; font-size: 12px; font-weight: bold;} .savedinfo h3 span {font-size: 11px; font-weight: normal; color: #777;} .savedinfo h3.scream {color: #c00;} .savedinfo h4 {line-height: 150%; margin: 0; padding-top: 5px; font-size: 14px; font-weight: normal;} .savedinfo h5 {font-size: 14px; font-weight: normal; color: #c00; border-bottom: 1px dotted #ddd; margin: 0 0 .25em 0; padding: 0 0 .25em 0; text-transform: capitalize;} .savedinfo p {line-height: 150%; margin: 0 0 5px 0;} .savedinfo p strong {color: #c00;} .savedinfo label {line-height: 150%; margin: 0 0 5px 0;} .savedinfo ul {line-height: 150%; margin: 0 0 5px 0; list-style: none; font-size: 12px;} .savedinfo ul li {padding: .25em 0; border-bottom: 1px dotted #ddd; background: url(../images/consumer/bullet.gif) .35em .8em no-repeat; padding-left: 1em;} .savedinfo ul li span.closed {color: #999;} .savedinfo ul.pendingorder li {background: url(../images/consumer/bullet.gif) .35em .8em no-repeat; padding-left: 1em;} .savedinfo ul li.review {border-top: 1px dotted #ddd;} .savedinfo ul li.review, .savedinfo ul li.addfave, .savedinfo ul li.reorder {padding-left: 0; background: #fff;} .savedinfo ul li.review a {background: url(../images/consumer/icon_star.gif) 0 0 no-repeat; padding: .125em 0 .125em 22px;} .savedinfo ul li.addfave a {background: url(../images/consumer/icon_addfave.gif) 0 0 no-repeat; padding: .125em 0 .125em 22px;} .savedinfo ul li.addfave #saveFavorite input {margin: .5em 0 .5em 22px; color: #999; font-size: 11px;} .savedinfo ul li.addfave #saveFavorite input:focus {color: #555;} .savedinfo ul li.addfave #saveFavorite input.hidden {margin: 0; display: none; visibility: hidden;} .savedinfo ul li.addfave #saveFavorite img.button {margin: 0 0 .5em 22px;} .savedinfo ul li.addfave #saveFavorite p {font-size: 11px !important; margin: 0 0 0 22px;} .savedinfo ul li.addfave #saveFavorite p a {background-image: none; padding: 0;} .savedinfo ul li.bookmarkthis {background: none; padding-left: 0;} .savedinfo ul li a.bookmark {background: url(../images/consumer/icon_bookmark_white.gif) 0 0 no-repeat; padding: .125em 0 .125em 22px;} .savedinfo ul li a.saved {background: url(../images/consumer/icon_bookmark.gif) 0 0 no-repeat; padding: .125em 0 .125em 22px;} .savedinfo ul li.reorder a {background: url(../images/consumer/icon_order.gif) 0 0 no-repeat; padding: .125em 0 .125em 22px;} .savedinfo ul.likeitems li {font-size: 11px; background-image: none; padding-left: 0; border-top: 1px dotted #ddd; border-bottom: 0;} .savedinfo ul.likeitems li.addphoto {background-image: none; padding-left: 0;} .savedinfo ul.likeitems li img.upload {padding-right: .25em; display: inline !important; vertical-align: middle;} .savedinfo ul.likeitems li img.liked {padding-left: .25em; display: inline !important; vertical-align: top;} .savedinfo ul.likeitems li.note {border-top: 0; font-style: italic; color: #777; padding-top: 0;} .savedinfo p.expand a {background: url(../images/consumer/grey_arrow_down.gif) 0 50% no-repeat; padding-left: 12px;} .savedinfo ul#lastorderdetails li.note a {background: url(../images/consumer/grey_arrow_up.gif) 0 50% no-repeat; padding-left: 12px;} .savedinfo ul li.learnmore {font-style: italic; border-bottom: 0;} .savedinfo ul li img.bookmark {padding-left: .25em; display: inline !important; vertical-align: top;} .savedinfo p.import {margin: 0;} .savedinfo p.import a {font-weight: bold; display: block; background: url(../images/consumer/icon_import.gif) 0 50% no-repeat; padding: 0 0 0 18px;} .savedinfo ul.pendingorder {border-top: 1px dotted #ddd;} .savedinfo ul.pendingorder li.order {font-weight: bold;} .savedinfo ul.pendingorder li.order span {font-weight: normal; font-size: 11px; font-style: italic;} .savedinfo ul.pendingorder li ul {margin: 0; padding: 0;} .savedinfo ul.pendingorder li ul li {display: inline; border: 0; padding: 0; font-weight: normal; background-image: none;} .savedinfo ul.pendingorder li ul li.vendorname {font-weight: bold;} .Corp .savedinfo ul li {background: url(../img/corporate/bullet.gif) .35em .8em no-repeat;} .Corp .savedinfo ul li.addfave #saveFavorite {padding-left: 22px;} .Corp .savedinfo .addfave .PrimaryLink a{background-image: none;} .Corp .savedinfo ul #saveFavorite h4.button {margin-bottom: 6px;} .Corp .savedinfo ul #saveFavorite h4.button a {padding: 6px 10px;} .Corp .savedinfo ul li.addfave a, .Corp .savedinfo ul li.addfave #saveFavorite p, .Corp .savedinfo ul li.addfave #saveFavorite input {margin-left: 0px;} .Corp #welcomenote{margin-right: 0;} .Corp div.welcometo {padding-left: 0; border: none;} .Corp div.welcometo h3 {font-size: 14px; color: #9cad0f;} .Corp div.welcometo h3 span {font-size: 14px; color: #9cad0f;} .Corp .savedinfo h5 {color: #9cad0f; font-size: 16px; font-weight: bold; border-bottom: 1px solid #ddd;} .Corp p.nofaves {font-size: 13px;} .Corp .savedinfo .nofaves a {color: #399;} .Corp .bannercol {width: 150px; margin-left: 0px;} /* expandable catering save favorite area */ .savedinfo ul.pendingorder .saveFavorite {padding: 0 10px; border-bottom: 1px dotted #ddd; background: #ffc;} .savedinfo ul.pendingorder .saveFavorite label, .savedinfo ul.pendingorder .saveFavorite p {display: block; margin: .5em 0 .25em 0; padding: 0; font-size: 11px;} .savedinfo ul.pendingorder .saveFavorite input, .savedinfo ul.pendingorder .saveFavorite select, .savedinfo ul.pendingorder .saveFavorite textarea {display: block; font-size: 11px; width: 275px;} .savedinfo ul.pendingorder .saveFavorite label.radio {margin: .5em 0 0 0;} .savedinfo ul.pendingorder .saveFavorite input.radio {display: inline; margin: 0; width: auto; border: 0;} .grouporder h3 {padding-top: .5em; border-bottom: 1px dotted #ccc; color: #c00; margin-bottom: .25em;} .grouporder h3 span {font-size: 11px; color: #777; font-weight: normal;} .grouporder ul {margin: 0 0 1em 1em;} .grouporder p {margin: 0 10px;} .grouporder p strong {background: #ffa;} .grouporder p.about {font-weight: bold;} .savedinfo table {width: 100%;} .savedinfo table colgroup col.maincol {width: 85%;} .savedinfo table colgroup col.sidecol {width: 15%;} .savedinfo table tr th {font-size: 11px; padding: .25em 0; font-weight: normal; color: #777;} .savedinfo table tr td {font-size: 11px; padding: .25em 0; border-bottom: 1px dotted #ccc; text-align: right; color: #777;} .savedinfo table tr td.main, .savedinfo table tr th.main {text-align: left; padding-right: .5em; line-height: 1.5em;} .savedinfo table tr.closed td.main {color: #999;} .savedinfo table tr td.main a, .savedinfo table tr td.main strong {} .savedinfo table tr td img.button {clear: left; margin: 1em .5em 0 0; display: inline;} .savedinfo table tr td.allfaves {text-align: left; padding-right: .5em; line-height: 1.5em; border: 0; font-style: italic;} .threeupcol .savedinfo ul li, .threeupcol .savedinfo table tr td.main a {font-size: 11px !important;} .threeupcol .savedinfo p {font-size: 11px !important; font-style: italic; color: #777;} .threeupcol .savedinfo ul.recentrestaurants li {background: none; padding-left: 0;} #unrecognizedhow .savedinfo ul {list-style: outside; margin: 0 0 0 40px; font-size: 12px;} #unrecognizedhow .savedinfo ul li {border: 0; padding: 0 0 .5em 0; background: none;} #unrecognizedhow .savedinfo p {color: #c00; border-top: 1px dotted #ddd; padding-top: .5em;} p.pickup {margin: 0 0 1em 0; clear: both; background: #ffc url(../images/consumer/icon_new.gif) 10px 50% no-repeat; padding: 1em 1em 1em 32px; border: 1px solid #ddd; font-weight: bold;} p.populardishes {margin: 0 0 1em 0; clear: both; background: #ffc url(../images/consumer/icon_popular.gif) 10px 50% no-repeat; padding: 1em 1em 1em 23px; border: 1px solid #ddd;} p.textorders {margin: 0 0 1em 0; clear: both; background: #f7f7f7 url(../images/consumer/icon_phone.gif) 5px 45% no-repeat; padding: 1em 1em 1em 23px; border: 1px solid #ddd;} p.new {margin: 0 0 5px 0; clear: both; position: relative; background: #f7f7f7 url(../images/consumer/icon_new.gif) 10px 50% no-repeat; padding: 5px 10px 5px 32px; border: 1px solid #ddd;} .cateringbox {background: #f7f7f7 url(../images/customerservice.jpg) bottom right no-repeat; border: 1px solid #ddd; padding-top: 3px;} .cateringbox p {margin-right: 150px;} .TOSWbox {background: #f7f7f7 url(../images/TOSW-small.gif) 7px -3px no-repeat; border: 1px solid #ddd; padding: 5px 0 5px 0;} .TOSWbox p {margin-left: 115px;} .TOSWbox h3 {margin: 5px 0 0 115px;} .TOSWbox h3 a:hover { text-decoration: underline !important; } .pickupbanner {height: 134px; background: #c00 url(../images/consumer/step1_pickup.gif) 0 0 no-repeat; padding: 10px; border: 1px solid #ddd;} .pickupbanner p {text-align: left; margin: 36px 10px 10px 0;} .pickupbanner a {color: #fff;} .pickupbanner ul {margin: 36px 10px 0 0; list-style: none;} .pickupbanner ul li {margin: 0 0 1em 0; font-size: 12px; color: #fff; line-height: 150%;} .pickupbanner ul li a {border-bottom: 1px dotted #fff;} .pickupbanner ul li a:hover {border-bottom: 1px solid #fff; text-decoration: none;} .threecol img.banner {border: 1px solid #ddd;} .likeditemsbanner {height: 134px; background: #ffe8d3 url(../images/consumer/step1_likeditems.gif) 0 0 no-repeat; padding: 10px; border: 1px solid #ddd;} .likeditemsbanner p {text-align: left; margin: 36px 100px 10px 0; line-height: 150%;} .likeditemsbanner p.learnmore {margin: 0;} .photosbanner {height: 134px; background: #f4fcff url(../images/consumer/rimroot_photos.jpg) 0 0 no-repeat; padding: 10px; border: 1px solid #ddd;} .photosbanner p {text-align: left; margin: 36px 150px 10px 0; line-height: 150%;} .photosbanner p img {vertical-align: middle;} .photosbanner p.learnmore {margin: 0;} .photosbanner-mobile {height: 200px; background: url(../images/consumer/mobile-step1.png) 0 0 no-repeat; margin-top: -20px;} .featureannouncement {display: block; clear: both; margin-bottom: 1em; background: #ffc url(../images/consumer/pickupavail.gif) 10px 0 no-repeat; border: 1px solid #ddd; padding: 10px 10px 10px 160px;} .featureannouncement h3 {margin: 0 0 .25em 0; font-size: 14px; color: #c00;} .featureannouncement p {margin: 0 0 1em 0; line-height: 150%;} .featureannouncement p em {color: #c00;} /* Step 1 loyalty progress */ .savedinfo #progressholder {border: 1px solid #ddd; margin: 1em 0 .5em 0; padding: 0;} .savedinfo #progressholder .progressbar {height: 26px; margin: 1px; padding: 0; text-align: center; background: #dda100 url(../images/consumer/progressbar.gif) 0 0 repeat-x; border: 1px solid #dda100;} .savedinfo #progressholder span {float: left; display: block; width: 400px; text-align: center; color: #fff; padding: .35em 0 0 0; font-weight: bold; font-size: 16px;} .savedinfo #progressholder span a {color: #fff;} .savedinfo #progressholder span a:hover {color: #fff; background-color: transparent;} .savedinfo .lastreward {margin: 0 0 1em 0;} .savedinfo .lastreward p {border-bottom: 1px dotted #ddd; padding-bottom: .5em; margin-bottom: .5em;} .savedinfo .lastreward p em {color: #999; font-weight: bold;} .savedinfo .lastreward p strong {font-size: 14px;} .savedinfo .lastreward p.showmore {border: 0; padding: 0;} .savedinfo #showall.lastreward p.link {border-top: 1px dotted #ddd; padding-top: .5em;} .savedinfo #scrollcontent {height: 25em; overflow: auto;} /* step 1 menu content */ .savedinfo .menucategory h3 {margin: 5px 10px; font-size: 14px;} .savedinfo .menucategory table {width: 300px; margin: 0 0 10px 10px; font-size: 1em; float: left;} .savedinfo .menucategory table.right {margin-left: 20px;} .savedinfo .menucategory table colgroup col.maincol {width: 80%;} .savedinfo .menucategory table colgroup col.sidecol {width: 20%;} .savedinfo .menucategory table tbody tr.popular {font-weight: bold; background: #ffd;} .savedinfo .menucategory table tbody tr.popular td {background: #ffd url(../images/consumer/icon_popular.gif) .1em .5em no-repeat;} .savedinfo .menucategory table tbody tr.highlight td {font-weight: bold; background-color: #e2f3ff;} .savedinfo .menucategory table tbody tr.over td, .savedinfo .menucategory table tbody tr:hover td {background-color: #ffc;} .savedinfo .menucategory table tbody tr.popular:hover td {background: #ffa url(../images/consumer/icon_popular.gif) .1em .5em no-repeat;} .savedinfo .menucategory table tbody tr td {font-size: 11px; padding: .5em 0; border-top: 1px dotted #ddd; text-align: left; background: url(../images/consumer/bullet.gif) .35em 1em no-repeat; padding-left: 1em;} .savedinfo .menucategory table tbody tr td.price {text-align: right; background-image: none; padding-left: 0; color: #555;} .savedinfo .menucategory table tbody tr.popular td.price {background-image: none; font-weight: normal;} #Friend_Email_List {margin: .5em 0; width: 460px; height: 5em; border: 1px solid #559CD2; font-family: Arial, sans-serif; font-size: 12px; color: #555;} .savedinfo p.terms {margin: 1em 0 0 0; font-size: 11px; font-style: italic;} /*Group Orders Step 1*/ .GroupOrderStep1 #container {padding-top: 30px;} .GroupOrderStep1 #corporderprogress {display: none;} .GroupOrderStep1 .GroupOrder #welcomenote {margin-top: 0;} .GroupOrderStep1 #sidebar {padding-top: 10px;} /* step 2 options */ #options {background: #f7f7f7; padding: 1em 1em 1.5em 1em; margin: 0 0 1em 0; border: 1px solid #ddd;} #options h3 {color: #c00; font-size: 16px; font-weight: bold; margin: 0 0 .25em 0; padding-bottom: .25em; border-bottom: 1px dotted #ccc;} #options h3 span {font-weight: normal; display: inline; font-size: .45em; margin-bottom: 1em;} #options h4 {color: #b00; font-size: 11px; font-weight: normal; line-height: 1em; margin: 0 0 .25em 0;} #options h4.toview {display: inline; padding-left: .5em;} #options .formfield {display: block; float: left; padding-left: 1em;} #options select, #options label {display: inline; width: 12em; margin: 0 1em 0 0;} #options input, #options select {width: 12em; margin: 0 2.5em 0 0;} #options select.distance {margin: 0; width: 8em;} #options label {margin: .5em .25em 0 0;} #options br {line-height: 0;} #options img.button {display: inline; vertical-align: bottom;} #options p {padding: 0; margin: 0; text-align: left; font-size: 12px; color: #555;} #options p.login {float: right; padding: 0;} #options p a {font-weight: bold;} #options #searcharea {display: block; padding-top: .5em; width: 310px; float: right;} #options #searcharea input, #options #searcharea select {margin: 0 .5em 0 0; vertical-align: bottom; font-size: 11px; background: #fff; border-color: #559CD2; color: #555;} #options #searcharea #searchSelect, #options #searcharea #searchLimit {width: 9em;} #options #searcharea label.browsecuisine {margin-left: 4em; background: #ffc; font-weight: bold;} #options p.clearsearch {font-size: 12px; padding: 1em .25em 0 0; clear: both; font-weight: bold; text-align: right;} #options p.clearsearch a {padding: .25em 0 .25em 20px; background: url(../images/consumer/icon_clearsearch.gif) 0 50% no-repeat;} #options p.clearrefine {font-size: 12px; padding: 1em 0 0 0; clear: both; font-weight: bold; text-align: right;} #options p.clearrefine a {padding: .25em 0 .25em 18px; background: url(../images/consumer/icon_back.gif) 3px 50% no-repeat;} .Corp #options {background: none; border: none; border-bottom: 1px dotted #CCC; padding: 12px 0;} .Corp #options h3 {color: #9cad0f; font-size: 20px; padding-left: 2px;} .Corp #options p {font-size: 13px; padding-left: 2px;} .Corp #options #searcharea {width: auto; padding-top: 10px; float: none;} .Corp #options #searcharea input, .Corp #options #searcharea select {font-size: 13px; margin-bottom: 2px; border-color: #999;} .Corp #options #searcharea #searchSelect {width: 12em;} .Corp #options h4.button {font-size: 14px; display: inline;} .cuisineDropDownImg{background: #ffc url(../images/consumer/step2.png) 3px -1420px no-repeat; cursor: pointer;width: 22px; height: 22px; margin-top:10px; position:absolute;} #cuisineDropDown {padding: 0; margin: 0; list-style: none; line-height: 1; font-size: 14px; font-weight: bold; width: 170px;} #cuisineDropDown ul {padding: 0; margin: 0; list-style: none; line-height: 1;} #cuisineDropDown li ul {position: absolute; background: #ffc; width: 800px; left: -999em; border: 1px solid #cc9; padding: .25em 1em; z-index: 999;} #cuisineDropDown li ul li {font-size: 11px; border-bottom: 1px dotted #cc9; padding: .35em 0 .25em 0; margin-right: 12px; width: 120px; float: left; height: 2em;} #cuisineDropDown li ul li.divider {height: auto; clear: left; width: 97%; padding: .5em 0; font-size: 14px; color: #c00 !important;} #cuisineDropDown li ul li.middle {padding-top: 1em;} #cuisineDropDown li:hover ul, #cuisineDropDown li.sfhover ul {background-position: 0 0; left: auto;} #cuisineDropDown ul li ul li a {display: block; width: 20em;} #cuisineDropDown li.dropdown {padding-top: .75em; display: block;} #cuisineDropDown li.dropdown a {padding: .25em 0 .25em 24px; cursor: pointer; display: block; position: relative;} #cuisineDropDown li.dropdown ul li {color: #333; font-weight: bold;} #cuisineDropDown li.dropdown ul li a {padding: 0; background-image: none; font-weight: normal;} .Corp #cuisineDropDown {font-size: 16px;} .Corp #cuisineDropDown li.dropdown a {color: #777;} .Corp #cuisineDropDown li ul li.divider {color: #c90117 !important;} .Corp #cuisineDropDown li.dropdown ul li a {color: #399; } /* if we enable featured dishes in addition to featured vendors */ #featurednav {position: relative; width: 100%; height: 3em; margin: 0 auto;} #featurednav ul {margin: 0; padding: 0; position: absolute; bottom: -1px; width: 100%;} #featurednav ul li {display: inline; list-style: none;} #featurednav ul a, #featurednav ul span {display: block; float: left; padding: 4px .75em; margin: 3px 6px 0 0; text-align: center; font-size: 11px; text-decoration: none;color: #777;} #featurednav ul span {border: 1px solid #e7e7e7; border-bottom: none; background: #fff; padding-bottom: 6px; margin-top: 0; border-top: 3px solid #b00; color: #555;} #featurednav ul a {background: #f7f7f7 url(../images/consumer/tab_bg_hover.gif) bottom left repeat-x; border: 1px solid #e7e7e7; border-bottom: none;} #featurednav ul a:hover {margin-top: 1px; border-top: 1px solid #b00; padding-bottom: 6px; color: #555;} /* step 2 - mobile addition */ img#iphone { z-index:10000; position: fixed; left: 0px; bottom: 0px; } /* step 2 featured vendors */ #featuredvendors {padding: 0; background: #fff; border: 1px solid #ddd; margin-bottom: 1em; text-align: center;} #featuredvendors h4 {font-size: 11px; margin-bottom: .5em; border-bottom: 1px dotted #ddd; background: #f7f7f7; font-weight: normal; padding: .5em; letter-spacing: 1px; text-transform: uppercase; color: #999;} #featuredvendors table {width: 100%; font-size: 1em;} #featuredvendors colgroup col {width: 33%;} #featuredvendors table tr td {vertical-align: top; text-align: center; padding: 5px 5px 10px 10px;} #featuredvendors table h3 {margin: .5em 6px .25em 6px;} #featuredvendors table img.photo {border: 1px solid #ddd;} #featuredvendors table p {font-size: 11px; margin: 0 6px;} #sortnote {background: #ffc; border: 1px solid #ddd; padding: 1em; margin-bottom: 1em;} #sortnote p {line-height: 150%; margin: 0;} #pointer {display: block; position: relative; left: 545px; z-index: 100; margin: -1px 0 -8px 0;} div.bookmarkedonly {background: #ffc; border: 1px solid #ddd; padding: 12px; margin-bottom: 1em; font-size: 14px; font-weight: bold;} div.bookmarkedonly a {padding: 0 0 0 6px;} #pickupnote {background: #ffc; border: 1px solid #ddd; padding: 1em; margin-bottom: 1em;} #pickupnote h3 {font-size: 14px; margin: 0 0 .25em 0;} #pickupnote p {line-height: 150%; margin: 0;} #pickupnote p.change {margin-top: 1em; font-weight: bold;} #VendorSelected {background: #ffc; border: 1px solid #ddd; padding: 1em 1em 0 1em; margin-bottom: 1em;} #FavoriteLink {background: #ffc; border: 1px solid #ddd; padding: 1em 1em 0 1em; margin-bottom: 1em; position: relative; z-index: 2;} #FavoriteLink p a {background: url(../images/consumer/icon_fave.gif) 0 50% no-repeat; padding-left: 22px; font-size: 14px; font-weight: bold;} #ReturntoCaterers {background: #ffc; border: 1px solid #ddd; padding: 1em 1em 0 1em; margin-bottom: 1em;} #ReturntoCaterers p a {background: url(../images/consumer/icon_startover.png) 0 50% no-repeat; padding-left: 22px; font-size: 14px; font-weight: bold;} p.dailyspecialfeed a {background: url(../images/consumer/icon_feed.gif) 0 50% no-repeat; padding: 3px 0 3px 22px;} p#googleMapForPickup {font-size: 14px; font-weight: bold; margin-bottom: 10px;} p#googleMapForPickup a {background: url(../images/consumer/menu_expand.gif) 0 50% no-repeat; padding: 3px 0 3px 18px;} #vendorPickupMap {margin: 0 0 1em 0; clear: both; display: block; border: 1px solid #ddd; width: 628px; height: 350px;} /* step 2 results table */ #resultstable {margin-bottom: 1em; color: #555; clear: both; width: 630px; margin-top: 10px;} #resultstable colgroup col.photocol {width: 115px;} #resultstable colgroup col.restaurantcol {width: 184px;} #resultstable colgroup col.restaurantcolnorewards {width: 240px;} #resultstable colgroup col.corprestaurantcol {width: 275px;} #resultstable colgroup col.corprestaurantcolnorewards {width: 330px;} #resultstable colgroup col.caterercol {width: 405px;} #resultstable colgroup col.pricecol {width: 45px;} #resultstable colgroup col.ratingcol {width: 80px;} #resultstable colgroup col.rewardscol {width: 56px;} #resultstable colgroup col.distancecol {width: 60px;} #resultstable colgroup col.deliverycol {width: 50px;} #resultstable colgroup col.discountcol {width: 40px;} #resultstable colgroup col.corpcol {width: 55px;} #resultstable colgroup col.corpestimatecol {width: 75px;} #resultstable thead tr th {padding: .5em 0 .3em 0; font-size: 11px; text-align: left; font-weight: normal; color: #555; border-bottom: 1px dotted #ccc;} #resultstable thead tr th.center {text-align: center;} #resultstable thead tr th.photo {padding-left: 10px;} #resultstable thead tr th.restaurant {padding-left: 5px;} #resultstable thead tr th.active {font-weight: bold;} #resultstable tbody tr {} #resultstable tbody tr.even {background: #f7f7f7;} #resultstable tbody tr:hover {background: #ffc;} #resultstable tbody tr td {padding: .6em 5px .6em 0; text-align: left; border-bottom: 1px solid #ddd; border-top: 1px solid #fff; font-size: 11px; vertical-align: top;} #resultstable tbody tr.featured td {border-bottom: 1px solid #dddd93;} #resultstable tbody tr.closed td {vertical-align: middle; text-align: left;} #resultstable tbody tr td.photoarea {text-align: left; padding-left: 10px;} #resultstable tbody tr.closed td.photoarea {padding-right: 0;} #resultstable tbody tr td.photoarea img.photo {margin: 0; border: 0; background: #fff;} #resultstable tbody tr td.photoarea div.nophoto {font-size: 1em; margin: 0 auto; width: 80px; padding: .35em 0; border: 1px solid #e7e7e7; text-align: center;} #resultstable tbody tr td.photoarea div.nophoto a {color: #ccc; display: block;} #resultstable tbody tr td.restaurant {text-align: left; color: #999; padding-left: 5px; font-size: 10px;} #resultstable tbody tr td.restaurant p.description a {color: #555;} #resultstable tbody tr td.restaurant img.bookmark {vertical-align: bottom;} #resultstable tbody tr td.restaurant .new {font-size: 10px; color: #c00; padding: 0 0 0 .25em; font-weight: bold;} #resultstable tbody tr td.price {color: #ccc; font-weight: normal;} #resultstable tbody tr td.price strong {color: #555; font-weight: normal;} #resultstable tbody tr td.rating {font-size: 10px;} #resultstable tbody tr td.rating img {margin: 0; display: inline;} #resultstable tbody tr td.rating img span a {cursor: help;} #resultstable tbody tr td.address {text-align: left; padding-left: 5px; text-transform: capitalize !important;} #resultstable tbody tr td.discount {color: #c00; font-weight: bold; font-size: 14px; padding-top: .4em; text-align: center;} #resultstable tbody tr td.discount span {display: block; font-size: 10px; text-transform: lowercase; font-weight: normal;} #resultstable tbody tr td.discount span.nodiscount {color: #999; text-align: center; font-size: 12px;} #resultstable tbody tr td.discount a {color: #c00 !important;} #resultstable tbody tr td h4 {font-size: 12px; font-weight: bold; padding: 0 .25em 0 0; display: inline;} #resultstable tbody tr td h5 {font-size: 11px; font-weight: normal; margin: .25em 0 0 0; color: #555; background: url(../images/consumer/bullet.gif) .35em .65em no-repeat; padding-left: 1em; border-top: 1px dotted #e7e7e7; padding-top: .25em;} #resultstable tbody tr td p {margin: 0; font-size: 11px; line-height: normal;} #resultstable tbody tr td p.searchitem {padding-left: 1em; color: #777; font-style: italic;} #resultstable tbody tr.closed td {color: #ccc;} #resultstable tbody tr.closed td p.hours {font-weight: bold;} #resultstable tbody tr.closed:hover td {color: #999;} img.icon {display: inline; margin: 0 .4em 0 0;} /* rewards vendors */ #resultstable tbody tr td.rewards {text-align: center; padding: .6em 1em; color: #999;} #resultstable tbody tr td.rewards a {font-family: verdana; font-size: 10px; text-align: center; padding: .2em; display: block; color: #099; position: relative; font-weight: bold; cursor: help;} #resultstable tbody tr td.rewards a.preferred {background: #099 url(../images/button_highlight.png) top left repeat-x; border: 1px solid #099; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); color: #fff;} #resultstable tbody tr td.rewards a:hover {text-decoration: none;} #resultstable tbody tr td div.hidden {clear: both;} #resultstable tbody tr td div.hidden p {padding-top: .5em; color: #555; line-height: 1.4em;} #resultstable tbody tr td div.hidden p.hours {color: #c00; padding: 0; margin-top: .5em; background: none;} #resultstable tbody tr.closed td div.hidden p {color: #ccc;} #resultstable tbody tr.closed:hover td div.hidden p {color: #999;} .Corp #resultstable {width: 700px;} .Corp #resultstable colgroup col.photocol {width: 105px;} .Corp #resultstable colgroup col.distancecol {width: 70px;} .Corp #resultstable tbody tr:hover {background: none;} .Corp #resultstable thead tr th {font-size: 12px;} .Corp #resultstable tbody tr td {border-top: none; border-bottom: 1px dotted #CCC;} .Corp #resultstable tbody tr td.photoarea {padding-left: 0;} .Corp #resultstable tbody tr td.restaurant strong {text-transform: uppercase; font-size: 11px; color: #e17525; letter-spacing: 1px;} .Corp #resultstable tbody tr td.Distance {padding-right: 0; text-align: left;} .Corp #resultstable tbody tr td h4 {font-size: 13px;} .Corp #resultstable tbody tr td, .Corp #resultstable tbody tr td p {font-size: 12px;} #resultstable tbody tr.suggest td {font-size: 14px; text-align: center; padding: 1em 0; padding-left: 10px; background: #ffc;} #resultstable tbody tr.suggest td a {font-weight: bold;} #suggestrestaurant {margin: 0; padding: 1em 0 0 0;} #suggestrestaurant h4.left {margin-top: .5em;} /* catering faves */ #cateringfaves {margin-bottom: 1em; color: #555; clear: both; width: 630px; margin-top: 10px;} #cateringfaves colgroup col {width: 50%;} #cateringfaves thead tr th {padding: .5em 10px 0 10px; font-size: 14px; text-align: left; font-weight: bold;} #cateringfaves tr td {padding: .6em 10px .6em 10px; text-align: left; font-size: 11px; vertical-align: top;} #cateringfaves tr td h4 {font-size: 14px; font-weight: bold;} #cateringfaves tr td h4.button {margin-left: 0; padding-top: 0;} #cateringfaves tr td .actionblock {float: right; display: block;} #cateringfaves tr td .actionblock img.button {display: inline; margin: 0;} #cateringfaves tr td .actionblock img.delete {border-color: #ddd; margin-left: 3px;} #cateringfaves tr td p {margin: 5px 0;} #cateringfaves tr td ul {list-style: none; margin: 0;} #cateringfaves tr td ul li {padding: .5em 0; border-bottom: 1px dotted #ddd;} #cateringfaves tr td ul li.vendor {font-size: 14px; font-weight: bold; color: #c00; border-top: 1px dotted #ddd; padding-bottom: 0; border-bottom: 0;} #cateringfaves tr td ul li ul {clear: both;} #cateringfaves tr td ul li ul li {padding: .5em 0; border-bottom: 0; background: url(../images/consumer/bullet.gif) .35em 1em no-repeat; padding-left: 1em;} #cateringfaveitems {width: 100%;} #cateringfaveitems colgroup col.quantitycol {width: 150px;} #cateringfaveitems colgroup col.descripcol {width: 470px} #cateringfaveitems tr td {border-bottom: 1px dotted #ddd; padding: .5em 0;} #cateringfaveitems tr td.label {vertical-align: top;} #cateringfaveitems tr td h4 {font-size: 14px; font-weight: bold; color: #555;} #cateringfaveitems tr td ul {list-style: none; margin: 0; font-size: 11px;} #cateringfaveitems tr td ul li {padding: .125em 0; border-bottom: 0; background: url(../images/consumer/bullet.gif) .35em .6em no-repeat; padding-left: 1em;} /*Catering Favourites*/ .Corp #cateringfaves tr td ul li.vendor {color: #C90117;} .Corp #cateringfaves .actionblock .button {display: inline; font-size: 12px;} .Corp #cateringfaves .actionblock .button.DeleteLink a{background-color: #eee; color: #399; border-color: #ddd; -moz-box-shadow: inset 0 10px 20px rgba(0,0,0,0.05); box-shadow: inset 0 10px 20px rgba(0,0,0,0.05); -webkit-box-shadow: inset 0 10px 20px rgba(0,0,0,0.05);} .Corp #cateringfaves .actionblock .button.DeleteLink a:hover {background-color: #eee;} .Corp #cateringfaves thead tr th, .Corp #cateringfaves tbody tr td {padding-left: 0;} .Corp #cateringfaves ul.GroupContainer {border-top: 1px dotted #ccc;} .Corp #cateringfaves ul li.vendor {border-top: none;} .Corp #sidebar div.boxed h3.editorder a {background: url(../img/corporate/icon-edit.gif) 0 50% no-repeat;} /* note for first time users landing on step 3 */ #welcomenote {background: #ffc; border: 1px solid #ddd; padding: 1em; margin: 0 10px 1em 0;} #welcomenote h2 {font-size: 14px; font-weight: bold; margin: 0;} #welcomenote p {line-height: 150%; margin: 0;} #welcomenote p.individualorder {margin-top: .5em; border-top: 1px dotted #cc9; background: url(../images/consumer/icon_startover.png) 0 50% no-repeat; padding: .5em 0 .25em 20px;} #welcomenote p.individualorder a {font-weight: bold;} /* step 3 restaurant info */ #restaurantinfo {background: #f7f7f7; padding: 10px 10px 22px 10px; margin-bottom: 1em; border: 1px solid #ddd;} #restaurantinfo h1 {color: #c00; font-size: 16px; font-weight: bold; margin: 0 0 .25em 0; padding-bottom: .25em; border-bottom: 1px dotted #ccc; position: relative;} #restaurantinfo h1.consumer {margin: 0; padding-bottom: 0; border: 0;} #restaurantinfo h1 span {color: #ccc; font-size: 11px; font-weight: normal; padding-left: .5em;} #restaurantinfo h1 span strong {color: #555; font-weight: bold;} #restaurantinfo h2 {color: #c00; font-size: 2em; font-weight: bold; margin: 0;} #restaurantinfo h3 {font-weight: normal; color: #555; margin: 0; padding: 0;} #restaurantinfo h4 {color: #b00; font-size: 11px; font-weight: normal; line-height: 1em; margin: 0 0 .25em 0;} #restaurantinfo img.rating {float: right; position: relative; z-index: 2;} #restaurantinfo .ratingbox {float: right; position: relative; z-index: 2; padding-left: 20px; width: 160px;} #restaurantinfo .ratingbox img {margin: 0 0 8px 0; vertical-align: middle;} #restaurantinfo .ratingbox span.rateit {font-size: 11px; padding: 0 0 0 8px;} #restaurantinfo .ratingbox ul {clear: both; padding-top: .25em; border-top: 1px dotted #ddd; font-size: 11px; line-height: 200%; list-style: none;} #restaurantinfo .ratingbox ul li a {padding: 2px 0 2px 20px;} #restaurantinfo .ratingbox ul li.details a {background: url(../images/icon_chart2.gif) 2px 50% no-repeat;} #restaurantinfo .ratingbox ul li.add a {background: url(../images/icon_addrating.gif) 0 50% no-repeat;} #restaurantinfo .ratingbox ul li a.bookmark {background: url(../images/consumer/icon_bookmark_white.gif) 0 50% no-repeat;} #restaurantinfo .ratingbox ul li a.saved {background: url(../images/consumer/icon_bookmark.gif) 0 50% no-repeat;} #restaurantinfo .ratingbox ul li.sharethis {padding-top: 1em;} #restaurantinfo br {line-height: 0;} #restaurantinfo img.button {display: inline; vertical-align: bottom;} #restaurantinfo img.mainphoto {border: 1px solid #ddd; float: left; margin: 0 10px 5px 0;} #restaurantinfo p {padding: 0; margin: 0; text-align: left; font-size: 12px; line-height: 1.4em; color: #555;} #restaurantinfo p.addrating {float: right; position: relative; z-index: 2;} #restaurantinfo p.addrating a {background: url(../images/consumer/icon_star.gif) 0 50% no-repeat; padding-left: 20px;} #restaurantinfo #restaurantdetails {margin-top: .5em; display: block;} #restaurantinfo p.readytime, #restaurantinfo p.deliverymin, #restaurantinfo p.info {margin: 0; clear: left;} #restaurantinfo p.info {margin-top: 1em;} #restaurantinfo p.readytime strong, #restaurantinfo p.deliverymin strong, #restaurantinfo p.info strong {font-size: 12px; font-weight: bold;} #restaurantinfo p.description {margin: 0;} #restaurantinfo p.readytime a, #restaurantinfo p.deliverymin a, #restaurantinfo p.info a {cursor: help; font-style: italic;} #restaurantinfo img.button {float: right; margin: .5em 0 0 0;} .fourcol p.deliverymin {background: url(../images/consumer/icon_dollars.png) 0 0 no-repeat; padding-left: 20px; margin-bottom: .25em !important;} .fourcol p.readytime {background: url(../images/consumer/icon_time.png) 0 0 no-repeat; margin: 0; padding-left: 20px !important; margin-bottom: .25em !important;} .fourcol p.alert {margin-top: 1em; color: #c00; font-size: 16px;} .fourcol p.info {background: url(../images/consumer/icon_info.png) 0 0 no-repeat; padding-left: 20px !important; margin-bottom: .25em !important;} .fourcol p.email a {background: url(../images/consumer/icon_email.png) 0 0 no-repeat; padding-left: 20px; margin-top: .25em;} .fourcol p.survey {color: #555;} .fourcol p.survey a {background: url(../images/consumer/icon_survey.png) 0 0 no-repeat; padding-left: 20px; margin-top: .25em;} .fourcol p.ordersummary {margin-top: 1em; font-size: 12px;} .fourcol p.ordersummary a {background: url(../images/consumer/icon_ordersummary.png) 0 50% no-repeat; padding: .25em 0 .25em 1.8em; margin-top: .25em;} .fourcol p.neworder a {background: url(../images/consumer/icon_startover.png) 0 0 no-repeat; padding-left: 20px; margin-top: .25em;} .fourcol p.birthday a {background: url(../images/consumer/icon_birthday.gif) 0 0 no-repeat; padding-left: 20px; margin-top: .25em;} #uploadphotonote {border: 1px solid #ddd; background: #ffc; padding: 1em; margin: 1em 0;} #uploadphotonote p {background: url(../images/consumer/icon_addimage.png) 0 0 no-repeat; padding: 0 0 0 23px; border: 0; margin: 0; font-size: 14px; font-style: italic; color: #c00;} p.skipmenuplus {background: #ffc; padding: .5em 0; border: 1px solid #ddd; margin: 0 0 1em 0;} p.skipmenuplus a {background: url(../images/consumer/icon_import.gif) 3px 50% no-repeat; padding: 0 1.5em;} p.popularvendors {margin: .75em 0 0 0; float: right; position: relative; z-index: 1; font-size: 11px; color: #c00; font-style: italic;} p.printable {margin: 0; float: right; position: relative; z-index: 1; font-size: 12px; background: url(../images/printable.gif) 0 50% no-repeat; padding: 5px 0 5px 20px;} #sortreviews {clear: both; float: right; padding: 0; position: relative; z-index: 1;} #sortreviews p {display: inline; margin: 0 6px 0 0; font-size: 11px; color: #666;} #sortreviews select {font-size: 11px; color: #666; width: 10em;} #menuplus {padding-top: 1em;} #tagcloud {border: 1px solid #ddd; background: #e2f3ff; padding: 1em; margin: 1em 0;} #tagcloud h3 {background: url(../images/consumer/icon_new.gif) 0 .2em no-repeat; padding: 0 0 .5em 20px; border-bottom: 1px dotted #ddd;} #tagcloud p {margin: .5em 0 0 0;} #tagcloud p.help {margin: 0; float: right;} #tagcloud ul {list-style: none; border-bottom: 1px dotted #ddd; padding-bottom: .5em;} #tagcloud li {display: inline; margin-right: .25em; font-size: 16px; line-height: 150%;} #tagcloud li.active {font-weight: bold; font-size: 24px;} #menusearcharea {display: block; float: right; padding: .75em 0;} #menusearcharea input {margin: 0 .5em 0 0; font-size: 11px; color: #555;} #menusearcharea img.button {display: inline; vertical-align: bottom; padding: 0; margin: 0;} #menusearcharea p.clearsearch {font-size: 12px; padding: 1em 0 0 0; font-weight: bold; text-align: right; margin: 0;} #menusearcharea p.clearsearch a {padding: .25em 0 .25em 20px; background: url(../images/consumer/icon_clearsearch.gif) 0 50% no-repeat;} #categoryDropDown {padding: .5em 0 .5em 10px; margin: 0; list-style: none; line-height: normal; font-weight: bold; font-size: 12px; width: 170px; z-index: 5; position: relative;} #categoryDropDown ul {padding: 0; margin: 0; list-style: none; line-height: normal;} #categoryDropDown li ul {position: absolute; background: #ffc; width: 288px; left: -999em; border: 1px solid #cc9; padding: .25em 10px;} #categoryDropDown li ul li {font-size: 11px; border-bottom: 1px dotted #cc9; padding: .5em 0 .25em 0;} #categoryDropDown li:hover ul, #categoryDropDown li.sfhover ul {background-position: 0 0; left: auto;} #categoryDropDown ul li ul li a {display: block; width: 20em;} #categoryDropDown li.dropdown {padding-top: .25em; display: block;} #categoryDropDown li.dropdown a {padding: .25em 0 .25em 24px; background: #ffc url(../images/consumer/icon_dropdown.gif) 3px 50% no-repeat; cursor: pointer; display: block;} #categoryDropDown li.dropdown ul li a {padding: 0; background-image: none;} .fourcol p.popularkey {background: #ffc; padding: .5em 0; border: 1px solid #ddd; margin: .5em 0 1em 0 !important; font-size: 12px; color: #c00; background: #ffd url(../images/consumer/icon_popular.gif) 5px .75em no-repeat; padding-left: 17px; color: #c00;} #menu {color: #555; clear: both; margin-bottom: 2em;} /* reset menu h5 */#menu h5 {background: #fff !important; border: 0 !important; margin: 0 !important; padding: 0 !important; text-transform: none !important; width: auto !important;} #menu h5 {padding: .25em 0 !important; font-size: 14px !important; font-weight: bold; border-top: 1px solid #ddd !important; margin-bottom: .5em;} #menu h5 a {background: url(../images/consumer/menu_collapse.gif) 99% 50% no-repeat; display: block; padding: 0 10px; color: #c00; position: relative;} #menu h5 a:hover {} #menu .hidden h5 {background: #f7f7f7 !important; border-bottom: 1px solid #fff;} #menu .hidden h5 a {background: #f7f7f7 url(../images/consumer/menu_expand.gif) 99% 50% no-repeat; display: block; padding: 0 10px; color: #999;} #menu .hidden h5 a:hover {} #menu p {color: #777; font-size: 12px; font-style: italic; font-weight: normal; display: block; line-height: 1.4em; padding: 0; margin: -2px 10px 5px 10px !important;} #menu table {width: 300px; margin: 0 0 10px 10px; font-size: 12px; float: left; position: relative; z-index: 1;} #menu table.right {margin-left: 20px;} #menu table colgroup col.maincol {width: 80%;} #menu table csavedinfolgroup col.sidecol {width: 20%;} #menu table tbody tr.popular {font-weight: bold; background: #ffc;} #menu table tbody tr.popular td {background: #ffd url(../images/consumer/icon_popular.gif) .1em .5em no-repeat;} #menu table tbody tr.highlight td {font-weight: bold; background-color: #e2f3ff;} #menu table tbody tr.over td, #menu table tbody tr:hover td {background-color: #ffc;} #menu table tbody tr.popular:hover td {background: #ffa url(../images/consumer/icon_popular.gif) .1em .5em no-repeat;} #menu table tbody tr td {font-size: 12px; padding: .25em; border-top: 1px dotted #e7e7e7; text-align: left; background: url(../images/consumer/bullet.gif) .35em .6em no-repeat; padding-left: 1em;} #menu table tbody tr td.uploadphoto {background-image: none; padding-left: 0;} #menu table tbody tr td.uploadphoto img.upload {padding-right: .25em; display: inline !important; vertical-align: top;} #menu table tbody tr td img.tag {display: none;} #menu table tbody tr.over td img.tag, #menu table tbody tr:hover td img.tag {padding-left: .25em; display: inline !important; vertical-align: top;} #menu table tbody tr:hover td img.tag a {padding: 0 .25em;} #menu table tbody tr td img.liked {padding-left: .25em; display: inline !important; vertical-align: top;} #menu table tbody tr td img.liked a {padding: 0 .25em;} #menu table tbody tr td.price {text-align: right; background-image: none; padding-left: 0;} #menu table tbody tr.popular td.price {background-image: none; font-weight: normal;} /* =catering - step 3*/ #menu #MenuCategories {} #menu #MenuCategories h5 {padding: 5px 0 0 0; background: #fff; border: 0; border-top: 1px solid #ddd; color: #c00;} #menu #MenuCategories ul {list-style: none;} #menu #MenuCategories ul li {font-size: 12px; padding: .35em 0; border-top: 1px dotted #ddd;} #menu #CateringPackages {} #menu #CateringPackages h5 {margin: 0 0 0 10px !important; border-top: 1px dotted #ddd; padding: 5px 10px; font-size: 12px !important; color: #c00;} #menu #CateringPackages p {margin: 5px 10px 0 10px;} #menu #CateringPackages table.cateringmenu {width: 460px; float: none; margin-bottom: 0;} #menu #CateringPackages table.cateringmenu {width: 460px; float: none; margin-bottom: 0;} #menu #CateringPackages table.cateringmenu tr td {padding-bottom: 0;} #menu #CateringPackages table.cateringmenu tr td a {font-weight: bold; font-size: 12px !important;} #menu #CateringPackages table.cateringmenu tr.noline td {border-top: 0; background: #fff; padding-left: 0;} #menu #CateringPackages ul.cateringoptions {list-style: none; margin: 0 1em 1em 2em; font-size: 11px;} #menu #CateringPackages ul.cateringoptions li {line-height: 1.5em; background: url(../images/consumer/bullet.gif) .35em .6em no-repeat; padding-left: 1em;} #reviews {padding-top: 1em;} #reviews .reviewblock {padding: 10px 10px 5px 0; text-align: left; clear: both; border-bottom: 1px solid #E8E8DD; border-top: 1px solid #fff;} #reviews .first {border-top: 0; padding-top: 0;} #reviews .even {background: #f7f7f7;} #reviews .addyours {padding: 10px; border-bottom: 0;} #reviews div.reviewblock .ratingbox {float: right; position: relative; z-index: 2; padding: 0 0 0 20px; width: 140px;} #reviews div.reviewblock .ratingbox img {margin: 0 0 8px 0; vertical-align: middle;} #reviews div.reviewblock img.rating {float: right; padding: 0 0 5px 20px;} #reviews div.reviewblock .ratingbox p.facebook {background: transparent; font-size: 11px;} #reviews div.reviewblock .ratingbox p.facebook a {background: transparent url(../images/consumer/icon_facebook.gif) 0 0 no-repeat !important; padding-left: 20px !important;} #reviews div.reviewblock h4 {font-size: 14px; margin: 0 0 .25em 0; padding: 0; color: #777; clear: none; border: 0;} #reviews div.reviewblock h4.published {background: url(../images/icon_ribbon.gif) 0 0 no-repeat; padding-left: 20px;} #reviews div.reviewblock h3.backtomenu {margin: 1em 0 0 0; font-size: 14px;} #reviews div.reviewblock h3.backtomenu a {background: url(../images/consumer/icon_startover.png) 0 0 no-repeat; padding-left: 1.5em;} #reviews div.reviewblock p {font-size: 12px; line-height: 150%; word-wrap: break-word; padding-right: 104px;} #reviews div.reviewblock p.unreviewed {font-style: italic;} #reviews div.reviewblock p.postedby {font-size: 11px; line-height: normal; font-style: italic; color: #999;} #reviews div.reviewblock p.noneyet {margin: 0 0 .5em 0;} #reviews div.reviewblock p.editreview a {font-size: 12px; font-weight: bold; background: url(../images/consumer/icon_editorder.png) 0 50% no-repeat; padding: .25em 0 .25em 20px;} #reviews p.reviewnote {font-size: 12px; border: 1px solid #ddd; line-height: 1.5em; color: #555; background: #ffa; padding: 10px; margin: 0; font-style: italic;} #reviews div.reviewblock img.button {margin: 0 1em 1em 0; display: inline;} .auxbox #sortreviews p {display: inline; margin: 0 6px 0 0 !important; font-size: 11px; color: #666;} .auxbox #sortreviews select {font-size: 11px; color: #666; width: 10em !important; margin: 0 !important;} #reviews div.reviewblock #reviewtag {float: right; position: relative;} #reviews div.reviewblock #reviewtag p.tagthis {color: #999; margin: 0;} #reviews div.reviewblock #reviewtag p.helpfultags {font-size: 11px; color: #666; margin-bottom: 0; text-align: right !important; clear: both;} #reviews div.reviewblock #reviewtag ul {margin: 0;} #reviews div.reviewblock #reviewtag ul li {display: inline; font-size: 11px; list-style: none; margin: 0 0 0 1em;} #reviews div.reviewblock #reviewtag ul li a {padding: 0 0 0 12px; text-decoration: none;} #reviews div.reviewblock #reviewtag ul li a.helpful {background: url(../images/consumer/arrowup.gif) 0 2px no-repeat;} #reviews div.reviewblock #reviewtag ul li a.nothelpful {background: url(../images/consumer/arrowdown.gif) 0 2px no-repeat;} #reviews div.reviewblock #reviewtag ul li a:hover {background-color: #ffc;} #reviews div.reviewblock #reviewtag ul li a.tagged {font-weight: bold; color: #333;} p.vendordescription {margin: 10px; line-height: 150%;} ul.cateringbullets {margin: 10px; font-size: 11px; list-style: none;} ul.cateringbullets li {padding: .5em; border-top: 1px dotted #ddd; background: url(../images/consumer/bullet.gif) .35em .9em no-repeat; padding-left: 1em;} /* standalone 3b */ #standalone3b {color: #555; background: #f7f7f7; border: 1px solid #ddd; padding: 10px;} #standalone3b #itemoptions {padding-bottom: 0;} #fixedTop {top: 0; height: 50px; left: 20px; overflow: hidden; position: absolute; width: 630px; padding: 0; margin: 29px 0 0 0; background-color: #FFFFFF; } #standalone3b h1 {color: #c00; font-size: 16px; font-weight: bold; margin: 0 0 .125em 0; padding-bottom: .25em; border-bottom: 1px solid #ddd;} #standalone3b h1 input {font-size: 14px; font-weight: bold; width: 1.5em; text-align: center; margin: 0 .5em 0 0; padding: .125em; color: #c00; display: inline;} #standalone3b h2 {margin: 0;} #standalone3b h3 {font-size: 12px; font-weight: bold; margin: 0 0 .25em 0; padding: 1em 0 .25em 0; border-bottom: 1px dotted #ddd; clear: both;} #standalone3b h3 span {font-weight: normal; font-size: 10px; font-style: italic;} #standalone3b #itemImage img {margin: 5px 10px 0 0; float: left; border: 1px solid #ddd;} #standalone3b p {margin: 0; font-size: 12px; line-height: 1.4em;} #standalone3b p.price {float: right; color: #c00; font-size: 16px; font-weight: bold; padding-top: .35em;} #standalone3b p.cancel {margin: .5em 0 0 0; font-size: 12px;} #standalone3b p.request {margin: 1em 0 0 0; padding: 1em 0 0 0; border-top: 1px dotted #ddd; font-size: 11px;} #standalone3b p.note {margin: 0 0 .5em 0; font-size: 11px;} #standalone3b ul {list-style: none;} #standalone3b #itemoptions ul li {width: 290px; float: left; margin: 0 5px; padding: .5em 0; border-bottom: 1px dotted #ddd;} #standalone3b input.checkbox {margin: 0 .5em 0 0; border: 0; padding: 0; width: auto; display: inline; vertical-align: top;} * HTML #standalone3b input.checkbox {display: inline !important;} #standalone3b textarea {width: 470px; height: 4em; font-size: 11px; color: #c00; margin: 0;} #standalone3b ul li label {font-size: 11px; padding: 0;} #standalone3b h4.left {padding-top: 1em;} /*Corp step 3 shared items*/ .Corp #sidebar div.boxed #OrderDetails .startover {margin-bottom: 0;} .Corp #itemoptions h1, .Corp #itemoptions h1 input, .Corp #itemoptions p.price {color: #9CAD0F;} .Corp .QuestionPhoneNumber {text-align: left; padding-left: 0;} .MenuControls #SearchMenuItems, .MenuControls h4.PrimaryLink {display: inline;} .MenuControls #SearchMenuItems {vertical-align: bottom;} .Corp #sidebar #fixednextstep p.subtotal, .Corp #OrderSubtotal, .Corp #OrderSubtotalPrice, #restaurantinfo .subheader, .Corp .subnav ul li a.active, .Corp #restaurantinfo h1, .Corp #Menu h5 a, .Corp #popup h2{color: #9CAD0F;} .Corp #restaurantinfo .ratingbox ul{padding-top: 0; border: 0 none;} .Corp #restaurantinfo .ratingbox ul li.details a {background-image: url('../img/corporate/icon-star.png'); padding-left: 25px;} .reviewsheadertext { font-family: museo-slab-1,museo-slab-2; font-weight: 500; font-size: 18px; color: #555; padding: 0 5px 0 5px; } #reviewsheader { min-height: 35px; border-bottom: 1px solid #E3E3E3; margin-bottom: 15px; } .Corp #sidebar div.boxed h3.addfave a {background: transparent url("../img/corporate/icon-favorite.png") no-repeat left center ;} .Corp #restaurantinfo h1 {border: 0 none;} .Corp #restaurantinfo {border: 0 none; padding:0; background: #FFF;} .Corp div.addrating {float: right; position: relative; z-index: 2;} .Corp div.addrating { padding-bottom: 5px;} .Corp .ratingbox a {display: inline-block; vertical-align: middle;} .Corp #restaurantinfo .ratingbox img {margin: 0;} .Corp #restaurantinfo .ratingbox span.rateit {display:inline-block; vertical-align: middle;} .Corp #sidebar div.boxed .startover a {background: url("../img/corporate/icon-startover.gif") no-repeat 0 50% transparent !important; padding: 3px 0 0 22px; line-height: 20px;} .Corp #restaurantinfo h4, .Corp .RestaurantInfo h4.button.OrderLink, .Corp #fixednextstep h4.button.OrderLink, .Corp #MyCurrentOrder h4.button.OrderLink{ font-size: 16px; margin-top: 5px;} .Corp #sidebar div.boxed #OrderDetails h3 {padding: 0;} .Corp #sidebar div.boxed #OrderDetails {margin: 0;} .Corp p.printable, .Corp #restaurantinfo p.printable{background: transparent none; height: auto; padding-top: 10px; float: none; text-align: center;} .Corp .RefreshmentsMenuSelection p.printable {float: right;} .Corp p.skipmenuplus {line-height: 40px; padding: 0 0 0 20px;} .Corp p.skipmenuplus a{background-image: url("../img/corporate/arrow-down.png"); font-weight: bold;} .Corp #sortreviews {float: right; text-align: right; padding-top: 5px;} .Corp #sidebar div.popular h5 {background: transparent none;} .Corp #sidebar div.popular {background: #E2F3FF;} .Corp #sidebar div.popular td.main{ color: #339999;} .Corp #sidebar div.boxed p.emptyorder {padding-left: 0;} .Corp #sidebar div.boxed #OrderTotals table tr td.main {font-weight: normal;} .Corp #sidebar #OrderSubtotal{font-weight: bold;} .Corp #OrderDetailTable { padding-top: 8px; } .Corp #sidebar div.boxed #OrderDetails ul {margin-bottom: 5px;} .Corp .editdeliveryinfo a {font-size: 12px; font-weight: bold;} #Menu {color: #555; clear: both; margin-bottom: 2em;} #Menu .hidden h5 {background: #f7f7f7 !important; border-bottom: 1px solid #fff;} #Menu .hidden h5 a {background: #f7f7f7 url(../images/consumer/menu_expand.gif) 99% 50% no-repeat; display: block; padding: 0 10px; color: #999;} #Menu #CateringPackages ul.cateringoptions li #Menu p {color: #777; font-size: 12px; font-style: italic; font-weight: normal; display: block; line-height: 1.4em; padding: 0;} #Menu td.price {color: #777;} #Menu table colgroup col.maincol {width: 80%;} .Corp #itemoptions.scroll {background-image: url("../img/corporate/scrolldown.gif");background-position: 500px 0;} #Menu table tbody tr.popular:hover td {background: #ffa url(../images/consumer/icon_popular.gif) .1em .5em no-repeat;} #Menu table tbody tr td {font-size: 12px; padding: 0; border-top: 1px dotted #e7e7e7; text-align: left; vertical-align: middle;} #Menu table tbody tr td a {padding: 5px 0; display: inline-block; vertical-align: middle;} #Menu #MenuCategories li, #Menu table tbody tr td, ul.cateringbullets li{background: url("../img/corporate/bullet.gif") left center no-repeat;} #Menu #MenuCategories li {background-position: 7px center;} #Menu .MenuItemName a {padding-left: 8px; } #Menu table tbody tr td.price {text-align: right; background-image: none; padding-left: 0; padding-right: 5px;} #Menu table tbody tr.popular td.price {background-image: none; font-weight: normal; } .Corp #sidebar div.boxed #OrderDetails ul li.itemprice{border: 0 none;} .Corp #TB_ajaxWindowTitle{display: none;} .Corp #restaurantinfo p.info, .Corp #restaurantinfo p.readytime, .Corp p.printable a, .Corp .addrating a {background: url("../img/corporate/icon-star.png") left center no-repeat;} .Corp p.printable a { padding: 0 0 0 30px; line-height: 20px; background: url("../img/corporate/icons-step3.png") 0 -15px no-repeat; vertical-align: middle; cursor: pointer; display:inline-block; font-size: 10px; width: 100%; text-align: left; display: inline-block;} .sprite.icon_star { background-position: 0px 0px; width: 17px; } .Corp #restaurantinfo p.info, .Corp #restaurantinfo p.readytime { padding: 0 25px; line-height: 20px; vertical-align: middle; margin: 2px 0;} .Corp .addrating a { background-position: 0px 0px; width: 17px;} .Corp #restaurantinfo p.info { background: url("../img/corporate/icons-step3.png") 0 -35px no-repeat;} .Corp #restaurantinfo p.readytime { background: url("../img/corporate/icons-step3.png") 0 -55px no-repeat;} /*Corp rating*/ .Corp .rating1, .Corp .rating2, .Corp .rating3, .Corp .rating4, .Corp .rating5 {background: transparent url("../img/corporate/rating-small.gif") center top no-repeat;} .Corp .rating2 {background-position: center -8px;} .Corp .rating3 {background-position: center -16px;} .Corp .rating4 {background-position: center -24px;} .Corp .rating5 {background-position: center -32px;} /*raiting popup*/ .Corp #popup .star-rating, .Corp #popup .star-rating a:hover, .Corp #popup .star-rating a:active, .Corp #popup .star-rating a:focus, .Corp #popup .star-rating .current-rating {background: #FFF url("../img/corporate/rating-star.gif") repeat-x scroll left -1000px; height: 33px;} .Corp #popup .star-rating {background-position: left top;} .Corp #popup .star-rating .current-rating {position: absolute; top: 0; left: 0; text-indent: -1000em; height: 33px; line-height: 33px; outline:none; overflow: hidden; border: none;} .Corp #popup .star-rating a:hover, .Corp #popup .star-rating a:focus {background-position: left -33px;} .Corp #popup .star-rating a.one-star {width: 20%; z-index: 6;} .Corp #popup .star-rating a.two-stars {width: 40%; z-index: 5;} .Corp #popup .star-rating a.three-stars {width: 60%; z-index: 4;} .Corp #popup .star-rating a.four-stars {width: 80%; z-index: 3;} .Corp #popup .star-rating a.five-stars {width: 100%; z-index: 2;} .Corp #popup .star-rating .current-rating {z-index: 1; background-position: left bottom;} /* restaurants - step 3*/ .Corp #categoryDropDown {padding: 0;} .Corp .addrating a {padding-left: 20px;} .Corp .MenuControls {margin:15px 0 0 0; } .Corp #categoryDropDown li.dropdown a.SkipToMenuCategory {background:url(../img/corporate/icon_dropdown_teal.png) right no-repeat; color:#339999; font-weight:bold; padding-left:15px; padding-right:15px; display:inline;} .Corp .MenuControls #categoryDropDown li ul {background-color:#e6e6e6; left:-999em; padding:0.25em 10px; position:absolute; width:288px; margin-left: 15px; border: 0 none;} .Corp .MenuControls #categoryDropDown li:hover ul{background-position:0 0; left:auto;} .Corp .MenuControls ul#categoryDropDown {position: relative; width: 170px; z-index: 5;} .Corp .MenuControls ul#categoryDropDown li.dropdown ul li {padding:3px 0px 3px 5px; border-bottom:1px dotted #CCCCCC; font-size: 12px;} .Corp .MenuControls ul#categoryDropDown li.dropdown ul li a{background:none; font-weight:normal; line-height: 18px;} .Corp #menusearcharea {padding: 0;} #Menu .menucategory p {margin-bottom: 14px} #Menu .menucategory {border-bottom: 1px solid #E7E7E7;} #Menu .menucategory table {margin-left: 0px; float: left; width: 300px;} #Menu .menucategory table.right {float: right;} #Menu .menucategory .maincol {width: 80%;} #Menu .menucategory table tbody tr td {background: none; padding-left: 0;} #Menu .menucategory table tbody tr.popular td {background: #F0FCFD; font-weight: bold;} #Menu tr img.tag {visibility:hidden; display: inline; padding-left: .25em;} #Menu tr img.tag a {padding: 0 .25em;} #Menu tr.over img.tag, #Menu tr:hover img.tag { visibility:visible; } #Menu table tbody tr.over td img.tag {display: block;} #Menu h5 a {background: url('../img/corporate/icon_expand_collapse.png') no-repeat right -19px; display: block; line-height: 18px;} #Menu .collapsed h5 a {background-position: right 0px;} .MenuControls {height: 30px; margin-top: 16px;} /* catering - step 3*/ #Menu h5 {color: #9CAD0F; font-weight: bold; padding: 15px 0; margin: 0;} #Menu #CateringPackages table.cateringmenu{width: 100%; margin: 0 0 15px; border-bottom: 1px solid #DDD;} #Menu #MenuCategories ul {list-style: none;} #Menu #MenuCategories li {font-size: 12px; padding: 0.35em 0 0.35em 22px; border-top: 1px dotted #DDD; font-weight: bold; background-position: 15px center;} #Menu #MenuCategories li.FullMenu {background: #FAF8D9 none; padding-left: 12px;} .Corp #menuactive .MenuControls {margin-bottom: 0;} .Corp #menuactive #Menu {border-top: 1px solid #CCC; margin-top: 5px; padding-top: 10px;} #Menu #MenuCategories h5 {padding: 0 0 10px 11px; margin-top:0;} #Menu #CateringPackages h5 {padding-bottom: 2px; margin-left: 0; } #Menu #CateringPackages h5 {padding-top: 0; margin-top: 0; } #Menu #CateringPackages p {margin: 0 10px 5px 0; font-style: italic;} #Menu #CateringPackages table.cateringmenu tr td {padding-bottom: 0;} #Menu #CateringPackages table.cateringmenu tr.noline td {border-top: 0; background: #fff; padding-left: 0;} #Menu #CateringPackages ul.cateringoptions {list-style: none; margin: 0 1em 3px 0; font-size: 11px; font-style: italic;} #Menu #CateringPackages ul.cateringoptions li {line-height: 1.5em;} #Menu #CateringPackages table tbody tr td {background-position: 2px 10px;} #Menu #MenuCategories li.MenuSubCategories {border: 0; padding: 0; background: none;} #Menu #MenuCategories li.MenuSubCategories ul {border-top: 1px dotted #ddd;} #Menu #MenuCategories li.MenuSubCategories ul li{background-image: none; font-weight: normal; border: 0 none;} /*#Menu #MenuCategories li.MenuSubCategory ul li:first-child{border-top: 1px dotted #ddd;}*/ .Corp #sidebar div.boxed #OrderDetails ul li, .Corp #sidebar div.boxed #OrderDetails ul li:hover {background: transparent none; padding-left: 0; border-top: 0 none;} .Corp #sidebar div.boxed #OrderDetails ul li .PlusSign{float: none; padding: 0; margin: 0 3px 0 0; color: #9CAD0F;} /* =checkout - step 4*/ .checkout {background: #f7f7f7; padding: 1em 1em 1.5em 1em; margin-bottom: 1em; color: #555; border: 1px solid #ddd;} .checkout h1 {color: #c00; font-size: 16px; font-weight: bold; margin: 0 0 .25em 0; padding-bottom: .25em; border-bottom: 1px dotted #ccc;} .checkout h1 span {font-size: 11px; font-weight: normal; font-style: italic; background: #ffc;} .checkout h2 {color: #555; font-size: 14px; font-weight: bold; margin: .5em 0 0 0; clear: both;} .checkout h2 span {font-size: 10px; color: #555; font-weight: normal;} .checkout h3 {font-size: 12px; font-weight: normal; line-height: 1.4em; margin: 0;} .checkout select, .checkout label {display: inline;} .checkout input, .checkout select {width: 100%; margin: 0; background: #fff; border-color: #559CD2; font-size: 12px;} .checkout textarea {background: #fff; border-color: #559CD2; width: 470px; height: 4em; font-size: 12px; color: #c00;} .checkout input.billingcheckbox {width: auto; margin: .5em .25em 0 0; border: 0; padding: 0; background: none;} .checkout input.zipcode {width: 6em;} .checkout select.expiration {width: 45%;} .checkout label {margin: 0; font-size: 11px;} .checkout label.textarea {margin: 1em 0 0 0; display: block;} .checkout label span {font-size: 10px; font-style: italic; color: #999;} .checkout label span.required { color: #c00; font-size: 12px;} .checkout br {line-height: 0;} .checkout img.button {display: inline; vertical-align: bottom;} .checkout p {padding: 0; margin: 0; text-align: left; font-size: 12px; color: #555; line-height: 1.5em;} .checkout p.highlight {background: #ffc; padding: 1em .5em; border-bottom: 1px dotted #ddd; border-top: 1px dotted #ddd; clear: both;} .checkout p.personal {padding: 1em .5em; border-bottom: 1px dotted #ddd; border-top: 1px dotted #ddd; clear: both;} .checkout p.edit a {float: right; background: url(../images/consumer/icon_editorder.png) 0 50% no-repeat; padding: .25em 0 .25em 20px;} .checkout p.editperson {margin-top: 1em;} .checkout p.editperson a {background: url(../images/consumer/icon_editorder.png) 0 50% no-repeat; padding: .25em 0 .25em 20px;} .checkout p.pickupmyself {margin: 1em 0;} .checkout p.pickupmyself a {background: url(../images/consumer/icon_startover.png) 0 50% no-repeat; padding: .25em 0 .25em 20px;} .checkout p.highlight {background: #ffc; margin-top: -4px; padding: 1em .5em; border-bottom: 1px dotted #ddd;} .checkout p.edit a {float: right; background: url(../images/consumer/icon_editorder.png) 0 50% no-repeat; padding: .25em 0 .25em 20px;} .checkout p.help {background: #ffc; text-align: center; padding: .5em 0; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc;} .checkout p.note {border-top: 1px dotted #ccc; margin-top: 10px; padding: 10px 0; color: #c00; font-weight: bold;} .checkout p.helpfultext {padding: .5em 0; font-style: italic; color: #777;} .checkout table {margin: .5em 0;width: 100%;} .checkout table colgroup col {width: 50%;} .checkout table colgroup col.usertablecol {width: 163px;} .checkout table colgroup col.clientcol {width: 200px;} .checkout table colgroup col.fieldcol {width: 100px;} .checkout table colgroup col.deletecol {width: 45px;} .checkout table colgroup col.allocationcol {width: 25%;} .checkout table tr th {font-size: 11px; padding: 0 0 .25em 0; text-align: left; font-weight: normal;} .checkout table tr td {font-size: 11px; padding: .5em; border-top: 1px dotted #ccc; text-align: left;vertical-align: top} .checkout table tr td select, .checkout table tr td input {width: auto;} .checkout table tr.noline td {border: 0;} .checkout table tr td.label {text-align: left;} .checkout textarea#AllocationComment {height: 10em; color: #555;} .checkout textarea#AllocationComment:focus {background: #ffc;} #savebillinginfoarea {border-top: 1px dotted #ccc; padding-top: 1em; text-align:left;} #savebillinginfoarea p {margin: .5em auto 0 auto; text-align: center; font-size: 11px;} #content .checkout p.readytime {margin-bottom: .5em;} .checkout #CCEmailAddress {width: 275px; margin-top: .5em;} .checkout table tr#AddUser td {background: #ffc;} .checkout table tr#AddUser td .floatbox {display: block; float: left; width: 30%;} .checkout table tr#AddUser td .floatbox img {padding-top: 13px;} .checkout table tr#AddUser td input#FirstName, .checkout table tr#AddUser td input#LastName {width: 80px;} .checkout table tr#AddUser td.cancel {padding-top: 2em;} .checkout p.addnewuser, .checkout p.recentusers {margin-bottom: 1em; margin-top: 0;} .checkout p.addnewuser a {font-weight: bold; font-size: 14px; background: #ffc url(../images/consumer/icon_adduser.png) 0 50% no-repeat; padding-left: 20px;} .checkout p.recentusers a {font-weight: bold; font-size: 14px; background: #ffc url(../images/consumer/icon_recentusers.png) 0 50% no-repeat; padding-left: 20px;} .checkout .thirdbox {width: 180px; position: relative; padding: .5em 0 1em 0; float: left; display: block;} .checkout .thirdbox input {width: 150px; display: block; margin: .25em 0 0 0;} .checkout .thirdbox img.button {padding: 0; margin: 13px 0 0 0;} .checkout .thirdbox p.editname {padding: 0; margin: 18px 0 0 0;} .checkout .thirdbox p.editname a {font-weight: bold; font-size: 14px; background: url(../images/consumer/icon_editorder.png) 0 50% no-repeat; padding-left: 20px;} .checkout ul.allocation {list-style: none; padding-top: .25em;} .checkout ul.allocation li {float: left; width: 150px; padding: 0 0 .5em 0;} .checkout ul.allocation li input {margin: 0 .5em 0 0; border: 0; padding: 0; background: none; vertical-align: text-bottom; width: auto; float: left;} .checkout ul.allocation li label {text-align: left; display: block; padding: .25em 0;} .checkout ul.paymentmethod {list-style: none; margin: .5em 0 0 0;} .checkout ul.paymentmethod li {padding: .5em 0; border-bottom: 1px dotted #ddd;} .checkout ul.paymentmethod input {width: auto; margin: 0 .25em 0 0; border: 0;} .checkout ul.pcirequirements {margin: 0; display: block; padding: .5em 1em;} .checkout ul.pcirequirements li {font-size: 12px; display: block; font-weight: normal !important; display: block !important; line-height: 22px; background: url(../images/consumer/bullet.gif) 3px 50% no-repeat; padding-left: 12px;} .checkout .strengthindicator {display: inline; font-size: 11px; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; margin: 0 0 0 .5em; padding-left: 20px;} .checkout .weak {color: #c00; background: url(../images/icon_decline.gif) 0 50% no-repeat;} .checkout .strong {color: #090; background: url(../images/icon_accept.gif) 0 50% no-repeat; margin-left: -105px;} .checkout ul.Inputs {list-style: none; margin: .5em 0 0 0;} .checkout ul.Inputs li {padding: .25em 0;} .checkout ul.Inputs input {width: auto; margin: 0 .25em 0 0;} .checkout table.allocation tr td {border-top: none !important; } .checkout table.userallocation {margin-bottom: 0; clear: both;} .checkout table.userallocation thead tr th {padding: 0 .5em .25em .5em;} .checkout table.userallocation thead tr th.delete {text-align: center;} .checkout table.userallocation tr td {vertical-align: top;} .checkout table.userallocation tr td.username {font-weight: bold;} .checkout table.userallocation tr td.dividecostevenly img.button {margin: .5em 0; padding: 0;} .checkout table.userallocation tr td input {width: 80px;} .checkout table.userallocation tr td input.expensecode {width: 180px;} .checkout table.userallocation tr td.delete {text-align: center;} .checkout table.userallocation tr td img {padding-top: 4px;} .checkout table#allocationtable {width: 345px; float: right; margin: 0;} .checkout table#allocationtable colgroup col.infocol {width: 200px;} .checkout table#allocationtable colgroup col.inputcol {width: 145px;} .checkout table#allocationtable tr.top td {border-top: 0; padding-top: 0;} .checkout table#allocationtable tr td input {width: 80px; border: 0px !important;} #changePickupPerson input {width: 225px; display: block; margin: 0 0 .5em 0;} /*Step 4*/ /*MainColumn*/ .Corp .checkout {border: none; background: none; padding-left: 0; padding-right: 0;} .Corp .checkout table tr th, .Corp .checkout table tr td {padding-left: 0;} .Corp .whatnow h2 {color: #c90117;} .Corp .checkout input, .Corp .checkout select, .Corp .checkout textarea {border-color: #999;} .Corp .checkout textarea {width: 407px; max-width: 407px; color: #c90117;} .Corp .checkout h1 {color: #9cad0f; font-size: 23px;} .Corp .checkout p.personal {border: none; font-size: 14px; font-style: italic; text-align: center;} .Corp .checkout p.highlight {margin-top: 0; word-wrap: break-word;} .Corp .checkout table.allocation {border-bottom: 1px dotted #ccc; margin: 6px 0 10px;} .Corp .checkout table.allocation input {border: 0!important; background: none;} .Corp .checkout table.allocation tr td {padding: 6px 0 12px;} .Corp .checkout table.allocation label {font-size: 12px; font-weight: bold; margin-left: 5px;} .Corp .checkout input {vertical-align: text-top;} .Corp .checkout table tr th {font-size: 12px; font-weight: bold;} .Corp .checkout table tr td {border: none; font-size: 12px; vertical-align:top;} .Corp .checkout table tr td.dividecostevenly{padding-left:0;padding-right:0;} .Corp .checkout label {font-size: 12px;} .Corp .checkout table.userallocation tr td {vertical-align: top;} .Corp .checkout table.userallocation tr th {padding-left: 0;} .Corp .checkout table.userallocation tr.userrow td a.Recent {font-size: 11px;} .Corp .checkout table.userallocation tr#AddUser td .PrimaryLink {padding-top: 4px;} .Corp .checkout table#allocationtable {width: 434px; margin-left: 61px;} .Corp .checkout table#allocationtable colgroup col.infocol, .Corp .checkout table#allocationtable colgroup col.inputcol {width: 217px;} .Corp .checkout table#allocationtable tr td {vertical-align: top; padding: 10px 0 3px; line-height: 20px;} .Corp .checkout table#allocationtable tr.top td input {color: #555;} .WEBKIT .Corp .checkout table#allocationtable tr.top td input, .FIREFOX .Corp .checkout table#allocationtable tr.top td input {margin-left: -1px;} .Corp .checkout table#allocationtable tr.HighRow td {padding-bottom: 23px;} .Corp input#totalAllocated {background: none;} .Corp .checkout p.addnewuser, .Corp .checkout p.recentusers {padding: 8px 0 4px; border-top: 1px dotted #ccc; margin-bottom: 0;} .Corp .checkout p.addnewuser {} .Corp .checkout p.recentusers {border-bottom: 1px dotted #ccc;} .Corp .checkout p.addnewuser a, .Corp .checkout p.recentusers a {background: none; padding-left: 0; line-height: 20px;} .Corp .checkout .thirdbox {width: 177px;} .Corp .checkout .thirdbox p.editname {margin-top: 0; padding-top: 18px;} .Corp .checkout .thirdbox p.editname a {background: url(../img/corporate/icon-edit.gif) 0 50% no-repeat; padding-top: 3px; padding-bottom: 3px;} .Corp .checkout span#cell5 {float: left;} .Corp .checkout span#cell5 .button {margin-top: 12px;} .Corp .checkout textarea#AllocationComment {max-width: 620px;} .Corp ul.paymentmethod label {margin-left: 0;} .Corp ul.paymentmethod input {margin-right: 7px;} .Corp .checkout input.billingcheckbox {margin-top: 0;} .Corp .checkout #EditCreditCardInfo select {width: 148px;} .Corp .checkout #EditCreditCardInfo select option {padding-right: 0;} .Corp .checkout #EditCreditCardInfo input {width: 146px; vertical-align: baseline;} .Corp .checkout #EditCreditCardInfo #CCExpireMonth, .Corp .checkout #EditCreditCardInfo #CCEffectiveMonth {width: 88px;} .Corp .checkout #EditCreditCardInfo #displayCCExpireMonth, .Corp .checkout #EditCreditCardInfo #displayCCEffectiveMonth {width: 86px;} .Corp .checkout #EditCreditCardInfo #CCExpireYear, .Corp .checkout #EditCreditCardInfo #CCEffectiveYear {margin-left: 3px; width: 54px;} .Corp .checkout #EditCreditCardInfo #saveCreditCardInfo {border: none; width: auto;} .Corp .checkout #EditCreditCardInfo #SwitchCreditCardOptions select {vertical-align: bottom;} .Corp .checkout table.notetable colgroup col.notecol {width: 300px;} .Corp .checkout table.notetable colgroup col {width: auto;} .Corp .checkout table.notetable input {border: none; background: none;} .Corp .checkout table.notetable tr.EditEvent textarea {width: 100%; max-width: 285px;} .Corp .checkout table.notetable tr.EditEvent .PrimaryLink {width: 57px; float: right;} .Corp .checkout table.notetable tr.EditEvent .PrimaryLink.CancelLink {width: 70px;} .Corp .checkout table.notetable tr.EditEvent .PrimaryLink.CancelLink a {background-color: #eee; color: #399; border-color: #ddd;} .Corp .checkout table.notetable.NewNoteTable .PrimaryLink {width: 133px; float: right;} .Corp .checkout table.notetable.NewNoteTable .PrimaryLink a {padding-left: 16px; padding-right: 17px;} .Corp .checkout table.notetable tr td.icon {text-align: center;} .Corp .checkout table.notetable tr td.Private {text-align: center;} .Corp .checkout table tr#AddUser td .Horizontal {display: inline-block; width:30%; vertical-align: bottom;} .checkout p.note {color: #c90117;} /*MainColumn*/ /*Sidebar*/ .Corp #sidebar div.boxed textarea {max-width: 276px;} .Corp #sidebar div.boxed ul li.FirstRow {border-top: none;} #sidebar div.boxed table tr td.main, #sidebar div.boxed table tr th.main {padding-right: 0;} .Corp #sidebar div.boxed h5.primary {padding: 0; color: #555; border: none; font-size: 14px;} .Corp #sidebar div#OrderDeliveryInfo h3 {padding-top: 10px;} .Corp #sidebar div.boxed h3.orderdetails {padding: 20px 0 15px;} .Corp #sidebar div.boxed h3.orderdetails a {background: url(../img/corporate/icon-resume-new.gif) 0 50% no-repeat; padding-left: 25px; padding-top: 4px;} .Corp #sidebar div.boxed #EcoFriendly {margin-top: 6px; padding-bottom: 4px;} .Corp #sidebar div.boxed #EcoFriendly p.learnmore {color: #555; border-bottom: none; padding: 10px 0 0 25px; margin-bottom: 0; border-top: 1px dotted #ccc; background: url("../img/corporate/icon-eco.gif?") 0 30% no-repeat;} .Corp #sidebar div.boxed #EcoFriendly p.learnmore span {display: block; font-size: 12px; font-style: normal; text-transform: capitalize;} .Corp #sidebar div.boxed #EcoFriendly label {padding: 0; margin: 8px 70px 8px 5px; font-size: 11px;} .Corp #sidebar div.boxed #EcoFriendly label input {vertical-align: text-top;} .Corp #sidebar div.boxed #submit_order_div {text-align: left;} .Corp #AgreeToTerms {margin: 0 6px 10px 0; vertical-align: text-top; border: none;} .Corp #OrderDetailTable {padding-top: 0;} .Corp #sidebar div.boxed h5.options {border-top: none; padding-top: 0;} .Corp #sidebar div.boxed #OrderActions h3 {padding: 0; margin: 8px 0;} .Corp #sidebar div.boxed #OrderActions h3.addfave {padding-bottom: 0;} .Corp #sidebar div.boxed #OrderActions h3.addfave a {text-transform: capitalize;} .Corp #sidebar div.boxed #saveFavorite .PrimaryLink a {text-transform: capitalize;} .Corp #sidebar div.boxed #saveFavorite {border: none;} .Corp #sidebar div.boxed #saveFavorite input.radio {vertical-align: text-top;} .Corp #sidebar div.boxed #SaveFavoriteInput label {text-transform: capitalize;} .Corp #sidebar div.boxed #OrderActions h3.editorder a {background: url(../img/corporate/icon-edit.gif) 0 50% no-repeat;} .Corp #sidebar div.boxed h3 a {font-size: 12px;} .Corp #sidebar div.boxed #OrderDetails p.note, .Corp #sidebar div.boxed #OrderDetails p.note em {font-style: normal; font-weight: normal;} /*Sidebar*/ /*Step 4*/ /* =thanks */ .thanks {background: #f7f7f7; padding: 1em 1em 1.5em 1em; margin-bottom: 1em; color: #555; border: 1px solid #ddd;} .tweetthis {background: #f7f7f7 url(../images/consumer/twitter-bird.gif) 100% 100% no-repeat;} .thanks h1 {font-size: 16px; line-height: normal; margin-top: .5em;} .thanks h2 {color: #555; font-size: 16px; font-weight: bold; margin: 0 0 .25em 0; padding: 0 0 .125em 0; line-height: normal; border-bottom: 1px dotted #ddd;} .thanks h2.highlight {color: #c00;} .thanks img.tweet {float: right; margin: -15px 50px 10px 10px;} .thanks h3 {font-size: 14px; font-weight: normal; line-height: 1.4em; margin: 0;} .thanks p {padding: 0; margin: 0; text-align: left; font-size: 12px; color: #555; line-height: 150%;} .catering p {margin-bottom: 1em;} .thanks p.groupordermessage {margin: 1em 0 0 0;} .thanks p.contactinfo {margin: 1em 0; color: #c00;} .thanks p.ordersummary {margin: 1em 0 0 0;} .thanks p.ordersummary a {background: url(../images/consumer/icon_ordersummary.png) 0 50% no-repeat; padding: .25em 0 .25em 20px;} .thanks ul {margin: 1em 2em 0 2em;} .thanks ul li {font-size: 12px; line-height: 1.5em; margin: 0 0 .5em 0;} .thanks h4.left {margin-top: 1em;} .fourcol img.banner {margin-bottom: 1em;} .surveytime {background: #c00; padding: 1em 1em 1.5em 1em; margin-bottom: 1em; color: #fff; border: 1px solid #b00;} .surveytime h2 {color: #fff; font-size: 16px; font-weight: bold; margin: 0 0 .25em 0; padding: 0 0 .125em 0; line-height: normal; border-bottom: 1px dotted #ddd;} .surveytime p {padding: 0; margin: 0; text-align: left; font-size: 12px; color: #f1beba; line-height: 150%;} .surveytime ul {margin: .5em 1em 1em 2em;} .surveytime ul li {font-size: 14px; font-weight: bold; line-height: 1.5em; margin: 0 0 .5em 0;} .surveytime a {color: #fff !important; border-bottom: 1px dotted #f1beba;} .surveytime a:hover {border-bottom: 1px dotted #fff; text-decoration: none;} .freecoffee {background: #f7f7f7 url(../images/coffeecup_thanks.gif) 520px 45px no-repeat;} .freecoffee h2 {color: #c00;} .freecoffee p {margin-right: 110px;} .freecoffee ul {margin-right: 110px;} .freecoffeedays {margin: 0 0 10px 0;} .seamlesswebsunday {margin: 0 0 10px 0;} .tapproject {background: #cde8fe url(../images/Consumer/tap-project-background.jpg) 0 0 no-repeat; padding: 1em 1em 1em 1em; margin-bottom: 1em; color: #555; border: 1px solid #ddd;} .tapproject h2 {color: #555; font-size: 16px; font-weight: bold; margin: 0 0 .25em 0; padding: 0 0 .125em 0; line-height: normal; border-bottom: 1px dotted #ddd; width: 430px; } .tapproject p {padding: 0; margin: 0; text-align: left; font-size: 12px; color: #555; line-height: 140%; width: 430px;} .tapproject p.small { font-size: 10px; } .tapproject ul {margin: 1em 2em 0 2em; list-style: none !important;} .tapproject ul li {font-size: 12px; line-height: 1.5em; margin: 0 0 .5em 0; background: url(../images/Consumer/bullet.gif) 0 8px no-repeat; padding-left: 10px; } .tapproject ul li#last {padding-bottom: 5px;} object.flashad {display: block; border: 1px solid #ddd; margin: 0 0 1em 0;} .surveybox {background: #f7f7f7; padding: 1em 1em 1.5em 1em; margin-bottom: 1em; color: #555; border: 1px solid #ddd;} .surveybox h2 {color: #555; font-size: 16px; font-weight: bold; margin: 0 0 .25em 0; padding: 0 0 .125em 0; border-bottom: 1px dotted #ddd;} .surveybox h3 {font-size: 14px; font-weight: normal; line-height: 1.2em; margin: 1em 0 .25em 0;} .surveybox ul {list-style: none; margin: 0; padding: 0 1em;} .surveybox ul li {padding: .25em 0;} .surveybox label {font-size: 12px; line-height: 1.5em;} .surveybox label.freetext {font-size: 14px; margin: 1em 0 .25em 0; display: block;} .surveybox input {display: inline; margin: 0 .5em; line-height: 1.5em; font-size: 12px; vertical-align: text-bottom;} .surveybox input.textentry {margin-left: 0; display: block; padding: .25em 0; width: 250px; font-size: 12px;} .surveybox input.checkbox {border: 0; padding: 0;} .surveybox textarea {background: #fff; border-color: #559CD2; width: 38em; height: 4em; font-size: 12px;} .surveybox p {padding: 0; margin: 0; text-align: left; font-size: 12px; color: #555;} .surveybox h4.button {margin-top: .5em;} p.shareonfacebook {background: #ccddec; padding: 10px; margin: 0 0 10px 0; border: 1px solid #ddd; font-size: 14px; font-weight: bold;} p.shareonfacebook a {background: url(../images/consumer/icon_facebook.gif) 0 0 no-repeat; padding-left: 23px;} .whatnow {background: #ffc; padding: 1em 1em 1.5em 1em; margin-bottom: 1em; color: #555; border: 1px solid #ddd;} .whatnow h1 {font-size: 16px; line-height: normal; margin-top: .5em;} .whatnow h2 {color: #c00; font-size: 16px; font-weight: bold; margin: 0 0 .25em 0; padding: 0 0 .125em 0; line-height: normal; border-bottom: 1px dotted #cccca3;} .whatnow h3 {font-size: 14px; font-weight: normal; line-height: 1.2em; margin: 0 0 1em 0;} .whatnow ol {margin: .5em 2em 1em 2em; font-size: 14px; line-height: 1.2em;} .whatnow ol li {margin: 0 0 .5em 0;} .whatnow ol.expanded li {font-weight: bold;} .whatnow ol li ul {margin: .5em 0 .5em 1.5em; font-size: 11px} .whatnow ol li ul li, .whatnow ol.expanded li ul li {margin: 0 0 .5em 0; line-height: 1.5em; font-weight: normal;} .whatnow #pickupMap {margin: 1em 0; border: 1px solid #cccca3; width: 600px; height: 370px;} .whatnow p {margin: 0; line-height: 1.5em;} .whatnow p a {font-weight: bold;} .whatnow p.hide a {background: url(../images/consumer/grey_arrow_up.gif) 0 50% no-repeat; padding-left: 12px;} .whatnow p.show a {background: url(../images/consumer/grey_arrow_down.gif) 0 50% no-repeat; padding-left: 12px;} .whatnow p.alert {margin-top: .5em; font-size: 14px; line-height: 150%;} .whatnow .IDreminder {background: url(../images/consumer/icon_id.gif) 0 1px no-repeat; padding-left: 53px;} .whatnow .IDreminder h3 {color: #c00; margin: 0;} .whatnow br.clear {clear: both; line-height: 0; display: block;} .Corp .WhatNow {color: #555555; margin-bottom: 1em; padding: 0 1em 1.5em 0; } .Corp .WhatNow h1 {font-size: 18px; color: #333;} .Corp .WhatNow h2 {border: 0 none; font: 800 20px "museo-slab-1","museo-slab-2"; color: #c90117; margin-bottom: 0;} .Corp .WhatNow #pickupMap{width: 620px; height: 320px; border: 1px solid #DDD;} .Corp .WhatNow ol {font-size: 14px; line-height: 1.2em; margin: 0 0 1em;} .Corp .WhatNow ol li {margin: 25px 1.5em;} .Corp .WhatNow h3 {font-weight: normal; margin-bottom: 25px;} .Corp .IDreminder {background: url(../img/corporate/icon_id.gif) 0 50% no-repeat; padding-left: 53px; color: #C90117; font: bold 14px/28px "museo-slab-1","museo-slab-2"; margin-bottom: 10px;} .Corp .IDreminder h3 {font: inherit;} #verisign {text-align: center; margin: 0 auto;} #verisign p {font-size: 11px; margin: .5em 0;} #networkSolutions {text-align: center; margin: 0 auto;} #networkSolutions p {font-size: 11px; margin: .5em 0;} .Corp #verisign {width: 130px;float: right;} /* For personal ordering box on thank you page */ #Activatefood-delivery {clear: both; margin-top: 1em; background: #fae9e7; color: #333; border: 1px solid #f3c8c5; padding: 5px 10px; text-align: left;} #Activatefood-delivery #food-delivery {margin: 10px 0;} #Activatefood-delivery #food-delivery h1 {color: #c00; font-size: 16px; font-weight: bold; margin: 0 0 .5em 0; padding: 0 0 .125em 0; line-height: normal; border-bottom: 1px dotted #f3c8c5;} #Activatefood-delivery #food-delivery h2 {font-size: 14px; margin: 0 0 .25em 0; color: #c00;} #Activatefood-delivery #food-delivery h3 {font-size: 12px; margin: 1em 0 0 0; text-align: left;} #Activatefood-delivery #food-delivery h4 {font-size: 11px; margin: 1em 0 0 0; text-align: left;} #Activatefood-delivery #food-delivery p {font-size: 11px; line-height: 140%; margin-bottom: 1em;} #Activatefood-delivery #food-delivery #rightbox {padding: 0 10px; float: right; margin-left: 20px; width: 50%;} #Activatefood-delivery #food-delivery fieldset {border: 0; margin: 0; padding: 0;} #Activatefood-delivery #food-delivery fieldset input {margin: 0 0 .5em 0; font-size: 11px;} #Activatefood-delivery #food-delivery #PersonalEmail, #Activatefood-delivery #food-delivery #Password, #Activatefood-delivery #food-delivery #street {width: 180px;} #Activatefood-delivery #food-delivery fieldset input.submitbutton {background: #339; color: #fff; font-size: 14px; border: 1px outset #339; padding: 3px 25px; cursor: pointer; font-weight: bold; margin: 1em 0;} #Activatefood-delivery #food-delivery fieldset input.submitbutton:hover {background: #339; border: 1px inset #00f;} #Activatefood-delivery #food-delivery fieldset label {font-size: 11px;} .ThankYouPage #sidebar {margin-top: 25px;} .ThankYouPage #sidebar h5{margin-bottom: 10px;} /* Email capture box on corporate thank you page */ #email-capture { clear: both; position: relative; color: #333; border: none;} #email-capture form { padding: 0 15px 0 40px !important; position: absolute; left: 0; bottom: 5px;} .IE7 #email-capture form { height: 50px; } #email-capture input {border: 1px solid #559CD2; font-family: Arial, sans-serif; font-size: 12px; color: #555; margin: .25em 0; padding: .35em 0; -moz-box-shadow: inset 0 5px 10px rgba(0,0,0,.05); -webkit-box-shadow: inset 0 5px 10px rgba(0,0,0,.05);} #email-capture input:focus, #email-capture textarea:focus {-moz-box-shadow: 0 0 5px rgba(85,156,210,0.5) !important; -webkit-box-shadow: 0 0 5px rgba(85,156,210,0.5) !important;} #email-capture input {position: relative; display: block; float: left; padding: .35em 0 .35em 5px; font-size: 11px; color: #999;} #email-capture input:focus {color: #555;} #email-capture .email {width: 250px; margin: 13px 10px 13px 0;} #email-capture .zipcode {width: 105px; margin: 13px 0 13px 0;} #email-capture p.confirmed { background: url(../images/Consumer/Checkmark.png) top left no-repeat; font-size: 13px; font-style: italic; color: #090; padding: 187px 5px 0 40px; font-weight: bold;} #email-capture input#subscribe { position: relative; display: block; float: left; color: #fff !important; font-weight: bold; cursor: pointer; font-size: 12px !important; letter-spacing: 0; margin: 13px 0 1em 10px !important; width: 155px; height: 24px !important; padding: .2em 1em .75em .75em !important; background: #339 url(../images/button-overlay.png) 50% 50% repeat-x; text-align: center; border: 1px solid #212186; } #email-capture input#subscribe:hover { background: #228 url(../images/button-overlay.png) 50% 50% repeat-x; } #email-capture .success { background: url(../img/icon-success.png) 30px center no-repeat; font-style: italic; font-size: 14px; padding: 5px 70px 5px 70px; line-height: 1.2em; word-spacing: 1px; position: absolute; bottom:10px; } #email-capture .progressOverlay { position: absolute; top: 0; left: 0; bottom: 0; background: #777 url('../img/loading.gif') center center no-repeat; opacity: 0.7; filter: alpha(opacity = 70); width: 100%;} .Corp .ThanksForOrder h2.highlight {font: bold 20px "museo-slab-1","museo-slab-2"; padding-bottom: 13px; margin-bottom: 16px; } .Corp .ThanksForOrder h3 {padding-bottom: 12px;} .Corp .SubmitEmail {display: inline-block; float:left; margin: 15px;} .Corp .thanks {background: transparent; margin-bottom:25px;} .Corp .ThanksForOrder {background: #FCE2A2 url('../img/corporate/thanks-for-order-bg.png?') repeat-x;} .Corp #MarketingBanner {width: 620px;padding-bottom: 7px;margin-bottom: 25px;} .Corp #email-capture input {border-color: #999; } .Corp #email-capture .textbox {width: 175px;} .Corp .CommentsEmailLink, .Corp .ordersummary, .Corp .AnotherOrderLink {padding-left: 25px; background-repeat: no-repeat; background-position: 0 50%;} .Corp .CommentsEmailLink {background-image: url('../img/corporate/envelope.png'); } .Corp .ordersummary {background-image: url('../img/corporate/receipt.png'); display: inline-block; margin: 10px 0;} .Corp .AnotherOrderLink {background-image: url('../img/corporate/place-another-order.png'); } /* =sidebar */ #sidebar {line-height: 1.4em; color: #555;} #sidebar img.arrow {margin: 1em auto .5em auto; text-align: center;} #sidebar div.boxed {background: #f7f7f7; border: 1px solid #ddd; margin: 0 0 1em 0; padding: 10px 10px 15px 10px; position: relative; z-index: 2;} #sidebar h5 {color: #c00; font-size: 14px; font-weight: bold; margin: 0; padding: 0 0 .5em 0; display: block; line-height: normal; text-transform: capitalize;} #sidebar div.popular {background: #ffc;} #sidebar div.popular h5 {background: url(../images/consumer/icon_popular2.gif) 0 0 no-repeat; padding-left: 22px;} #sidebar div.liked {background: #ffecda;} .orderInfo { background: url(../images/consumer/step2.png) 0 -1687px no-repeat; width: 16px; height: 16px; position:absolute; } #sidebar div.boxed h5.order { padding-left: 22px;} .favInfo { background: url(../images/consumer/step2.png) 0 -1555px no-repeat; width: 16px; height: 16px; position:absolute; } #sidebar div.boxed h5.faves {padding-left: 22px;} #sidebar div.boxed h5.recommended {background: url(../images/consumer/icon_recommended.png) 0 0 no-repeat; padding-left: 22px;} #sidebar div.boxed h5.rushorder {background: url(../images/consumer/icon_lightning.png) 0 0 no-repeat; padding-left: 22px;} #sidebar div.boxed h5.lastorder {background: url(../images/consumer/icon_lastorder.png) 0 0 no-repeat; padding-left: 22px;} .recentInfo { background: url(../images/consumer/step2.png) 0 -1753px no-repeat; width: 16px; height: 16px; position:absolute; } #sidebar div.boxed h5.recent {padding-left: 22px;} #sidebar div.boxed h5.updates {background: url(../images/consumer/icon_email.png) 0 0 no-repeat; padding-left: 22px;} #sidebar div.closed {padding: 5px 10px;} #sidebar div.closed h5 {margin: 0; padding: 0;} #sidebar div.boxed h5 a {margin-top: -5px; background: #f7f7f7 url(../images/consumer/menu_collapse.gif) 99% 50% no-repeat; display: block; padding: .25em 0; text-decoration: none; font-size: 12px; width:100%;} #sidebar div.closed h5 a {margin-top: 0; background: #f7f7f7 url(../images/consumer/menu_expand.gif) 99% 50% no-repeat; display: block; padding: .25em 0; text-decoration: none; font-size: 12px; width:100%;} #sidebar div.boxed h5 span a {font-size: 10px; display: inline; background: #f7f7f7; font-weight: normal; font-style: italic; padding-left: .5em; cursor: help;} #sidebar div.liked h5 span a {font-size: 10px; display: inline; background: #ffecda; font-weight: normal; font-style: italic; padding-left: .5em; cursor: help;} #sidebar div.boxed h5.divider {margin-top: 1em; padding-top: .5em; border-top: 1px dotted #ddd;} /*boxes in sidebar */ #sidebar div.boxed #Friend_Email_List {margin: .5em 0; width: 95%; height: 6em; border: 1px solid #559CD2; font-family: Arial, sans-serif; font-size: 12px; color: #555;} #sidebar div.boxed input#Friend1_Name, #sidebar div.boxed input#Friend1_Email { padding: .35em 0 .35em 5px; font-size: 11px; color: #999; width: 97%; } #sidebar div.boxed p {line-height: 1.4em;} #sidebar div.boxed table {width: 100%;} #sidebar div.boxed table colgroup col.maincol {width: 85%;} #sidebar div.boxed table colgroup col.sidecol {width: 15%;} #sidebar div.boxed table colgroup col.itemdescriptioncol {width: 50%;} #sidebar div.boxed table colgroup col.pricecol {width: 50%;} #sidebar div.boxed table tr td {font-size: 11px; padding: .5em 0; border-top: 1px dotted #ccc; text-align: right;} #sidebar div.boxed table tr.noline td {border-top: 0; padding: 0 0 .5em 0;} #sidebar div.boxed table tr.subtotal td {font-size: 14px; font-weight: bold; color: #c00; padding-bottom: 10px;} #sidebar div.boxed table tr td.main, #sidebar div.boxed table tr th.main {text-align: left; padding-right: .5em;} #sidebar div.boxed table tr td.rate, #sidebar div.boxed table tr th.rate {text-align: right;} #sidebar div.boxed table tr td.main a {font-weight: bold;} #sidebar div.boxed table tr td.keytext {text-align: left; padding-left: 1em;} #sidebar div.boxed table tr td.promotion {background: #f7f7f7; padding: .5em; text-align: center;} #sidebar div.boxed table tr td.promotion label, .content table tr td.promotion input {font-size: 1em; display: inline; margin: 0;} #sidebar div.boxed table tr td.promotion input {width: 6em; margin: 0 .5em;} #sidebar div.boxed table tr td.promotion a {border: 1px outset #D3E2B4; padding: .125em .5em; background: #f7f7f7;} #sidebar div.boxed table tr td.promotion a:hover {background: #DDDFC6; border: 1px inset #D3E2B4;} #sidebar div.boxed table tr td select {width: 100%; margin: .25em 0 .5em 0; font-size: 12px;} #sidebar div.boxed table tr td select#tipAmount {font-size: 11px; width: 6em; margin: 0;} #sidebar div.boxed table tr td input.small {width: 40%; margin: .5em .5em 0 0; display: block; float: left;} #sidebar div.boxed table tr td input.enterstreet {width: 235px;} #sidebar div.boxed table tr td .floatbox {width: 40%; float: left; padding: 10px 10px 0 0;} #sidebar div.boxed table tr td .floatbox input {width: 110px;} #sidebar div.boxed table tr td img.button {clear: left; margin: 1em .5em 0 0; display: inline;} #sidebar div.boxed table tr td a.newaddress {background: url(../images/consumer/step2.png) 0 -1231px no-repeat; padding: 0 0 1em 16px; font-weight: normal; font-size: 12px;} #sidebar div.boxed table tr#addressEdit td input#street {width: 235px; display: block;} #sidebar div.boxed table#deliveryoptions tr td select#addressId, #sidebar div.boxed table#deliveryoptions tr td select#time, #sidebar div.boxed table#deliveryoptions tr td select#deliveryDate, #sidebar div.boxed table#deliveryoptions tr td select#deliveryMethod, #sidebar div.boxed table#deliveryoptions tr td select#deliveryType {width: 235px; display: block;} #sidebar div.boxed table.favoritetable tr.closed td {color: #999;} #sidebar div.boxed table.favoritetable tr td strong, #sidebar div.boxed table.favoritetable tr td a {font-size: 12px;} #sidebar div.boxed table.favoritetable tr:hover {background: #ffc;} #sidebar div.note {background: #ffa; border: 1px solid #ddd; margin: 38px 0 1em 20px; padding: 10px 10px 0 10px; position: relative; z-index: 2;} #sidebar div.note p {line-height: 150%;} #sidebar div.note ul {padding: 0; margin: 0 0 0 8px; font-size: 12px; list-style: none;} #sidebar div.note ul li {font-weight: normal; line-height: 140%; border: 0; background: url(../images/consumer/bullet.gif) .35em .45em no-repeat; padding-left: 1em; margin: 0 0 1em 0;} #sidebar div.liked table {margin: 0 0 1em 0; border-bottom: 1px dotted #ccc;} #sidebar div.liked p {border-top: 1px dotted #ccc; padding-top: .5em; font-style: italic;} #sidebar div.liked p.helplink {margin: 0; border: 0; padding: 0;} .ThankYouPage #sidebar div.boxed p {line-height: 20px; margin-bottom: 17px;} .ThankYouPage #Friend1_Email {margin: 10px 0;} /* step 2 featured vendors */ #morefeaturedvendors {padding: 0; background: #fff; border: 1px solid #ddd; margin-bottom: 1em; text-align: center;} #morefeaturedvendors h4 {font-size: 11px; background: #f7f7f7; font-weight: normal; padding: .5em; letter-spacing: 1px; text-transform: uppercase; color: #999;} #morefeaturedvendors table {width: 100%; font-size: 1em;} #morefeaturedvendors table tr td {vertical-align: top; text-align: center; padding: 10px; border-top: 1px dotted #ddd;} #morefeaturedvendors table h3 {margin: .5em 6px .25em 6px;} #morefeaturedvendors table img.photo {border: 1px solid #ddd;} #morefeaturedvendors table p {font-size: 11px; margin: 0 6px;} #sidebar #emailsignup p.rss {border-top: 1px dotted #ccc; padding-top: .5em;} #sidebar #emailsignup p.rss a {background: url(../images/consumer/icon_feed.gif) 0 50% no-repeat; padding: 3px 0 3px 22px;} #sidebar #emailsignup input {margin-top: .25em;} #sidebar div.boxed p.emptyorder {border-bottom: 1px dotted #ccc; padding: .25em 1em 1em 1em; line-height: 140%; margin: 0 0 .5em 0; font-size: 14px !important; text-align: center; color: #999; font-style: italic;} #sidebar div.boxed p.ordermore {border-bottom: 1px dotted #ccc; border-top: 1px dotted #ccc; color: #777; font-size: 14px !important; font-style: italic; line-height: 140%; margin:0 0 0.5em; padding: 1em; text-align: center;} #sidebar #rewardstext {color: #999; font-style: italic; padding: .25em 0 0 0;} #sidebar #rewardstext p {margin: 0 0 .25em 0;} #sidebar #rewardstext ul {padding: 0; margin: 0 0 0 10px;} #sidebar #rewardstext ul li {font-size: 14px; font-weight: bold; line-height: 140%; border: 0; padding: 0;} #sidebar #rewardstext ul li.sw {color: #dda100; font-style: italic;} #sidebar #rewardstext ul li.vendor {color: #518406; font-style: italic;} #sidebar #rewardstext ul li.inactive {color: #999;} #ajaxLoading {position: relative; z-index: 200; width: 268px; text-align: center; padding: 10px; margin-top: -50px; background: #f7f7f7; color: #777; font-style: italic;} #ajaxLoading p {margin: .5em 0 0 0;} #sidebar input.billingcheckbox {width: auto; margin: .5em .25em 0 0; border: 0; padding: 0; background: none;} #sidebar div.boxed p.terms {margin: 1em 0 0 0; font-size: 11px; font-style: italic;} /* promo code box*/ .promo .content input {width: 8em; margin: 0 .5em .5em 0;} .promo .content img.button {display: inline; margin: 0;} #promocodeon input {margin: 0 5px 0 0;} #promocodeon img.button {display: inline; vertical-align: bottom; padding: 0; margin: 0;} /* daily specials email sign up*/ #emailsignupon input {margin: 0 0 .75em 0; font-size: 12px; color: #555; width: 225px;} #emailsignupon img.button {display: block; vertical-align: bottom; padding: 0; margin: 0;} #sidebar div.boxed ul {list-style: none;} #sidebar div.boxed ol {list-style-position: inside;} #sidebar div.boxed ul li {font-size: 11px; padding: .5em 0; border-top: 1px dotted #ccc;} #sidebar div.boxed ul li.review a {background: url(../images/consumer/icon_star.gif) 0 0 no-repeat; padding: .125em 0 .125em 22px; font-size: 12px;} #sidebar div.boxed ul li.addfave a {background: url(../images/consumer/icon_addfave.gif) 0 0 no-repeat; padding: .125em 0 .125em 22px; font-size: 12px;} #sidebar div.boxed ul li.addfave #saveFavorite input {margin: .5em 0 .5em 22px;} #sidebar div.boxed ul li.addfave #saveFavorite input.hidden {margin: 0; display: none; visibility: hidden;} #sidebar div.boxed ul li.addfave #saveFavorite img.button {margin: 0 0 .5em 22px;} #sidebar div.boxed ul li.addfave #saveFavorite p {font-size: .8em !important; margin: 0 0 0 22px;} #sidebar div.boxed ul li.addfave #saveFavorite a {background-image: none; padding: 0;} #sidebar div.boxed ul li.reorder a {background: url(../images/consumer/icon_order.gif) 0 0 no-repeat; padding: .125em 0 .125em 22px; font-size: 12px;} #sidebar div.boxed ol li {font-size: 12px; padding: .5em 0; border-top: 1px dotted #ccc;} #sidebar div.boxed ol li a {font-weight: bold;} #sidebar div.boxed ol li:hover, .content ul li:hover {background: #ffc;} #sidebar div.boxed p.favoritenote {margin: 0 0 .25em 0;} #sidebar div.boxed p.nofaves {margin: 0; border-top: 1px dotted #ccc; padding-top: .5em; } #sidebar div.boxed p.allfaves {border-top: 1px dotted #ccc; padding-top: .5em; margin: 0; font-weight: bold;} #sidebar div.boxed p.allfaves a {font-size: 11px;} #sidebar div.boxed ul.recentfaves li {font-size: 11px; padding: .5em; border-top: 1px dotted #ccc; background: url(../images/consumer/step2.png) 0 -720px no-repeat; padding-left: 1em;} #sidebar div.boxed ul.recentfaves li:hover {background: #ffa url(../images/consumer/bullet.gif) .35em .9em no-repeat;} #sidebar div.boxed ul.recentfaves li img {padding-left: .25em; display: inline !important; vertical-align: top;} #sidebar div.boxed h5.primary {padding: .5em 0 0 0; color: #555;} #sidebar div.boxed table tr td.main label {font-size: 11px;} #sidebar div.boxed #saveFavorite2 input {margin: .5em 0 .5em 22px;} #sidebar div.boxed #saveFavorite2 img.button {margin: 0 0 .5em 22px;} #sidebar div.boxed #saveFavorite2 p {font-size: 11px !important; margin: 0 0 .5em 22px;} #sidebar div.boxed #saveFavorite2 a {background-image: none;} #sidebar div.boxed #termscheckbox {display: block; padding: 1em 0; border-top: 1px dotted #ccc; text-align: left;} #sidebar div.boxed #termscheckbox p {font-size: 11px; font-style: italic; margin: 0;} #sidebar div.boxed #termscheckbox label {text-align: left; display: block; padding: 0;} #sidebar div.boxed #termscheckbox input {margin: 0 .25em 0 0; border: 0; padding: 0; background: none; vertical-align: text-bottom;} #sidebar div.boxed #checkboxarea {display: block; padding: 1em 0; border-top: 1px dotted #ccc; text-align: left;} #sidebar div.boxed #checkboxarea label {text-align: left; display: block; padding: 0;} #sidebar div.boxed #checkboxarea input {margin: 0 .25em 0 0; border: 0; padding: 0; background: none; vertical-align: text-bottom;} #sidebar div.boxed #SaveFavoriteInput {text-align: left;} #sidebar div.boxed #SaveFavoriteInput input {font-size: 11px; margin-bottom: 1em;} /*#sidebar div.boxed #EcoFriendly {background: url(../images/ecotogo_checkout.gif) 0 0 no-repeat; margin-top: 1em; padding-bottom: 1em;}*/ #sidebar div.boxed #EcoFriendly {margin-top: 1em; padding-bottom: 1em;} #sidebar div.boxed #EcoFriendly p.learnmore {margin-bottom: .5em; border-bottom: 1px dotted #ccc; font-weight: bold; color: #090;} #sidebar div.boxed #EcoFriendly p.learnmore span {font-size: 10px; font-style: italic; font-weight: normal;} #sidebar div.boxed #EcoFriendly label {text-align: left; display: block; padding: .25em 0;} #sidebar div.boxed #v label.break {border-top: 1px dotted #ccc; margin-top: .5em; padding-top: .75em;} #sidebar div.boxed #EcoFriendly label input {margin: 0 .5em 0 0; border: 0; padding: 0; background: none; vertical-align: text-bottom;} #sidebar div.boxed #EcoFriendly p.nogo {text-align: left; color: #999; font-style: italic; margin: 0;} #sidebar div.boxed #submit_order_div , #sidebar div.boxed #submit_order_div_bottom {text-align: center;} #sidebar div.boxed #submit_order_div p, #sidebar div.boxed #submit_order_div_bottom p {margin-top: 1em; padding-top: 36px; background: url(../images/consumer/ajaxIndicator.gif) 50% 0 no-repeat; text-align: center;} #sidebar div.boxed img.checkoutbutton {margin: 1em auto 0 auto; display: block;} #sidebar div.boxed h3 {border-top: 1px dotted #ccc; padding-top: .5em; line-height: 1.6em;} #sidebar div.boxed h3.startover {border: 0; padding-top: .25em;} #sidebar div.boxed h3.startover a {background: url(../images/consumer/icon_startover.png) 0 50% no-repeat; padding: .25em 0 .25em 22px;} #sidebar div.boxed h3.editorder a {background: url(../images/consumer/icon_editorder.png) 0 50% no-repeat; padding: .25em 0 .25em 22px;} #sidebar div.boxed h3.addfave a {background: url(../images/consumer/icon_addfave.gif) 0 50% no-repeat; padding: .25em 0 .25em 22px;} #sidebar div.boxed h3.orderdetails a {background: url(../images/consumer/icon_ordersummary.png) 0 50% no-repeat; padding: .25em 0 .25em 22px;} #sidebar div.boxed h3.cancel {margin-top: 1em; font-weight: normal;} #sidebar div.boxed h3.switch {border-top: 0; font-size: 14px;} #sidebar div.boxed p.import a {font-weight: bold; display: block; background: url(../images/consumer/icon_import.gif) 0 50% no-repeat; padding: 0 0 0 18px;} #sidebar div.boxed #FloorRoom, #sidebar div.boxed #phoneNumber, #sidebar div.boxed #secondContact {font-size: 11px;} #sidebar div.boxed #DeliveryComment {width: 100%; font-size: 11px;} .Corp #sidebar div.boxed {background: #fff;} .Corp #sidebar div.boxed #DeliveryComment {width: 70%; max-width: 270px;} .Corp #sidebar div.boxed p.nofaves {border: none;} /* order details */ #sidebar div.boxed h5.options {margin: 1em 0 .5em 0; padding-top: 1em; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; color: #555;} #OrderDetailTable {padding-top: 2em;} #sidebar div.boxed #OrderDetails {margin-bottom: 1em;} #sidebar div.boxed #OrderDetails h3, #sidebar div.boxed #OrderActions h3 {color: #c00; font-size: 14px; font-weight: bold; margin: 0; padding: 0 0 .5em 0; display:block; line-height: 1.4em; border: 0;} #sidebar div.boxed #OrderDetails ul {list-style: none; margin-bottom: 1.5em;} #sidebar div.boxed #OrderDetails ul li {font-weight: bold; line-height: 1.4em;} #sidebar div.boxed #OrderDetails ul li:hover {background-color: #f7f7f7;} #sidebar div.boxed #OrderDetails ul li span {float: right; font-weight: normal; padding: 0 0 1em 1em;} #sidebar div.boxed #OrderDetails ul li ul {margin-left: .8em; margin-bottom: 0;} #sidebar div.boxed #OrderDetails ul li ul li {font-weight: normal; padding: 0 0 0 1em; font-size: 10px; border: 0; background: url(../images/consumer/bullet_plus.gif) 0 .4em no-repeat;} #sidebar div.boxed #OrderDetails ul li ul li.editdelete {padding: .5em 0 0 0; background-image: none;} #sidebar div.boxed #OrderDetails ul li.itemprice {float: right; padding-left: 1em; font-weight: normal; font-size: 11px;} #sidebar div.boxed td.editdeliveryinfo {text-align: left;} #sidebar div.boxed #OrderDetails p.note, #sidebar div.boxed #OrderActions p.note {margin: 1em 0 0 0; font-style: italic;} #sidebar div#Orderinfobox #customerservice {padding-top: 30px;} #sidebar .skyscraperad {background: #f7f7f7; text-align: center; margin-bottom: 1em;} #sidebar .skyscraperad img {border: 1px solid #e7e7e7;} .shout {margin: 0; padding: 5px 10px 15px 10px; display: block; text-align: center; background: #fff; position: relative; z-index: 2;} .corporate {background: #fff url(../images/consumer/corporate.gif) top center no-repeat; padding-top: 42px;} .shout h3 {font-size: 14px; line-height: normal; margin: 0 0 .25em 0;} .shout h3.officehero {margin: 0; font-size: 1.8em; color: #c00;} .shout img {border-bottom: 1px solid #e7e7e7; margin: 0 auto .25em auto;} .shout img.jobs {border: 0;} .shout p {font-size: 12px; line-height: 1.4em; margin: 0;} .points {background: #fff url(../images/consumer/points_arrow.gif) top center no-repeat; padding-top: 55px;} .points h3 {color: #dda100;} .vendorpoints {background: #fff url(../images/consumer/points_arrow_vendor.gif) bottom center no-repeat; border-top: 1px dotted #ddd; padding-top: 1em; padding-bottom: 55px; margin-bottom: 1em;} .vendorpoints h3 {color: #518406;} #sidebar #progressholder.vendor {margin-bottom: 1em;} #sidebar #progressholder.vendor span {padding-top: .5em;} /* Featured vendors in side column */ #sidebar .featured {margin: 0 0 1em 0; padding: 5px 0 10px 0;} #sidebar .featured h5 {margin-left: 10px;} #sidebar .featured .right {padding: 0;} #sidebar .featured .onecol {} #sidebar .featured .onecol a img {margin: .5em 0 .25em 10px; padding: 3px; background: #fff; border: 1px solid #ddd;} #sidebar .featured .onecol a:hover img {background: #ffc; border: 1px solid #aaa;} #sidebar .featured .onecol p {font-size: 11px; line-height: normal; font-weight: normal; margin: 0 5px 5px 10px; padding: 0; width: 150px; color: #999;} #sidebar .featured .onecol p a {font-weight: bold;} #sidebar .featured p.showmore {clear: both; font-size: 11px; padding-top: .5em; margin-left: 10px; border-top: 1px dotted #ddd;} /* fixed 'next' button for step 3 */ #sidebar #fixednextstep {position: fixed; bottom: 400px; padding: 40px 0 0 10px; z-index: 1; width: 300px;} #sidebar #fixednextstep p {margin: 0; line-height: 1.5em; color: #777;} #sidebar #fixednextstep p.success {color: #555; font-size: 14px; font-weight: bold; background: url(../images/consumer/icon_check.gif) 0 50% no-repeat; padding-left: 22px;} #sidebar #fixednextstep p.subtotal {color: #c00; font-weight: bold; font-size: 12px;} #sidebar #fixednextstep p.subtotal span, #sidebar #fixednextstep p.success span {color: #777; font-size: 11px; font-style: italic; font-weight: normal;} #sidebar #fixednextstep h4.button {display: block; margin: 0;} /* expandable save favorite area */ #sidebar #saveFavorite {border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; padding-bottom: .5em;} #sidebar #saveFavorite label, #sidebar #saveFavorite p {display: block; margin: 1em 0 .25em 0; padding: 0;} #sidebar #saveFavorite input, #sidebar #saveFavorite select, #sidebar #saveFavorite textarea {display: block; font-size: 11px; width: 150px;}#sidebar #saveFavorite label.radio {margin: 0; vertical-align: middle;} #sidebar #saveFavorite label.radio {margin: 0; vertical-align: middle;} #sidebar #saveFavorite input.radio {display: inline; width: auto; border: 0;} #sidebar #send_discount {padding: 0;} /* -auxbox - order history, favorites, my account, help, etc */ .auxtabs {margin-right: 10px;} .auxbox {padding: 1em 0 1.5em 0;} .auxbox h2 {font-weight: bold; color: #c00; margin: .5em 0 .25em 0; padding-bottom: .125em; border-bottom: 1px dotted #ddd; text-transform: capitalize;} .auxbox h2.error {padding: .5em 1em; border: 1px solid #c00; background: #ffc;} .auxbox h3 {font-size: 14px; font-weight: bold; margin: 2em 0 .5em 0; padding-bottom: .5em; border-bottom: 1px dotted #ddd; clear: both !important;} .auxbox h3.first {margin-top: 0;} .auxbox .messaging {background: #ffc; padding: 1em 1em 0 1em; margin: -.35em 0 0 0; border: 1px solid #ddd;} .auxbox .messaging h3 {margin-top: 0; font-size: 14px; border-color: #cc9;} .auxbox .messaging h4 {font-size: 14px; font-weight: bold; margin: 0 0 .25em 0;} .auxbox .messaging p.videolink {font-size: 16px; font-weight: normal !important; font-style: italic;} .auxbox .cellphone {background: #ffc url(../images/consumer/cellphone_small.gif) 0 2em no-repeat; padding: 2em 3em 1em 160px;} .auxbox .tiny {background: #ffc url(../images/consumer/cellphone_tiny.gif) 0 0 no-repeat;} .auxbox .cellphone input {width: 225px; display: block;} .auxbox .confirmed {background: #ffc url(../images/consumer/cellphone_small.gif) 0 2em no-repeat; padding: 2em 3em 1em 160px;} .auxbox .messaging p a {font-weight: bold;} .auxbox .messaging p.editphone a {background: url(../images/consumer/icon_editorder.png) 0 50% no-repeat; padding: .25em 0 .25em 20px;} .auxbox p.ecofriendly {margin-bottom: .5em; font-weight: bold; color: #090;} .auxbox p.ecofriendly span {font-size: 10px; font-weight: normal; font-style: italic;} .auxbox p.publishtofacebook {margin: 0 0 .5em 0; font-weight: bold; color: #009;} .auxbox .fieldbox #FacebookPublishAnswer {width: 10em;} .auxbox .fieldbox {width: 20%; float: left;} .auxbox .addressbox {width: 42%; clear: left;} .auxbox .fieldbox img.button {margin-top: 1.6em;} .auxbox label {display: block; color: #555; margin: 0 0 .25em 0;} .auxbox label.break {border-top: 1px dotted #ddd; padding-top: .5em;} .auxbox span.new {color: #c00; font-weight: bold;} .auxbox input, .auxbox select, .auxbox textarea {width: 90%; margin: 0 0 1em 0; padding: 0; font-size: 12px; padding: .25em 0;} .auxbox input.security, .auxbox select.security {width: 330px;} .auxbox label img {margin: 0; padding: 0; vertical-align: bottom;} .auxbox p {margin: 0 0 1em 0; font-size: 12px; line-height: 150%;} .auxbox p.note {margin: .25em 0 1em 0; font-style: italic; color: #777; font-size: 11px;} .auxbox table {width: 100%; margin: 1em 0 0 0; color: #555; clear: both; border-top: 1px dotted #ccc} .auxbox table thead tr th {padding: .5em 0 .3em 0; font-size: 11px; font-weight: normal; color: #555; border-bottom: 1px dotted #ccc;} .auxbox table tbody tr {background: #fff;} .auxbox table tbody tr.even {background: #f7f7f7;} .orderhistory tbody tr.firm {background: #fae9e7 !important;} .orderhistory tbody tr.firm td {border-bottom: 1px solid #f3c8c5;} .auxbox table tbody tr:hover {background: #ffc;} .auxbox table tbody tr td {padding: .8em 0; text-align: center; border-bottom: 1px solid #E8E8DD; border-top: 1px solid #fff; font-size: 11px;} .auxbox ul {font-size: 12px; margin: 0 2em;} .auxbox ul li {margin: 0 0 .25em 0; line-height: 150%;} .auxbox #resultstable {border-top: 0 !important;} /* liked menu items */ .auxbox #menu h5 {padding: .25em 0 !important; font-size: 14px !important; font-weight: bold; margin-bottom: .5em; border: 0 !important; clear: both;} .auxbox #menu h5 span {font-weight: normal; font-size: 11px; color: #777; font-style: italic; padding-left: .25em;} .auxbox #menu h5 a {background: #fff; color: #339; display: inline; padding: 0;} .auxbox #menu h5 a:hover {background: #fff; color: #00f;} .auxbox #menu p.review {float: right; padding: .5em 0; margin: 0 0 1em 0 !important;} .auxbox #menu p.review a {background: url(../images/consumer/icon_star.gif) 0 50% no-repeat; padding-left: 20px;} .auxbox #menu table {width: 300px; clear: none !important; border-top: 0; margin: 0 0 20px 0 !important; font-size: 12px; float: left; position: relative; borer-bottom: 1px dotted #ddd; z-index: 1;} .auxbox #menu table.right {margin-left: 30px !important; clear: none !important;} .auxbox #menu table colgroup col.maincol {width: 80%;} .auxbox #menu table colgroup col.sidecol {width: 20%;} .auxbox #menu table tr td {border-bottom: 0; padding: .35em .5em .35em 1em; background: url(../images/consumer/bullet.gif) .35em .8em no-repeat;} .auxbox #menu table tr td.price {background: none; padding: .35em .5em;} .auxbox #menu table {margin: 0 0 10px 10px; font-size: 12px; float: left; position: relative; z-index: 1;} .auxbox #menu ul {list-style: none; margin: 0 0 1em 0;} .auxbox #menu ul li {padding-left: 1em; background: url(../images/consumer/bullet.gif) .35em .6em no-repeat;} .auxbox #menu ul li img.liked {padding-left: .25em; display: inline !important; vertical-align: top;} .auxbox ul.pcirequirements {margin-bottom: 1em;} .auxbox p.note {margin: 1em 0 0 0; font-size: 11px; font-style: italic;} .auxbox .strengthindicator {display: inline; font-size: 11px; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; margin: 0 0 0 .5em; padding-left: 20px;} .auxbox .weak {color: #c00; background: url(../images/icon_decline.gif) 0 50% no-repeat;} .auxbox .strong {color: #090; background: url(../images/icon_accept.gif) 0 50% no-repeat; margin-left: -105px;} .auxbox .fieldbox ul.pcirequirements {background: #f7f7f7; margin: 0; width: 90%; display: block; padding: .5em 1em .5em 0; border: 1px solid #ddd;} .auxbox .fieldbox ul.pcirequirements li {font-size: 11px; display: block; font-weight: normal !important; display: block !important; margin: 0;} .auxbox .pcibox {background: #f7f7f7; border: 1px solid #ddd; width: 45%; float: right; padding: 1em 1em 0 1em;} .auxbox .pcibox p {font-weight: bold;} .auxbox .pcibox ul.pcirequirements {margin: 0;} .auxbox .pcibox ul.pcirequirements li {font-size: 11px; display: block; font-weight: normal !important; display: block !important; margin: 0;} .auxbox ul.incentives {font-size: 12px; margin: 0; list-style: none;} .auxbox ul.incentives li {margin: 0; line-height: 150%; border-bottom: 1px dotted #ddd; padding: .25em 0 .25em 1em; background: url(../images/consumer/bullet.gif) .35em .8em no-repeat; float: left; margin-right: 1.5em; width: 100%;} .auxbox ul.vendorincentives {font-size: 12px; margin: 0 1em 1em 0; list-style: none;} .auxbox ul.vendorincentives li {margin: 0; padding: 0; background: url(../images/consumer/bullet.gif) .25em .55em no-repeat; padding-left: 1em;} .auxbox p.redeem {clear: both; padding: 1em 0;} .auxbox .rateandreview ul {color: #555; margin: 0 0 1em 0; padding-bottom: 1em; list-style: none; border-bottom: 1px dotted #ddd;} .auxbox .rateandreview li {margin: 0 0 0 1em;} .auxbox .rateandreview ul li.vendor {font-weight: bold; font-size: 14px;} .auxbox .rateandreview ul li.vendor a {font-size: 11px; font-weight: normal;} .auxbox .rateandreview ul li.rate a {background: url(../images/consumer/icon_star.gif) 0 50% no-repeat; padding-left: 20px;} /*--tell a friend corp--*/ .auxbox .fieldboxcorp {width: 50%; float: left;} .auxbox textarea#message {width: 446px;} .referralmessage {margin: 3.75em 0 1.5em 10px; padding: 0 10px 10px 10px; border: 1px solid #ddd; background: #ffc;} .referralmessage h2 {font-weight: bold; color: #555; margin: .5em 0 .25em 0; padding-bottom: .125em; border-bottom: 1px dotted #ddd;} .referralmessage p {line-height: 1.5em;} .auxbox .rewards {float: right; width: 470px; margin: 3px 0 0 10px; padding: 10px 1em; border: 1px solid #ddd; background: #ffc;} .auxbox .rewards .loyalty {margin: 0;} .auxbox .rewards .loyalty colgroup col.restaurantcol {width: 30%;} .auxbox .rewards .loyalty colgroup col.rewardcol {width: 70%;} .auxbox .rewards .loyalty thead tr th {padding-left: 6px; background: #ffc;} .auxbox .rewards .loyalty tbody tr td {padding-left: 6px; background: #ffc; border: 0;} .auxbox .loyalty {margin: 0 0 1em 0; border-top: 0;} .loyalty colgroup col {width: 25%;} .auxbox .loyalty thead tr th {color: #999; text-align: left;} .auxbox .loyalty thead tr th.left {padding-left: 6px} .auxbox .loyalty tbody tr td {text-align: left; font-size: 12px; padding: .5em 0; vertical-align: top;} .auxbox .loyalty tbody tr td a {font-weight: bold;} .auxbox .loyalty tbody tr.complete td {background: #ffc;} .auxbox .loyalty tbody tr td.left {font-weight: bold; font-size: 14px; color: #c00; padding-left: 6px;} .auxbox .loyalty tbody tr.locked td {color: #999;} .auxbox .loyalty tbody tr.locked td.left {font-size: 12px;} .auxbox .lastreward {background: #ffc; width: 380px; border: 1px solid #ddd; padding: 5px 10px 0 10px; margin-bottom: 1em;} .auxbox .lastreward p {border-bottom: 1px dotted #dddd93; padding-bottom: .5em; margin-bottom: .5em;} .auxbox .lastreward p em {color: #996; font-weight: bold;} .auxbox .lastreward p strong {font-size: 14px;} .auxbox .lastreward p.link {border: 0; padding: 0;} .auxbox #showall.lastreward p.link {border-top: 1px dotted #dddd93; padding-top: .5em;} .auxbox #scrollcontent {height: 25em; overflow: auto;} #progressholder {height: 28px; width: 400px; background: #333 url(../images/consumer/progressbar_bg.gif) 0 0 repeat-x; border: 1px solid #ddd; margin: .5em 0; padding: 0;} #progressholder .progressbar {height: 24px; margin: 1px; padding: 0; text-align: center; background: #099 url(../images/button_highlight.png) top left repeat-x; border: 1px solid #099;} #progressholder.vendor .progressbar {background: #70bb00 url(../images/consumer/progressbar2.gif) 0 0 repeat-x; border: 1px solid #70bb00;} #progressholder span {float: left; display: block; width: 400px; text-align: center; color: #fff; padding: 4px 0 0 0; font-weight: bold; position: relative; font-size: 14px;} #progressholder span a {color: #fff;} #progressholder span a:hover {color: #fff; background-color: transparent;} .auxbox #progressholder.vendor {height: 22px; width: 160px; background: #333 url(../images/consumer/progressbar_bg.gif) 0 0 repeat-x; border: 1px solid #ddd; margin: 0; padding: 0;} .auxbox table.loyalty tbody tr.complete td #progressholder {border: 1px solid #70bb00;} .auxbox table.loyalty tbody tr.complete td #progressholder.vendor .progressbar {border: 1px solid #90f100;} .auxbox table.loyalty tbody tr.complete td #progressholder.vendor span a {color: #ff0;} .auxbox #progressholder.vendor .progressbar {height: 18px; margin: 1px; padding: 0; text-align: center; background: #70bb00 url(../images/consumer/progressbar2.gif) 0 0 repeat-x; border: 1px solid #70bb00;} .auxbox #progressholder.vendor span {float: left; display: block; width: 160px; text-align: center; color: #fff; padding: 1px 0 0 0; font-weight: bold; font-size: 14px;} .auxbox #progressholder.vendor span a {color: #fff;} .auxbox #progressholder.vendor span a:hover {color: #fff; background-color: transparent;} #sidebar #progressholder {width: 100%; border: 1px solid #ddd; margin-bottom: 0;} #sidebar #progressholder span {width: 100%;} .Corp #sidebar h5 {color: #c90117; font-size: 16px;} .Corp #sidebar div.boxed {background-color: #fff;} .Corp #sidebar div.boxed h5 {color: #9CAD0F; padding-left: 0px; border-bottom: 1px solid #CCC;} .Corp #sidebar div.boxed h5.recommended {padding-left: 22px;} .Corp #sidebar div.boxed.FavorBox table tr td {border-top: none;} .Corp #sidebar div.boxed table tr.FirstRow td {border-top: none;} .Corp #sidebar div.boxed table tr td.main {font-weight: bold;} .Corp #sidebar div.boxed table tr td.main a {font-size: 12px;} .Corp #sidebar div.boxed p.favoritenote {margin: 6px 0 4px; font-size: 13px; font-weight: bold; color: #999;} .Corp #sidebar div.boxed ul.recentfaves li {font-size: 13px; border: none; background: url(../img/corporate/bullet.gif) .35em .75em no-repeat; padding-top: 3px; padding-bottom: 3px;} .Corp #sidebar div.boxed p.allfaves {border: none; padding: 0; margin-top: 10px;} .Corp #sidebar div.boxed p.allfaves a {font-size: 13px; text-transform: capitalize;} .Corp #FavoriteLink p a{background: url("../img/corporate/icon-favorite.png") no-repeat scroll left center transparent; text-transform: capitalize; } /*Refine results*/ .Corp div#RefineResults h5 a {text-transform: none; display: inline; background: none; padding-left: 12px; font-weight: normal; font-size: 11px;} .Corp div#RefineResults ul{margin-top: 14px;} .Corp div#RefineResults ul li {border: none; padding: 4px 0; margin-left: 10px;} .Corp div#RefineResults ul li.divider {padding: 5px 0;} .Corp div#RefineResults ul li.current label {font-weight: bold;} .Corp div#RefineResults ul li input {margin: 0 5px 0 0; vertical-align: text-top; border: none;} #pickup { width: 500px; margin-top: 20px; padding: 0!important; } #pickup ul li { width: 200px; position: relative; display: block; float: left; } #pickup ul li#right { width: 210px; } #pickup ul li#right p {font-size: 12px; font-style: italic; } #points { width: 493px; margin: -30px 0 0 25px; padding: 0!important; float: right; position: relative; display: block; } #restaurantinfo #vendorprogress {width: 138px; float: right; position: relative;} #restaurantinfo #vendorprogress #progressholder {width: 138px; height: 22px; float: right; border: 1px solid #ddd; margin: 0 0 .25em 0;} #restaurantinfo #vendorprogress #progressholder span {width: 138px; padding-top: 1px; font-size: 14px;} #restaurantinfo #vendorprogress #progressholder .progressbar {height: 18px;} #restaurantinfo #vendorprogress p {font-size: 11px; font-style: italic; color: #999;} #Account {} #Account ul {clear: both; text-align: left; font-size: 14px; margin: .25em 0 1.5em 0;} #Account ul li {display: inline; background: url(../images/consumer/grey_div.gif) left center no-repeat; padding: .25em .25em .25em .75em; font-weight: bold;} #Account ul li.first {background: none; padding-left: 0;} #Account dt {padding-top: 1px; float: left; width: 120px; text-align: right; margin-bottom: 9px; clear: left;} #Account dd {margin-left: 130px; margin-bottom: 10px;} #Account input {margin: 0 0 1em 0; width: auto;} #Account input.checkbox {margin-right: .5em !important; vertical-align: text-bottom;} #Account input.text {width: 320px; margin: -2px 0 0 0; padding: .25em 0; color: #333;} #Account select {width: auto; padding: 0; margin: 0 .5em 1em 0; font-size: 12px;} #Account label {font-size: 12px;} #Account .linkbox {background: #ffc; padding: 0 1em; margin: 0; border: 1px solid #ddd; clear: both; position: relative;} #Account .linkbox h4.left {margin-bottom: 1em;} #securityquestions {border-top: 0; margin: 0 0 1em 0;} #securityquestions colgroup col {width: 50%;} #securityquestions thead tr th {text-align: left; padding-left: 1em; padding-right: 1em;} #securityquestions tbody tr td {text-align: left; padding-left: 1em; padding-right: 1em;} #securityquestions tbody tr td input, #securityquestions tbody tr td select {width: 80%; margin: 0;} #creditcard {border-top: 0; margin-top: 0;} #creditcard colgroup col {width: 12%;} #creditcard colgroup col.usecol {width: 14%;} #creditcard colgroup col.typecol {width: 20%;} #creditcard colgroup col.imgcol {width: 20%;} #creditcard colgroup col.numbercol {width: 30%;} #creditcard thead tr th {text-align: left; padding-left: 1em; padding-right: 1em;} #creditcard tbody tr td {text-align: left; padding-left: 1em; padding-right: 1em;} #creditcard tbody tr td input, #creditcard tbody tr td select {width: 95%; margin: 0;} #ConsumerAccount {} #ConsumerAccount input {width: 20em;} #ConsumerAccount input.checkbox {width: auto; margin: 0 .25em 0 0; border: 0; padding: 0;} #ConsumerAccount .fieldbox {width: 50%; float: left; padding-top: .5em;} #ConsumerAccount .fieldbox input#BirthDate {width: 10em;} #ConsumerAccount .fieldbox select#Gender {width: 10em;} #ConsumerAccount h3 {clear: left; margin-top: 0; padding-top: 1em;} #ConsumerAccount p.deletecard {} #ConsumerAccount p.deletecard a {padding-left: 20px; background: url(../images/consumer/icon_delete.gif) 0 50% no-repeat;} #ConsumerAccount h4.button {margin-bottom: 2em;} .orderhistory {} .orderhistory colgroup col {width: 10%;} .orderhistory colgroup col.vendorcol {width: 28%;} .orderhistory colgroup col.actioncol {width: 12%;} .orderhistory colgroup col.corpvendorcol {width: 24%;} .orderhistory colgroup col.corpcol {width: 8%;} .orderhistory thead tr th.date {text-align: left; padding-left: 1em;} .orderhistory thead tr th.vendor {text-align: left; padding-left: 1em;} .orderhistory thead tr th.actions {text-align: left; padding-left: 1em;} .orderhistory tbody tr td {vertical-align: top;} .orderhistory tbody tr td.date {text-align: left; padding-left: 1em;} .orderhistory tbody tr td.vendor {text-align: left; padding-left: 1em; color: #999;} .orderhistory tbody tr td.vendor h4 {font-size: 12px; font-weight: bold; margin: 0;} .orderhistory tbody tr td.vendor ul {list-style: none; margin: .5em 0 0 0; font-size: 11px; color: #555;} .orderhistory tbody tr td.vendor ul li {padding: 0 0 0 1em; background: url(../images/consumer/bullet.gif) .35em .6em no-repeat;} .orderhistory tbody tr td.vendor ul li.upload {padding: 0 0 0 .35em; background: transparent;} .orderhistory tbody tr td.vendor ul li img.liked {padding-left: .25em; display: inline !important; vertical-align: top;} .orderhistory tbody tr td.vendor ul li.upload img.liked {padding-right: .25em;} .orderhistory tbody tr td.total {font-size: 12px; font-weight: bold;} .orderhistory tbody tr td.overbudget {font-size: 12px; font-weight: bold; color: #c00;} .orderhistory tbody tr td.actions {text-align: left; padding-left: 1em;} .orderhistory tbody tr td.actions ul {margin: 0; list-style: none;} .orderhistory tbody tr td.actions ul li {margin: 0 0 .5em 0;} .orderhistory tbody tr td.actions ul li a {padding: .25em 0 .25em 20px;} .orderhistory tbody tr td.actions ul li.reorder a {background: url(../images/consumer/icon_order.gif) 0 50% no-repeat;} .orderhistory tbody tr td.actions ul li.rate a {background: url(../images/consumer/icon_star.gif) 0 50% no-repeat;} .orderhistory tbody tr td.actions ul li.addfave a.icon {background: url(../images/consumer/icon_addfave.gif) 0 50% no-repeat;} .orderhistory tbody tr td.actions ul li.addfave div {padding: .75em 0 0 0;} .orderhistory tbody tr td.actions ul li.addfave div input {margin-bottom: .5em;} .orderhistory tbody tr td.actions ul li.addfave div img.button {margin: 0;} .orderhistory tbody tr td.actions ul li.addfave div p {margin: .25em 0 0 0;} .orderhistory tbody tr td.actions ul li.addfave div a {padding: 0;} .orderhistory tbody tr td.actions ul li.rate a {background: url(../images/consumer/icon_star.gif) 0 50% no-repeat;} .orderhistory tbody tr td.actions ul li.edit a {background: url(../images/consumer/icon_editorder.png) 0 50% no-repeat; font-weight: bold;} .orderhistory tbody tr td.actions ul li.cancel a {background: url(../images/consumer/icon_clearsearch.gif) 0 50% no-repeat; font-weight: bold;} .orderhistory tbody tr.personalorder td {background: #fae9e7;} /* expandable catering save favorite area */ .orderhistory tbody tr td.actions ul div.cateringfave {} .orderhistory tbody tr td.actions ul div.cateringfave label, .orderhistory tbody tr td.actions ul div.cateringfave p {display: block; margin: 1em 0 .25em 0; padding: 0;} .orderhistory tbody tr td.actions ul div.cateringfave input, .orderhistory tbody tr td.actions ul div.cateringfave select, .orderhistory tbody tr td.actions ul div.cateringfave textarea {display: block; font-size: 11px; width: 90%;} .orderhistory tbody tr td.actions ul div.cateringfave label.radio {margin: .5em 0 0 0;} .orderhistory tbody tr td.actions ul div.cateringfave input.radio {display: inline; margin: 0; width: auto; border: 0;} p.firmkey {background: #fae9e7; margin: 0; border: 1px solid #f3c8c5; padding: .5em;} .unconfirmed {border: 1px solid #e7e79a !important;} .unconfirmed thead tr {background: #e7e79a !important;} .unconfirmed thead tr th {border-bottom: 1px solid #e7e79a !important;} .unconfirmed tbody tr {background: #ffa !important;} .unconfirmed tbody tr td {border: 0 !important;} #linkaccounts {margin-bottom: 8em; padding-bottom: 5em;} #linkaccounts label {margin-top: 1em;} #linkaccounts input {width: 225px; font-size: 12px; margin: 0;} #linkaccounts input.checkbox {width: auto; border: 0; display: inline;} #linkaccounts h4.button { margin: 0 0 .5em 0;} #linkaccounts p {margin: 0;} #linkaccounts p.passwordhelp {margin-bottom: 1em;} #linkaccounts p.passwordnote {border-top: 1px dotted #ddd; padding-top: 1em;} #linkaccounts p.corporatelogin {font-weight: bold; font-size: 14px; margin-top: 1em;} /*---calendar popups for order history---*/ #startDateDiv {background-position: 0 0 !important; left: auto !important; z-index: 9000;} table.cpBorder {width: 250px; margin: 0; padding: 0; border: 3px solid #e7e7e7;} table.cpBorder tr td {padding: 0; border: 0;} table.cpBorder table {margin: 0; border: 0;} table.cpBorder tbody tr td tr td {border: 0; border-top: 1px solid #fff; border-bottom: 1px solid #e7e7e7; border-right: 1px dotted #ccc; padding: 0;} table.cpBorder tbody tr td tr td.cpCurrentDate {background: #e7e7e7; border: 0;} table.cpBorder tbody tr td tr td.cpDayColumnHeader {background: #f7f7f7; color: #c00;} table.cpBorder tbody tr td tr td.cpCurrentDate a {border: 0;} table.cpBorder tbody tr td a {display: block; padding: .25em; text-align: center; font-size: 11px;} table.cpBorder tbody tr td.cpTodayText {background: #e7e7e7; padding: 0;} table.cpBorder tbody tr td.cpTodayText a {margin-bottom: -1.5em; padding: .5em 0 0 0;} table.cpBorder tbody tr:hover {background: transparent;} div.calendar {background: url(../images/vendors/calendar.png); height: 195px; padding: 0 6px; text-align: center; width: 147px;} div.calendar * {margin: 0; padding: 0;} div.calendar div {background: none !important; cursor: move; height: 185px; overflow: hidden; padding-top: 10px; position: relative; width: 147px;} div.calendar caption {color: #555; font: normal 12px/16px Arial, Helvetica, sans-serif; padding-top: 6px; text-align: center; width: 100%;} div.calendar caption a {cursor: pointer; display: block; height: 12px; overflow: hidden; position: absolute; text-indent: -100px; top: 17px; width: 11px;} div.calendar caption a.prev {background-image: url(../images/vendors/calendar-prev.gif); left: 0;} div.calendar caption a.next {background-image: url(../images/vendors/calendar-next.gif); right: 0;} div.calendar caption a:hover {background-position: 0 12px;} div.calendar caption span {height: 25px; position: relative; text-align: center; color: #c00;} div.calendar caption span.month {padding-right: 8px;} div.calendar caption span.month:after {content: ',';} div.calendar table {background: #fff; border: 0; border-collapse: collapse; border-spacing: 0; cursor: default; margin: 0 auto; overflow: hidden; width: 147px;} div.calendar td, div.calendar th {border: 0; color: #555; font: normal 12px Arial, Helvetica, sans-serif; height: 21px; text-align: center; width: 21px;} div.calendar td {background: url(../images/vendors/calendar-td.gif); color: #FFF; font-size: 11px;} div.calendar td.invalid {color: #999;} div.calendar td.valid {background: url(../images/vendors/calendar-valid.gif); color: #339; cursor: pointer;} div.calendar td.hilite {background: url(../images/vendors/calendar-hilite.gif);} div.calendar td.inactive {background: url(../images/vendors/calendar-td.gif) 0 100%; color: #FFF;} div.calendar td.active, div.calendar td.hover {background: url(../images/vendors/calendar-valid.gif) 0 100%; color: #c00; cursor: pointer;} button.calendar {background: url(../images/vendors/icon_calendar.gif); border: 0; cursor: pointer; height: 16px; margin: 4px 2px; width: 16px;} div input.calendar {width: 150px !important; float: left;} #passwordconfirm {margin-bottom: 15em;} #passwordconfirm label.hidden {display: none; visibility: hidden;} #passwordconfirm input {width: 225px; font-size: 14px; margin: 1em 0;} #passwordconfirm p.passwordhelp {text-align: left; margin: .5em 0 0 0;} #passwordhelp {margin-bottom: 1em; padding-bottom: 5em;} #passwordhelp label {margin-top: 1em;} #passwordhelp label.split {border-top: 1px dotted #ddd; margin-top: 1.5em; padding-top: 1em;} #passwordhelp input {width: 225px; font-size: 12px; margin: 0;} #passwordhelp h4.button { margin: 0 0 .5em 0;} #passwordhelp .or {font-size: 14px; width: 225px; text-align: center; padding: 0 0 .5em 0;} #passwordhelp #confirmPassword {margin-bottom: 1em;} #passwordhelp p {margin: 0;} #passwordhelp p.passwordhelp {margin-bottom: 1em;} #passwordhelp p.passwordnote {border-top: 1px dotted #ddd; padding-top: 1em;} #passwordhelp p.corporatelogin {font-weight: bold; font-size: 14px; margin-top: 1em;} #updatesuggestrestaurant {margin-bottom: 8em;} #updatesuggestrestaurant label {margin-top: .5em; font-size: 16px;} #updatesuggestrestaurant input {width: 18em; font-size: 16px; margin: 0 0 1em 0;} #updatesuggestrestaurant textarea {height: 8em;} #updatesuggestrestaurant h4.button { margin: 0 0 .5em 0;} #cateringreferral input.hidden {display: none; visibility: hidden;} #cateringreferral input {width: 225px; font-size: 12px; margin: 1em 0; display: block;} #cateringreferral input.button {width: 90px; padding: 0;} .Corp #cateringreferral h3{ color: #9CAD0F; margin-top: 1.5em;} .Corp #cateringreferral input {color: #999;} #Account {} #Account input {width: 20em;} #Account input.checkbox {width: auto; margin: 0 .25em 0 0; border: 0; padding: 0;} #Account .fieldbox {width: 50%; float: left; padding-top: .5em;} #Account .fieldbox input#BirthDate {width: 10em;} #Account .fieldbox select#Gender {width: 10em;} #Account h3 {clear: left; margin-top: 0; padding-top: 1em;} #Account p.deletecard {padding: .5em 0 0 0;} #Account p.deletecard a {padding-left: 20px; background: url(../images/consumer/icon_delete.gif) 0 50% no-repeat;} #Account h4.button {margin-bottom: 2em;} #creditcard {border-top: 0; margin-top: 0;} #creditcard colgroup col {width: 15%;} #creditcard colgroup col.typecol {width: 20%;} #creditcard colgroup col.numbercol {width: 25%;} #creditcard thead tr th {text-align: left; padding-left: 1em; padding-right: 1em;} #creditcard tbody tr td {text-align: left; padding-left: 1em; padding-right: 1em;} #creditcard tbody tr td input, #creditcard tbody tr td select {width: 85%; margin: 0;} #orderhistory {} #orderhistory colgroup col {width: 10%;} #orderhistory colgroup col.vendorcol {width: 30%;} #orderhistory thead tr th.date {text-align: left; padding-left: 1em;} #orderhistory thead tr th.vendor {text-align: left; padding-left: 1em;} #orderhistory thead tr th.actions {text-align: left; padding-left: 1em;} #orderhistory tbody tr td.date {text-align: left; padding-left: 1em;} #orderhistory tbody tr td.vendor {text-align: left; padding-left: 1em; color: #999;} #orderhistory tbody tr td.vendor h4 {font-size: 12px; font-weight: bold;} #orderhistory tbody tr td.total {font-size: 12px; font-weight: bold;} #orderhistory tbody tr td.actions {text-align: left; padding-left: 1em;} #orderhistory tbody tr td.actions ul {margin: 0; list-style: none;} #orderhistory tbody tr td.actions ul li {margin: 0 0 .5em 0;} #orderhistory tbody tr td.actions ul li a {padding: .25em 0 .25em 20px;} #orderhistory tbody tr td.actions ul li.reorder a {background: url(../images/consumer/icon_order.gif) 0 50% no-repeat;} #orderhistory tbody tr td.actions ul li.addfave a.icon {background: url(../images/consumer/icon_addfave.gif) 0 50% no-repeat;} #orderhistory tbody tr td.actions ul li.addfave div {padding: .75em 0 0 0;} #orderhistory tbody tr td.actions ul li.addfave div input {margin-bottom: .5em;} #orderhistory tbody tr td.actions ul li.addfave div img.button {margin: 0;} #orderhistory tbody tr td.actions ul li.addfave div p {margin: .25em 0 0 0;} #orderhistory tbody tr td.actions ul li.addfave div a {padding: 0;} #orderhistory tbody tr td.actions ul li.rate a {background: url(../images/consumer/icon_star.gif) 0 50% no-repeat;} #orderhistory tbody tr td.actions ul li.edit a {background: url(../images/consumer/icon_editorder.png) 0 50% no-repeat; font-weight: bold;} #orderhistory tbody tr td.actions ul li.cancel a {background: url(../images/consumer/icon_clearsearch.gif) 0 50% no-repeat; font-weight: bold;} #savedfavorites {} #savedfavorites colgroup col {width: 10%;} #savedfavorites colgroup col.namecol {width: 20%;} #savedfavorites colgroup col.vendorcol {width: 25%;} #savedfavorites colgroup col.detailcol {width: 25%;} #savedfavorites colgroup col.actioncol {width: 20%;} #savedfavorites thead tr th {text-align: left; padding-left: 1em;} #savedfavorites thead tr th.number {text-align: center; padding: 0;} #savedfavorites tbody tr td {vertical-align: top; text-align: left; padding-left: 1em;} #savedfavorites tbody tr td.number input {font-size: 16px; font-weight: bold; text-align: center; width: 3em; margin: 0; text-transform: uppercase;} #savedfavorites tbody tr td.name {padding-left: .7em; font-size: 12px; font-weight: bold;} #savedfavorites tbody tr td.name img {margin: 0 0 0 .5em; vertical-align: text-bottom;} #savedfavorites tbody tr td.vendor {color: #999;} #savedfavorites tbody tr td.vendor h4 {font-weight: bold; font-size: 12px;} #savedfavorites tbody tr td.detail ul {margin: 0; list-style: none;} #savedfavorites tbody tr td.detail ul li {margin: 0 0 .25em 0;} #savedfavorites tbody tr td.total {font-size: 14px; font-weight: bold;} #savedfavorites tbody tr td h4.button {margin: 0; width: auto; padding: 0; font-size: 12px;} #ajaxIndicatorPlaceHolder {text-align: center; font-size: 14px; font-weight: bold; padding: 0 2em; color: #c00;} #addresses {} #addresses colgroup col {width: 10%;} #addresses colgroup col.addresscol {width: 80%;} #addresses thead tr th.address {text-align: left; padding-left: 1em;} #addresses tbody tr td.number input {font-size: 16px; font-weight: bold; text-align: center; width: 3em; margin: 0; text-transform: uppercase;} #addresses tbody tr td.number input#pickupSMSCode {background: transparent; border-color: #D8E4BB;} #addresses tbody tr td.address {text-align: left; padding-left: 1em;} #addresses tbody tr td.address h4 {font-size: 14px; font-weight: bold;} #SMSSetup label {font-size: 14px;} #SMSSetup label span {font-size: .8em; font-style: italic; color: #777;} #SMSSetup input {font-size: 14px; font-weight: bold; width: 18em;} #SMSSetup h4.button {margin-bottom: .5em;} #SMSSetup #setupPhone {background: url(../images/consumer/cellphone1.gif) 0 0 no-repeat; padding: 0 0 30px 220px; margin-bottom: -1.5em;} #SMSSetup #validatePhone {background: url(../images/consumer/cellphone2.gif) 0 0 no-repeat; padding: 0 0 30px 220px; margin-bottom: -1.5em;} #SMSSetup table.textcodes {margin-bottom: 1em;} #SMSSetup table.textcodes thead tr th {text-align: left;} #SMSSetup table.textcodes thead tr th.code {text-align: center;} #SMSSetup table.textcodes tbody tr td {text-align: left;} #SMSSetup table.textcodes tbody tr td.number {text-align: center;} #SMSSetup table.textcodes tbody tr td.number input {font-size: 16px; font-weight: bold; text-align: center; width: 3em; margin: 0; text-transform: uppercase;} #SMSSetup table.textcodes tbody tr td.number input#pickupSMSCode {background: #f7f7f7; border-color: #ccc;} #SMSSetup #favoritecodes {width: 46%; float: left; border: 1px solid #e7e7e7; padding: 1em; background: #fff;} #SMSSetup #favoritecodes h3 {margin-top: 0; color: #c00;} #SMSSetup #favoritecodes p {margin: 0; color: #777;} #SMSSetup #favoritecodes colgroup col.codecol {width: 20%;} #SMSSetup #favoritecodes colgroup col.favecol {width: 60%;} #SMSSetup #favoritecodes colgroup col.pricecol {width: 20%;} #SMSSetup #addresscodes {width: 46%; float: right; border: 1px solid #e7e7e7; padding: 1em; background: #fff;} #SMSSetup #addresscodes h3 {margin-top: 0; color: #c00;} #SMSSetup #addresscodes p {margin: 0; color: #777;} #SMSSetup #addresscodes colgroup col.codecol {width: 20%;} #SMSSetup #addresscodes colgroup col.addresscol {width: 80%;} #SMSSetup #favoritecodes h4, #SMSSetup #addresscodes h4 {font-size: 14px; margin: 0 0 .5em 0; background: #ffc; padding: .5em; border: 1px solid #c00;} #SMSSetup #favoritecodes p.help, #SMSSetup #addresscodes p.help {margin-bottom: 1em; color: #333;} #SMSSetup #favoritecodes h5, #SMSSetup #addresscodes h5 {font-size: 14px; margin: 0 0 .25em 0; padding: 0 0 .25em 0; border-bottom: 1px dotted #ccc;} button.calendar {margin-top: 0px; margin-bottom: 0px; vertical-align: top;} /* Static TXT Intructions page */ #SMSintructions {float: left; width: 60em; margin: 0; padding-bottom: 2em;} #SMSintructions ul {list-style: none; margin: 0; font-size: 12px;} #SMSintructions ul li {font-size: 11px; padding: .5em; border-bottom: 1px dotted #ccc; background: url(../images/consumer/bullet.gif) .35em .9em no-repeat; padding-left: 1em;} #SMScodes {width: 20em; margin: 0; padding: 1em 1.5em; float: right; background: #ffc; border: 1px solid #cc9;} #SMScodes h3 {color: #c00; border: 0; margin: 0; padding: 0;} #SMScodes p {margin: 0 0 .5em 0; font-weight: bold;} #SMScodes ul {list-style: none; margin: 0;} #SMScodes ul li {font-size: 11px; margin: .5em 0 0 0; padding-top: .5em; border-top: 1px dotted #cc9;} #SMScodes ul li strong {color: #c00; font-weight: bold; font-size: 14px;} #helpnav {padding: 1em 0;} #helpnav h2 {color: #c00; border: 0; margin: 0 10px; font-size: 14px;} #helpnav p {margin: 0 10px;} #helpnav ul {list-style: none; margin: 0 10px 2em 10px;} #helpnav ul li {font-size: 12px; padding: .5em 0; margin: 0; border-top: 1px dotted #ddd; background: url(../images/consumer/bullet.gif) .35em .9em no-repeat; padding-left: 1em;} #helpnav ul li.phone {background: url(../images/consumer/icon_phone.png) 0 .5em no-repeat; padding-left: 22px;} #helpnav ul li.email {background: url(../images/consumer/icon_email.png) 0 .5em no-repeat; padding-left: 22px;} #helpnav ul li:hover {background: #ffa url(../images/consumer/bullet.gif) .45em .9em no-repeat;} #helpnav ul.customerservice li.phone:hover {background: url(../images/consumer/icon_phone.png) 0 .5em no-repeat; padding-left: 22px;} #helpnav ul.customerservice li.email:hover {background: #ffa url(../images/consumer/icon_email.png) 0 .5em no-repeat; padding-left: 22px;} #helpcontent {padding-top: 1em;} #helpcontent h2 {margin-top: 0; font-size: 14px !important;} #helpcontent .whatsnew {background: #ffc; border: 1px solid #ddd; padding: 1em 10px 0 10px; margin: 0 0 1em 0;} #helpcontent .whatsnew h3 {margin: 0 0 .75em 0; padding-top: 0; font-size: 14px !important;} #helpcontent .whatsnew ul {font-size: 12px; margin: 0 2em;} #helpcontent .whatsnew ul li {line-height: 150%; margin: 0 0 1em 0;} #helpcontent .whatsnew ul li strong {font-weight: bold; font-size: 12px;} #helpcontent .whatsnew p.email a {background: url(../images/consumer/icon_email.png) 0 0 no-repeat; padding-left: 22px; font-weight: bold;} #helpcontent p {margin: 0 0 1em 0;} #helpcontent p img {vertical-align: middle;} #helpcontent img.screenshot {float: right; margin: 0 0 1em 2em;} #helpcontent ul {font-size: 12px; margin: 0 2em;} #helpcontent ul li {margin: 0 0 1em 0; line-height: 150%;} #helpcontent ul li img {vertical-align: middle;} #helpcontent ul li ul {font-size: 1em;} #helpcontent ol {font-size: 12px; margin: 0 2em;} #helpcontent ol li {margin: 0 0 1em 0; line-height: 150%;} #helpcontent p.note {background: #fff; border: 1px dotted #ccc; padding: 1em;} #helpcontent p.toplink {text-align: right; font-size: 11px; font-style: italic; margin: 0; clear: both;} #helpcontent p.toplink a {background: url(../images/consumer/backtotop.gif) 0 50% no-repeat; padding-left: 10px;} #helpcontent div.highlight {background: #ffc; border: 1px solid #ddd; padding: 1em; margin-bottom: 1em;} #helpcontent div.highlight p {font-size: 16px; color: #c00; margin: 0; font-style: italic;} .supportedbrowsers {clear: both; border-top: 1px solid #ccc; padding-top: 1em; margin: 0;} .supportedbrowsers ul {font-size: 12px; margin: 0 2em 1em 2em;} .supportedbrowsers ul li {margin: 0; line-height: 150%;} /*My Account*/ .Corp .auxbox {padding: 24px 0;} .Corp .auxbox h2 {font-size: 18px; color: #9cad0f; margin: 0 0 10px; padding: 0 0 5px; line-height: normal;} .Corp .auxbox p.note {font-size: 12px;} .Corp .auxbox input.radio {vertical-align: text-top;} .Corp .auxbox ul li {margin-bottom: 0;} .Corp #my_account_info {padding-top: 20px;} .Corp #my_account_info table {border-spacing: 0;} .Corp #Account {padding: 0;} .Corp #Account.Profile {width: 620px;} .Corp #Account.Preferences {width: 420px;} .Corp #Account ul.MyAccountNav {margin: 0 0 10px;} .Corp #Account ul.MyAccountNav li {color: #9cad0f; font-size: 16px; padding: 0 6px 0 10px; border-left: 2px solid #ccc;} .Corp #Account ul.MyAccountNav li.first {padding-left: 0; border-left: none;} .Corp #Account ul.MyAccountNav li a {font-weight: normal;} .Corp #Account ol {padding-left: 17px;} .Corp #Account ol li {padding-bottom: 4px;} .Corp #Account div.strengthindicator {padding-top: 1px; padding-bottom: 1px;} .Corp #Account .UserName {font-size: 17px; padding: 10px 0; margin-bottom: 0; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc;} .Corp #Account p.StrongPassword {margin-top: 10px;} .Corp #Account dl {overflow: auto; border-bottom: 1px dotted #ccc; margin: 10px 0 20px;} .Corp #Account dt {float: none; text-align: left;} .Corp #Account dd {margin-left: 0; margin-bottom: 14px;} .Corp #Account .fourcol {padding-bottom: 0;} .Corp #Account input.text {width: 99%; margin-top: 0;} .IE9 .Corp #Account input.text {padding: 3px 0 4px;} .Corp #Account select {height: 23px; margin-bottom: 0;} .SAFARI .Corp #Account select {line-height: 17px;} .Corp #Account dd.BirtdaySection select {width: 31%; margin-right: 7px;} .Corp #Account dd.BirtdaySection #user_birth_year {margin-right: 0;} .Corp #Account select#Gender {width: 45%;} .Corp #Account ul.PreferencesList {margin-top: 0;} .Corp #Account ul.PreferencesList li {display: block; border-bottom: 1px dotted #ccc; padding: 9px 0 6px; list-style: none; font-weight: normal;} .Corp #Account p.ecofriendly {background: url("../img/corporate/icon-eco.gif") -2px center no-repeat; font-size: 13px; color: #555; padding-left: 22px;} .Corp #Account p.ecofriendly span {font-size: 11px;} .Corp #Account #DefaultSubVendorType {margin-bottom: 10px; width: 123px;} .Corp .auxbox #creditcard {margin-bottom: 20px;} .Corp #creditcard tbody tr td input, .Corp #creditcard tbody tr td select {width: 100%;} .Corp #creditcard tbody tr {background: #fff; vertical-align: top;} .Corp #creditcard tbody tr td span { color: #c90117;font-size:10px;font-style: italic;display:none; } .Corp #creditcard thead tr th {font-size: 12px; padding-left: 2em; padding-right: 0;} .Corp #creditcard tbody tr td {padding-left: 2em; padding-right: 0;} .Corp #creditcard thead tr th.first, .Corp #creditcard tbody tr td.first {padding-left: 0;} .Corp #creditcard tbody tr td.SwitchOptions {padding: 0; border: none;} .Corp #creditcard tbody tr td.SwitchOptions div {border-bottom: 1px dotted #ccc;} .Corp #creditcard .SwitchOptions table {border: none; width: 319px; margin-top: 0;} .Corp #creditcard .SwitchOptions table tbody tr td {border: none;} .Corp #creditcard tbody tr td.SwitchOptions table tr th {padding: 1em 0; text-align: left; font-weight: normal;} .Corp #creditcard tbody tr td.SwitchOptions table tr td {width: 21%;} .Corp #creditcard td.SwitchOptions #CCEffectiveMonth, .Corp #creditcard td.SwitchOptions #CCOverageEffectiveMonth{margin-bottom: 5px;} /*My Account*/ /*Order History*/ .Corp .auxbox #DateSubmit {margin-top: 8px;} .Corp .auxbox #DateSubmit .button {clear: none; float: left; margin-top: 18px;} .Corp .auxbox #DateSubmit .button a {padding: 3px 10px; font-size: 12px;} .Corp .auxbox #DateSubmit input {margin-bottom: 0;} .Corp .auxbox table tbody tr {background: #fff;} .Corp .auxbox table tbody tr.even {background: #F7F7F7;} .Corp .auxbox table tbody tr td, .Corp .auxbox table thead tr th {font-size: 12px; padding: 1em 0 1em 1em;} .Corp .auxbox table tbody tr td.first, .Corp .auxbox table thead tr th.first {padding-left: 0;} .Corp .auxbox table tbody tr td {font-size: 12px; border-bottom: 1px dotted #ccc; border-top: none; } .Corp .orderhistory colgroup col.corpvendorcol {width: 22%;} .Corp .orderhistory colgroup col.ExpenceCode, .Corp .orderhistory colgroup col.Budget {width: 9%;} .Corp .orderhistory tbody tr td.actions ul li.addfave a.icon {background: url("../img/corporate/icon-favorite.png") no-repeat scroll left center transparent;} .Corp .orderhistory tbody tr td.actions ul li.edit a {background: url("../img/corporate/icon-edit.gif") no-repeat scroll 0 50% transparent;} .Corp .orderhistory tbody tr td.actions ul li.cancel a {background: url("../images/trash_icon.gif") 0 50% no-repeat;} .Corp .orderhistory tbody tr td.actions input {font-size: 11px;} .Corp .orderhistory tbody tr td.actions .button {margin-bottom: 8px; text-transform: capitalize;} .Corp .orderhistory tbody tr td.actions .button a {font-size: 12px; padding: 3px 7px;} .Corp .orderhistory tbody tr td.actions ul div.cateringfave {padding-bottom: 5px;} .Corp .orderhistory tbody tr td.actions ul div.cateringfave p {margin-top: 0;} .Corp .orderhistory tbody tr td.actions ul div.cateringfave select {height: 20px; padding: 0; width: 92px;} .Corp #pageForm #AlertMessage {margin-top: 1em;} .Corp #TB_ajaxContent p.passwordhelp {margin-top: 1em;} /*ViewFavorites*/ .FIREFOX .Corp #savedfavorites {margin-top: 0;} .Corp #savedfavorites thead tr th.first, .Corp #savedfavorites tbody tr td.first {padding-left: 0;} .Corp #savedfavorites tbody tr td a {cursor: pointer;} .Corp #savedfavorites thead tr th.number {text-align: left;} .Corp #savedfavorites tbody tr td.name img {vertical-align: baseline;} .Corp #savedfavorites colgroup col.actioncol {width: 8%;} .Corp #savedfavorites colgroup col.numbercol {width: 6%;} .Corp #savedfavorites colgroup col.detailcol, .Corp #savedfavorites colgroup col.vendorcol {width: 20%;} .Corp #savedfavorites thead tr th.total, .Corp #savedfavorites tbody tr td.total {text-align: center;} .Corp #savedfavorites tbody tr td .button {text-align: right;} /*TellAColleague*/ .Corp .referralmessage {margin: 0; padding-top: 10px;} .Corp .referralmessage h2 {padding-top: 0;} .Corp #tell_colleague .threecol {padding-bottom: 0;} .Corp #tell_colleague input, .Corp #tell_colleague textarea {width: 100%;} .Corp #tell_colleague #message {margin-bottom: 20px; max-width: 460px;} /*Help*/ .Corp #helpnav, .Corp #helpcontent {padding-top: 0;} .Corp #helpnav h3, .Corp #helpcontent .whatsnew h3 {font-size: 18px; color: #9cad0f; margin: 0; padding-bottom: 5px; border-bottom: 1px dotted #ccc;} .Corp #helpnav ul li {background: #fff url("../img/corporate/bullet.gif") .35em 1em no-repeat; border-top: 0; border-bottom: 1px dotted #ccc;} .Corp #helpnav ul {margin: 0;} .Corp #helpcontent .whatsnew {padding-top: 10px;} .Corp #helpcontent .whatsnew h3 {margin-bottom: 10px;} .Corp #helpcontent h2 {padding-top: 8px; color: #c90117;} .Corp #helpcontent p.toplink a {background: url("../img/corporate/back-to-top.png") 0 50% no-repeat; padding-left: 15px;} .Corp #helpcontent .backtotop {text-align: right;} /*SMS Setup*/ .Corp .auxbox .cellphone {padding-right: 20px; padding-bottom: 20px;} .Corp .auxbox .cellphone input {display: inline;} .Corp .auxbox .cellphone .PrimaryLink {margin: 20px 10px 0px 0;} .Corp .auxbox .cellphone .PrimaryLink a {width: 205px;} .Corp .auxbox .cellphone .CancelLink {display: inline; margin-left: 5px;} .Corp .auxbox .cellphone .CancelLink a {padding: 3px 10px; font-size: 12px;} .Corp .NumberActions {margin-bottom: 0; word-spacing: 5px; clear: both; padding-top: 5px;} .Corp .NumberActions a {word-spacing: normal;} /*Reward Points*/ .Corp .auxbox .Rewards {width: 428px; background: #ffc; border: 1px solid #ddd; padding: 10px 15px;} .Corp .auxbox table.loyalty tr td {background: #ffc;} .Corp .auxbox .loyalty thead tr th.left {padding-left: 0;} .Corp .auxbox .loyalty tbody tr td.left {padding-left: 0; color: #c90117;} .Corp #ConsumerAccount h3 {font-size: 16px; color: #c90117; margin: 0; padding-bottom: 5px; border-bottom: 1px dotted #ccc;} .Corp .auxbox ul.Incentives {list-style: none; margin: 0;} .Corp .auxbox ul.Incentives li {background: #fff url("../img/corporate/bullet.gif") .35em .9em no-repeat; border-bottom: 1px dotted #ccc; padding: 4px 0 4px 15px;} .Corp .auxbox p.redeem {clear: both;} .Corp #progressholder a {text-decoration: none;} /*End: order history, favorites, my account, help, etc*/ p.backtotop {width: 960px; margin: 0 auto; text-align: left; font-size: 11px; padding-bottom: 1em;} p.backtotop a {background: url(../images/consumer/step2.png) 0 -73px no-repeat; padding-left: 10px;} #sitemaplink {visibility: hidden; display: none; text-indent: -999em;} .Corp p.backtotop {font-size: 12px /*reset*/; font-weight: bold;} .Corp p.backtotop a {color: #399; background: url(../img/corporate/back-to-top.png?) 0 50% no-repeat; padding-left: 17px;} /* =sitemap */ #sitemap #logo img {padding-bottom: 2em;} #sitemap h1 {padding: 0; font-size: 16px; color: #c00; font-weight: bold; line-height: 1.5em; margin: 0 0 .25em 0; border-bottom: 1px dotted #ddd; padding-bottom: .5em;} #sitemap #container ul {margin: 0 0 1em 0; padding: 0; list-style: none;} #sitemap #container ul li {display: block; font-size: 12px; padding: .5em 0; margin: 0; border-bottom: 1px dotted #ccc; line-height: 140%; background: url(../images/consumer/bullet.gif) .6em .9em no-repeat; padding-left: 15px;} #sitemap ul li:hover {background-color: #ffa;} #sitemap #container ul li a {font-weight: bold; font-size: 1em;} #sitemap #browsecity ul li {width: 45%; float: left; margin: 0 1em;} #sitemap #browseMajorcity ul li {width: 45%; float: left; margin: 0 1em;} #sitemap h2 {padding: 2em 0 0 0; clear: both; font-weight: bold; color: #c00;} #sitemap #browseMajorcity h2 {padding-top: 0;} #sitemap #browsecuisine ul li {width: 45%; float: left; margin: 0 1em;} #sitemap .paging {margin-bottom: 1em; font-size: 12px; padding-bottom: 1em; border-bottom: 1px solid #ccc; clear: both;} #sitemap p {clear: both; padding: 1em 0 0 0;} /* City Pages */ .citypage p.betanote {font-style: italic; line-height: 1.5em; background: #ffc; padding: 12px; border: 1px solid #ddd; margin: 0 10px 12px 0;} .citypage #cuisines {padding-bottom: 1em;} .citypage #cuisines.savedinfo h3 {margin: 0; font-size: 14px; font-weight: normal; color: #c00; padding: .35em 0 .15em 0; border-bottom: 1px dotted #ddd;} .citypage #cuisines.savedinfo ul li {width: 128px; margin-right: 10px; float: left; font-size: 11px;} .citypage #cuisines.savedinfo ul li.right {margin: 0;} .citypage #cuisines.savedinfo ul li span {display: none;} .citypage .savedinfo h2 {color: #c00; border-bottom: 1px dotted #ddd; margin: 0; padding: 0 0 .25em 0;} .citypage .fourcol .featured {background: #f7f7f7; border: 1px solid #ddd; padding: 10px;} .citypage .fourcol .featured h4 {font-weight: bold;} .citypage .fourcol .featured p {margin: 0; font-style: italic;} .citypage .fourcol .neighborhoods ul li {width: 278px; margin: 0 30px 0 0; float: left;} .citypage .fourcol .neighborhoods ul li.right {margin: 0;} /* =consumer footer */ #footer {clear: both; padding: 1em 0; position: relative; z-index: 1; background: #fff;} #footer .wrapper {width: 960px; margin: 0 auto;} #footer .wrapper .footersection {width: 17em; margin-right: 2em; float: left; display: block;} #footer .wrapper h4 {font-size: 12px; font-weight: bold; border-bottom: 1px solid #e7e7e7; padding-bottom: .25em; color: #555;} #footer .wrapper ul {list-style: none; font-size: 11px; margin-top: .25em;} #footer .wrapper ul li {margin: 0 0 .25em 0; line-height: 1.6em; background: url(../images/consumer/step2.png) 2px -724px no-repeat; padding-left: 1em; text-transform: capitalize;} #footer .wrapper ul.corp li {margin: 0 0 .25em 0; background: none; display: inline; padding: 0 1em 0 0;} #footer .wrapper ul li.help {background: url(../images/consumer/step2.png) 0 -1621px no-repeat; padding-left: 20px; width:16px;} #footer .wrapper ul li.phoneus {background: url(../images/consumer/step2.png) 0 -1877px no-repeat; padding-left: 20px; width:16px;} #footer .wrapper ul li.phoneuk {background: url(../images/consumer/step2.png) 0 -1816px no-repeat; padding-left: 20px; width: 16px;} #footer .wrapper ul li.email {background: url(../images/consumer/step2.png) 0 -1488px no-repeat; padding-left: 20px; width:16px;} #footer .wrapper ul li.help a {background: #fff;} #footer .wrapper ul li.phoneus p {background: #fff;} #footer .wrapper ul li.phoneuk p {background: #fff;} #footer .wrapper ul li.email a {background: #fff;} #footer p {clear: both; margin: 0 auto; padding-top: 1em; font-size: 11px; color: #555;} #footer p.copyright {margin-top: 1em;} /* =corporate footer */ #corpfooter {clear: both;} #corpfooter #footer { width: 920px; margin: 0 auto; padding: 0 !important; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #corpfooter #footer ul {list-style: none; font-size: 1.1em;} #corpfooter #footer ul li {margin: 0 0 .25em 0; background: none; padding: 0 1em 0 0; color: #FFF; } #PoweredBy {text-align: center; margin: 0 auto;} .Corp #PoweredBy {margin: 20px auto;} .Corp #PoweredBy span {background: url(../img/corporate/SeamlessLogo4-small.png) 100% 50% no-repeat; padding-right: 66px; line-height: 22px; display: inline-block;} .Corp #FooterWrapper {margin-bottom: 10px !important; width: 920px; margin: 0 auto;} .Corp #corpfooter {font-family: "museo-slab-1","museo-slab-2"; margin-top: 24px; text-shadow: 0px -1px 1px rgba(0,0,0,0.25);} .Corp #corpfooter #wrapper {width: 920px; border: none; padding: 12px 20px 10px; background: #212020; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;} #corpfooter #footer { background: #212020; } .Corp #corpfooter #footer ul {font-size: 14px; padding-top: 1em;} .Corp #corpfooter #footer ul li { font-size: 11px; padding-top: 2px; font-family: Arial,Helvetica,sans-serif; padding-bottom: 2px; } .Corp #corpfooter .wrapper ul li.Press {width: 166px;} .Corp #corpfooter .wrapper ul li.Solutions {width: 186px;} .Corp #corpfooter .wrapper ul li.Help {width: 120px;} .Corp #corpfooter .wrapper ul li.first {border-left: none; text-align: left;} .Corp #corpfooter .wrapper ul li.last {border-right: none; text-align: right; width: 120px;} .Corp #corpfooter span { color: #FFF; font-weight: 700; font-size: 14px; font-family: "museo-slab-1" , "museo-slab-2"; margin-top: 14px; padding-left: 0px; padding-right: 50px; background: url(../img/bucket_separator.png) repeat-y right; } .Corp #corpfooter .threecol { margin-right: 10px; } .Corp #corpfooter #footer .first ul li { margin-left: 20px; } .Corp #corpfooter .first span { margin-left: 20px; border-left: 0px; } .Corp #corpfooter .last span { border-right: 0px; background: none; } div.fifth { width: 188px; display: inline; float: left; position: relative; padding-bottom: 1em; } .Corp #corpfooter ul a {color: #fff; line-height: 1.5em;} .Corp #corpfooter ul a:link {} #corpfooter p.copyright {clear: both; margin: 0 auto; padding-top: 1em; padding-bottom: 1em; font-size: 10px; color: #555;} .Corp #corpfooter p.copyright {padding-left: 15px; padding-top: 9px; padding-bottom: 8px; font-size: 11px; color: #999;} .Corp .copyright a {color: #999;} /* =popup */ #popup {width: 630px; margin: 1em auto .5em auto; color: #555;} #popup h2 {color: #c00; font-size: 16px; font-weight: bold; margin: 0 0 .25em 0; padding: 0 0 .25em 0; border-bottom: 1px dotted #ccc; line-height: normal;} #popup h3 {margin: 1em 0 .5em 0;} #popup h3 span {font-size: 10px !important; font-weight: normal; font-style: italic;} #popup p {font-size: 12px; line-height: 150%;} #popup ol {margin: 0 0 1em 2em; font-size: 12px;} #popup ol li {margin: 0 0 .5em 0; line-height: 150%;} #popup h4.button {text-align: left; margin: 0;} #popup label img {margin: 0; padding: 0; vertical-align: bottom;} #popup label {padding: 0 0 .25em 0; display: block;} #popup input, #popup select, #popup textarea {width: 225px; margin: 0 0 1em 0; font-size: 12px; padding: .25em 0; display: block;} #popup input.hidden {display: none !important;} #popup input#VendorReviewTitle {font-size: 14px; font-weight: bold;} #popup .first {padding-top: .5em;} #popup textarea {display: block; font-size: 12px; height: 6em; width: 470px !important; margin: 0;} #popup .fieldbox {width: 50%; float: left;} #popup .fieldboxsmall {width: 19%; float: left;} #popup .fieldbox input, #popup .fieldbox select {width: 90%;} #popup .fieldboxsmall input, #popup .fieldboxsmall select {width: 90%;} #popup p.note {border-top: 1px dotted #ddd; padding-top: 1em;} #popup p.chartnote {border-top: 1px dotted #ddd; padding-top: 1em; font-size: 10px; font-style: italic;} #popup p.terms {margin: 0; font-size: 11px; font-style: italic;} #popup p.import a {font-weight: bold; display: block; background: #ffc url(../images/consumer/icon_import.gif) 2px 50% no-repeat; padding: .5em 0 .5em 1.6em; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc;} #popup p.newaddress {padding: 0; font-weight: bold; margin: -.5em 0 1em 0;} #popup p.newaddress a {background: url(../images/consumer/icon_add.gif) 0 50% no-repeat; padding-left: 18px;} /* =tagging popup */ #popup p.tagtext {margin: 0 0 .25em 0;} #popup h5 {font-size: 14px; font-weight: normal; color: #555; margin: 0; font-weight: bold;} #popup h5 a {background: #fff url(img/icon_help.gif) 0 0 no-repeat; padding-left: 20px;} #popup h5 a:hover {background: #ffa url(img/icon_help.gif) 0 0 no-repeat;} #popup #taglist {list-style: none; margin: 0;} #popup #taglist li {display: inline; margin-right: .25em; font-size: 16px; line-height: 150%;} /* =reorder from liked items */ #popup #NewAddressEdit .formfield {display: block; padding: 0 22px 0 0;} #popup #NewAddressEdit .first {padding-top: 0; clear: both;} #popup #NewAddressEdit .half {float: left; width: 100px;} #popup #NewAddressEdit #address {padding-top: 10px;} #popup #NewAddressEdit input, #popup #NewAddressEdit label, #popup #NewAddressEdit textarea {width: 225px; margin: 0 0 .5em 0; font-size: 12px;} #popup #NewAddressEdit select {width: 225px; font-size: 12px !important;} #popup #NewAddressEdit label {margin: .5em 0 0 0; font-size: 11px; line-height: 1.6em; position: relative;} #popup #NewAddressEdit label span {font-size: 10px; font-style: italic; color: #996;} #popup #NewAddressEdit label strong {color: #c00;} #popup #NewAddressEdit input.small {width: 100px;} #popup #NewAddressEdit input.hidden {display: none; visibility: hidden;} /* =rating popup */ #popup .star-rating, #popup .star-rating a:hover, #popup .star-rating a:active, #popup .star-rating a:focus, #popup .star-rating .current-rating {background: url(../images/consumer/rating_star.gif) left -1000px repeat-x;} #popup .star-rating {position:relative; width: 165px; height: 29px; overflow: hidden; list-style: none; margin: 0 0 2em 0; padding: 0; background-position: left top;} #popup .star-rating li {display: inline;} #popup .star-rating a, #popup .star-rating .current-rating {position: absolute; top: 0; left: 0; text-indent: -1000em; height: 29px; line-height: 29px; outline:none; overflow: hidden; border: none;} #popup .star-rating a:hover, #popup .star-rating a:focus {background-position: left bottom;} #popup .star-rating a.one-star {width: 20%; z-index: 6;} #popup .star-rating a.two-stars {width: 40%; z-index: 5;} #popup .star-rating a.three-stars {width: 60%; z-index: 4;} #popup .star-rating a.four-stars {width: 80%; z-index: 3;} #popup .star-rating a.five-stars {width: 100%; z-index: 2;} #popup .star-rating .current-rating {z-index: 1; background-position: left bottom;} #popup .publishtofacebook { padding: 1em 0 0 0; } #popup .publishtofacebook label {text-align: left; display: inline; padding: 0; font-size: 11px;} #popup .publishtofacebook input {margin: 0 .35em 0 0; border: 0; padding: 0; background: none; vertical-align: text-bottom; display: inline; width: auto;} .Corp #popup input, .Corp #popup select, .Corp #popup textarea {padding: 0;} .Corp #popup h4.button {padding-top: 1em;} .Corp #popup #orderTypeSelect, .Corp #popup #time, .Corp #popup #deliveryDate, .Corp #popup #selectDeliverType, .Corp #popup #deliveryAddress {height: 23px; line-height: 19px;} .Corp #popup #reviewTextCount { width: 472px; text-align: right; margin-top: .25em;} /* step 3b */ #itemoptions {color: #555; padding-bottom: 50px;} .Corp #itemoptions {margin-top: 50px;} #itemoptions.scroll {background: url(../images/consumer/scrolldown.gif) 100% 75px no-repeat;} #itemoptions h1 {color: #c00; font-size: 16px; font-weight: bold; margin: 0 0 .125em 0; padding-bottom: .25em; border-bottom: 1px solid #ddd;} #itemoptions h1 input {font-size: 14px; font-weight: bold; width: 1.5em; text-align: center; margin: 0 .5em 0 0; padding: .125em; color: #c00; display: inline;} #itemoptions label.quantity {font-size: 10px !important; padding-left: .25em;} #itemoptions img.item-image {border: 1px solid #ddd; margin: .5em 1em 0 0; float: left;} #itemoptions img.item-image:hover {border: 1px solid #00f;} #itemoptions h2 {margin: 0;} #itemoptions h3 {font-size: 12px; font-weight: bold; margin: 0 0 .25em 0; padding: 1em 0 .25em 0; border-bottom: 1px dotted #ddd; clear: both;} #itemoptions h3 span {font-weight: normal; font-size: 10px; font-style: italic;} #itemoptions p {margin: 0; font-size: 12px; line-height: 1.4em;} #itemoptions p.description {font-style: italic; margin-bottom: .5em;} #itemoptions.scroll p.description {padding-right: 140px;} #itemoptions.scroll p.specialinstructions {font-size: 11px; font-style: italic; padding: .5em 0 0 0; clear: both;} #itemoptions p.price {float: right; color: #c00; font-size: 16px; font-weight: bold; padding-top: .9em;} #itemoptions p.request {margin: 1em 0 0 0; padding: 1em 0 0 0; border-top: 1px dotted #ddd; font-size: 11px;} #popup #itemoptions p.request {margin-top: 0; padding-top: 0; border: 0;} #itemoptions p.cancel {margin: .5em 0 0 0; font-size: 12px;} #itemoptions p.note {margin: 0 0 .5em 0; font-size: 11px; border: 0; padding: 0;} #itemoptions p.like {float: right; color: #630; font-style: italic; margin-left: 1em; background: url(../images/consumer/icon_thumb.gif) 0 3px no-repeat; padding-left: 18px;} #itemoptions p.liked {float: right; color: #c00; font-style: italic; margin-left: 1em; background: url(../images/consumer/icon_thumb.gif) 0 3px no-repeat; padding-left: 18px;} #itemoptions p.like a {background: #ffa;} #itemoptions p.maxfilesize {clear: both; color: #999; font-size: 11px;} #popup #itemoptions h5.button {font-size: 11px; font-weight: normal; margin-top: .5em;} #popup #itemoptions h5.button a {padding: .35em 10px .35em 5px; border: 1px solid #ddd; float: left; margin: 0 1em 0 0; background: #f7f7f7 url(../images/consumer/subnav_bg.gif) bottom left repeat-x; width: 125px;} #popup #itemoptions h5.button a:hover {text-decoration: none; border: 1px solid #ccc; background: #f7f7f7;} #popup #itemoptions h5.button img {margin: 0 5px 0 0; display: inline; vertical-align: middle;} #popup #itemoptions h5.noimage a {float: left; margin: .5em 1em 0 0;} #itemoptions ul {list-style: none;} #itemoptions ul li {width: 300px; float: left; margin: 0 5px; padding: .5em 0; border-bottom: 1px dotted #ddd;} #itemoptions input.checkbox {margin: 0 .5em 0 0; border: 0; padding: 0; width: auto; display: inline; vertical-align: top;} #itemoptions textarea {width: 470px; height: 4em; font-size: 11px; color: #c00; margin: 0;} #itemoptions ul li label {font-size: 11px; padding: 0;} #itemoptions img.button {display: inline; cursor: pointer;} #itemoptions h4.left {margin-top: 0;} #popup #fixedbottom {position: absolute; bottom: 0; left: 20px; width: 630px; height: 65px; overflow: hidden; background: #fff; border-top: 1px solid #ddd;} #popup #fixedbottom h4.button {padding-top: 1em; clear: none;} #popup #fixedbottom p.cancel {margin: 0; float: right; padding-top: 1em; text-align: right;} #popup #fixedbottom p.cancel span {padding: 3px 12px 3px 3px; margin: 0; background: #ffc url(../images/consumer/bullet.gif) 98% 50% no-repeat; font-size: 11px; font-style: italic; font-weight: bold;} #itemoptions p.request a {background: url(../images/consumer/icon_email.png) 0 0 no-repeat; padding-left: 20px;} .Corp #itemoptions ul {padding-left: 5px;} /* global settings needed for thickbox */ html, body {min-height: 100%; height: auto !important; height: 100%;} /* thickbox stylings */ #TB_overlay { position: absolute; z-index:10001; width: 100%; height: 100%; top: 0; left: 0; min-height: 100%; background-color: #333; filter: alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90;} #TB_window {position: absolute; background: #fff; z-index: 10002; color: #555; display:none; border: 1px solid #333; text-align:left;} #TB_window img {display:block; margin: 15px 0 0 15px;} #TB_caption {padding:7px 30px 10px 25px; text-align: center; font-weight: bold; font-size: 14px; color: #333;} #TB_closeWindow { padding: 0; margin: 0; position: absolute; top: 3px; right: 9px; z-index: 200;} #TB_closeWindowButton img {padding: 0; margin: 0; display: block;} #TB_closeAjaxWindow {padding:6px 10px 7px 0; margin-bottom:1px; text-align:right; float:right;} #TB_ajaxWindowTitle {float:left; padding:7px 0 5px 10px; margin-bottom:1px; color: #999; font-style: italic;} #TB_title{background-color:#ddd; height:27px;} #TB_ajaxContent {clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em;} #TB_ajaxContent p {padding:5px 0px 5px 0px;} #TB_load {position: absolute; display:none; height:100px; width:100px; z-index:10002;} #TB_HideSelect {z-index:99; position:absolute; top: 0; left: 0; width:100%; height:100%; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0;} #TB_iframeContent {border:none; clear:both;} #TB_secondLine {font-size: 11px; font-weight: normal; margin-top: .5em; color: #666;} #TB_next, #TB_prev {margin: 0 5px;} /*-----Spinner Style--------*/ .spin_div { background: #f7f7f7 url('../images/ajaxIndicator.gif') no-repeat center center; opacity: 0.75; filter:alpha(opacity: 75); -moz-opacity: 0.75; -khtml-opacity: 0.75; } .headerImage { background: url(../images/consumer/step2.png) 0 0; width: 360px; height: 28px; } .howdoesitwork { background: url(../images/Consumer/consumerstep1.png) 0 -133px; width: 610px; height: 349px; } .nowfeeding_burst { background: url(../images/consumer/consumerstep1.png) 0 -532px; width: 150px; height: 275px; float: right; border: 1px solid #ddd; margin-left: 20px; cursor:pointer; } #searchButton { background: url(../images/consumer/step2.png) 0 -935px; width: 56px; height: 20px; margin:0.5em 0 0; } #button_applysmall { background: url(../images/consumer/step2.png) 0 -785px; width: 56px; height: 20px; } .submitaddressButton { background: url(../images/consumer/step2.png) 0 -1005px; width: 90px; height: 23px; clear:left; margin:1em 0.5em 0 0; border:1px solid #333399; cursor:pointer; display: -moz-inline-stack; /* mozilla2 hack*/ display:inline-block; /*Ie6 and Ie7 Hack*/ zoom: 1; *display: inline; } .submittimeButton { background: url(../images/consumer/step2.png) 0 -1078px; width: 90px; height: 23px; clear:left; margin:1em 0.5em 0 0; border:1px solid #333399; cursor:pointer; display: -moz-inline-stack; /* mozilla2 hack*/ display:inline-block; /*Ie6 and Ie7 Hack*/ zoom: 1; *display: inline; } .buttonImg { display: -moz-inline-stack; /* mozilla2 hack*/ display:inline-block; vertical-align:bottom; border:1px solid #333399; /*Ie6 and Ie7 Hack*/ zoom: 1; *display: inline; } .joinButton { background: url(../images/consumer/step2.png) 0 -1941px; width: 310px; height: 32px; border-bottom:1px solid #E7E7E7; margin:0 auto 0.25em; border:0 none; cursor:pointer; } .rating5 { background: url(../images/consumer/step2.png) -410px -246px; width: 37px; height: 8px; margin:2px 2px 0 0; float:left; } .rating4 { background: url(../images/consumer/step2.png) -410px -188px; width: 37px; height: 8px; margin:2px 2px 0 0; float:left; } .rating3 { background: url(../images/consumer/step2.png) -410px -130px; width: 37px; height: 8px; margin:2px 2px 0 0; float:left; } .rating2 { background: url(../images/consumer/step2.png) -410px -72px; width: 37px; height: 8px; margin:2px 2px 0 0; float:left; } .phoneus p, .phoneuk p { width:80px; padding:0 0 0 0 !important; } #bookmarkInfo { background: url(../images/consumer/step2.png) 0 -1358px; width: 15px; height: 15px; border:0; } #bookmarkedInfo { background: url(../images/consumer/step2.png) 0 -1293px; width: 15px; height: 15px; border:0; } #starthere .formfield input { display:inline !important; } /* Mootools DatePicker related CSS classes..*/ input.DatePicker { background:url("../images/vendors/icon_calendar.gif") no-repeat scroll 2px 50% #FFFFFF; margin:0; width:70%; display: block; width: 150px; padding: 3px 3px 3px 24px; border: 1px solid #0070bf; font-size: 13px; cursor: pointer; } .dp_container{ position: relative; padding: 0; z-index: 500; } .dp_cal{ background-color: #fff; border: 1px solid #0070bf; position: absolute; width: 177px; top: 24px; left: 0; margin: 0px 0px 3px 0px; } .dp_cal table{ width: 100%; border-collapse: collapse; border-spacing: 0; } .dp_cal select{ margin:0 1em 0 0 !important; padding:0; width:auto !important; font-size: 11px; } .dp_cal select option{ padding: 1px 3px; } .dp_cal th, .dp_cal td{ width: 14.2857%; text-align: center; font-size: 11px; padding: 2px 0; } .dp_cal th{ border: solid #aad4f2; border-width: 1px 0; color: #797774; background: #daf2e6; font-weight: bold; } .dp_cal td{ cursor: pointer; } .dp_cal thead th{ background: #d9eefc; } .dp_cal td.dp_roll{ color: #000; background: #fff6bf; } /* must have this for the IE6 select box hiding */ .dp_hide{ visibility: hidden; } .dp_empty{ background: #eee; } .dp_today{ background: #daf2e6; } .dp_selected{ color: #fff; background: #328dcf; } /* Loading Image */ img.loading { padding: 18px 0 0 300px !important; } /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 200%; } /* Dialog Box */ .ui-dialog { position: absolute !important; top: -1px !important; width: 700px !important; padding: 0; } .ui-dialog-titlebar { position: fixed; z-index: 10; width: 660px; padding: 15px 19px 15px 19px !important; background-color: #f7f7f7; height: 115px !important; border: 1px #ddd solid; } /* Dialog Box Content for Misc. html Pages */ .ui-dialog-titlebar#other { height: 15px !important; } .ui-dialog-content h1 {color: #c00; font-size: 16px; font-weight: bold; margin: 0 0 .5em 0; padding-bottom: .5em; border-bottom: none !important; } .ui-dialog-content p.cancel { position: absolute; right: 20px; top: 15px; font-size: 10px; } .ui-dialog-content p.cancel-bottom { position: absolute; right: 20px; bottom: 10px; font-size: 10px; } /* Dialog Box Content for Item Options */ .ui-dialog-content #itemoptions p {margin: 0; font-size: 12px; line-height: 1.4em;} .ui-dialog-content #itemoptions p.description {font-style: italic; padding-bottom: 5px; } .ui-dialog-content #itemoptions p.price {float: right; color: #c00; font-size: 16px; font-weight: bold; margin-top: -3px;} .ui-dialog-content #itemoptions p.note {margin: 0 0 .5em 0; font-size: 11px; border: 0; padding: 0;} .ui-dialog-content #itemoptions p.specialinstructions {font-size: 11px; font-style: italic; padding: 15px 0 0 0; clear: both;} .ui-dialog-content #itemoptions p.cancel { position: absolute; right: 20px; top: 0px; font-size: 10px; } .ui-dialog-content #itemoptions p.cancel-bottom { position: absolute; right: 20px; bottom: 15px; font-size: 10px; } .ui-dialog-content #itemoptions p.request {margin: 8px 0 10px 0; padding-bottom: 5px; font-size: 11px;} .ui-dialog-content #itemoptions p.request a:hover { color: #00f; } .ui-dialog-content #itemoptions p.like {float: right; color: #630; font-style: italic; margin-left: 1em; background: url(../images/consumer/icon_thumb.gif) 0 0 no-repeat; padding-left: 18px;} .ui-dialog-content #itemoptions p.like a {background: #ffa;} .ui-dialog-content #itemoptions h1 { color: #c00; font-size: 16px; font-weight: bold; margin: 0 0 .5em 0; padding-bottom: .5em; border-bottom: 1px dotted #ddd !important;} .ui-dialog-content #itemoptions h1 input {font-size: 14px; font-weight: bold; width: 1.5em; text-align: center; margin: 0 .5em 0 0; padding: .125em; color: #c00; display: inline;} .ui-dialog-content #itemoptions h2 {margin: 0;} .ui-dialog-content #itemoptions h3 {font-size: 12px; font-weight: bold; margin: 0 0 .25em 0; padding: 1em 0 .25em 0; border-bottom: 1px dotted #ddd; clear: both;} .ui-dialog-content #itemoptions h3 span {font-weight: normal; font-size: 10px; font-style: italic;} .ui-dialog-content #itemoptions label.quantity { font-size: 10px !important; padding: 1em .25em .5em .25em !important; } .ui-dialog-content #itemoptions img.item-image { border: 1px solid #ddd; margin: .5em 1em 0 0; float: left;} .ui-dialog-content #itemoptions img.item-image:hover {border: 1px solid #00f;} .ui-dialog-content #itemoptions img.button {display: inline; cursor: pointer;} .ui-dialog-content #itemoptions ul {list-style: none;} .ui-dialog-content #itemoptions ul li {width: 300px; float: left; margin: 0 5px; padding: .5em 0; border-bottom: 1px dotted #ddd;} .ui-dialog-content #itemoptions ul li label {font-size: 11px; padding: 0;} .ui-dialog-content #itemoptions input.checkbox {margin: 0 .5em 0 0; border: 0; padding: 0; width: auto; display: inline; vertical-align: top;} .ui-dialog-content #itemoptions textarea {width: 615px; height: 4em; font-size: 11px; color: #c00; margin: 0;} /* Component Containers */ .ui-widget { } .ui-widget input, .ui-widget select, .ui-widget textarea, { } .ui-widget-content { background: #ffffff; -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px !important; } .ui-widget-content a { } .ui-widget-content a:hover { } .ui-widget-header { background: none; height: 5px; border: none; } .ui-widget-header a { } /* Background Overlay */ .ui-widget-overlay { background: #333 !important/*url(http://jqueryui.com/themeroller/images/?new=333333&w=40&h=40&f=png&q=100&fltr[]=over|textures/08_diagonals_thick.png|0|0|10) 0 0 repeat*/; opacity: .6;filter:Alpha(Opacity=60); } /*Auto Complete Css*/ .ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ /*width: 100%;*/ font: menu; font-size: 12px; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height: 16px; overflow: hidden; } .ac_odd { background-color: #eee; } .ac_over { background-color: #0A246A; color: white; } /* Slideshow for Step1 */ #slideshow { margin: 5px 0 50px 0; height: 134px; } #slideshow a:hover { background: #fff !important;} #slideshow img { position: absolute; width: 631px; height: 174px; } #slideshow img.active {z-index: 10;} #slideshow img.last-active {z-index: 9;} /*Forgot Username and password*/ #logo span {color: #660000; display: inline; font-size: 14px; font-weight: bold; padding: 0 0 0 1em; position: absolute; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3); text-transform: uppercase; line-height: 2.5em;} .container {clear: both; display: block; margin: 0 auto; padding: 0; position: relative; width: 940px;} .container .bodywrapper {margin: 15px 0 0;} #container .bodywrapper ol { font-size: 12px; margin: 5px 0 5px 20px; } #container .bodywrapper ol li { margin-bottom: 2px; } #container .bodywrapper ol li#last { margin-bottom: 15px; } .bodywrapper p {font-size: 12px; margin: 1em 0; color: #555; } .bodywrapper a { font-size: 11px; } .bodywrapper h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 23px; font-style: normal; font-weight: normal; color: #c00; margin: 0 0 10px 0; border-bottom: 1px dotted #ddd; line-height:1.5em;} .bodywrapper label {display: block; position: relative; float: left; width: 370px; padding: 0 20px .5em 0;} .bodywrapper #userNameLabel { clear: both; } .bodywrapper #userNameLabel input#login { border:none !important; clear: both; width: 20px; } .bodywrapper label span { font-size: 11px; font-style: italic; } .bodywrapper input {border: 1px solid #559CD2; font-family: Arial, sans-serif; font-size: 12px; color: #555; margin: .75em 0; padding: .5em 0 .5em 5px; -moz-box-shadow: inset 0 5px 10px rgba(0,0,0,.05); -webkit-box-shadow: inset 0 5px 10px rgba(0,0,0,.05); width: 350px; } .bodywrapper input:focus {-moz-box-shadow: 0 0 5px rgba(85,156,210,0.5) !important; -webkit-box-shadow: 0 0 5px rgba(85,156,210,0.5) !important;} .bodywrapper h4.button {border: 0; background: none; padding: 0; margin: 0; text-align: left; display: block; clear: both; width: 295px; font-size: 14px;} .bodywrapper h4.button span { font-weight: normal; font-size: 11px; color: #fff; } .bodywrapper h4.button a {width:295px; background: #339 url(../images/button-overlay.png) 0 50% repeat-x; display: block; padding: 0 0 0 10px; color: #fff; text-decoration: none; font-weight: bold; -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.35); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.35); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); position: relative; border: 1px solid #339;} .bodywrapper h4.button a:hover {text-decoration: none; color: #fff !important; background-color: #228 !important; border-color: #228;} .bodywrapper p.corporatelogin {font-weight: bold; font-size: 14px; margin-top: 1em;} .bodywrapper .errorexplanation {margin: 0 0 0.5em; font-size: 12px;} .header {background: none repeat scroll 0 0 #D12516; border-bottom: 1px solid #BB0000; border-top: 1px solid #BB0000; padding: 1.25em 0;} .header .container {clear: both; display: block; margin: 0 auto; padding: 0; position: relative; width: 940px;} .header .container h4 {float: right; color: #fff; display: block; font-size: 14px; font-weight: normal; line-height: 1.6em; margin-top: -.5em; padding: 0;} .header .container span {color: #660000; display: inline; font-size: 14px; font-weight: bold; padding: 0 0 0 1em; position: absolute; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3); text-transform: uppercase; top: 7px; line-height: 1.5em; margin: 0;} .header .container ul {clear: both; text-align: right; float: right; margin: 0; font-size: 11px; list-style: none;} .header .container ul li {display: inline; border-right: 1px solid #bc2114; text-transform: capitalize;float: left; margin: 0; padding: 0; position: relative;} .header .container ul li.last {padding-right: 0; border: 0;} .header .container ul li a {padding: .25em 1em .5em .75em; display: block; text-decoration: none; float: left; color: #fff; border-right: 1px solid #d63b2e;} .header .container ul li a:hover {color: #e8928b;} #footer {padding: 15px 0 10px 0 !important; margin: 0 !important; clear: both;} #footer .container {width: 940px; margin: 0 auto; padding: 12px 0 0 0; display: block; position: relative; clear: both;} #footer .container p {font-size: 11px; color: #b5b5b5; margin: 0; padding: 5px 0 0 0; } #footer .container p.copyright {margin-top: 1em;} /* strong pw policy style */ .bodywrapper .strengthindicator {display: inline; font-size: 11px; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; margin: 0 0 0 .5em; padding-left: 20px;} .bodywrapper .weak {color: #c00; background: url(../images/icon_decline.gif) 0 50% no-repeat; padding-bottom: 1px;} .bodywrapper .strong {color: #090; background: url(../images/icon_accept.gif) 0 50% no-repeat; padding-bottom: 1px; } .bodywrapper .normal {color: #ffcc00; background: url(../images/icon_normal.png) 0 50% no-repeat; padding-bottom: 1px; } .reqcat { font-family:Arial;font-size:12px;color:#555; } .reqcatText { font-family:Arial;font-size:11px;color:#555; font-weight:bold; } .findfoodbutton { background-image: url(../img/redButton.png); background-position: 0px -14px; padding-left:8px !important; cursor: pointer !important; background-repeat: no-repeat !important; width: 276px !important; height:33px !important; display: inline-block !important; background-repeat: no-repeat !important; margin-bottom:10px !important; padding-top:2px;} .findfoodbutton a { text-decoration: none !important; color: #FFFFFF !important;} .findfoodbutton:hover { background-position: 0px -64px; text-decoration: none !important; } .largewhite { font-family: "museo-slab-1","museo-slab-2" !important; font-size: 17px !important; font-weight: 700 !important; text-transform: uppercase !important; color: #FFFFFF !important; line-height: 2.10em !important; } .topmar10 { margin-top: 10px !important; } .menuitemoriginal { width: 630px !important; } .floatright { float: right !important; } #restaurantinfo h3 a { font-weight: bold; } .additemorder { width: 235px; height: 20px; padding: 6px 10px; margin: 9px 0 5px 0; display: inline-block; font-size: 14px; text-transform: none; color: white!important; text-decoration: none!important; font-weight: bold; font-family: Arial,Helvetica,sans-serif; text-align: left; background: #399 url(../img/button-overlay.png) 0 50% repeat-x!important; border: 1px solid #399; cursor: pointer; outline: 0; } .additemorder:hover { background-color: #236969!important; } .mindifference { font-size: 14px; font-style: italic; padding-bottom:10px; text-align:center; } .orderMorebutton { background-image: url(../img/corporate/corporateCheckoutBtn_grey.png); padding-left: 7px; padding-right: 7px; padding-top: 5px; cursor: pointer; background-repeat: no-repeat; width: 300px; height: 33px; display: inline-block; font-family: "museo-slab-1" , "museo-slab-2" !important; font-weight: 700; text-transform: uppercase; color: #FFFFFF; line-height: 1.8em; margin-bottom: -5px; } .orderMorebutton h4 { position: relative; color: White; font-size: 16px; } .orderMin { font-size: 12px; padding-left: 7px; } .corp2header { vertical-align: bottom; } #RatingsDetail { clear: both; margin: 20px 0 10px 0; display: none; } #resultstable thead tr th a img { position: relative; left: 5px; top: 2px; display: none; } .corpSortArrow { position: relative; top:2px; left: 5px; } /*boxover*/ .boxoverOptionHeader { display: none; } .boxoverOptionBody { border: 1px solid #E7E7E7; width: 250px; text-align: left; font-family: Arial, sans-serif; line-height: 150%; font-size: 12px; padding: 5px 10px 5px; color: #555; background: #fff; } .field-validation-error { color: red; } .input-validation-error { border-color: red; font-size: inherit; font-style: normal; margin-bottom: 0; -moz-box-shadow: 1px 1px 1px 1px #f39595; -webkit-box-shadow: 1px 1px 1px 1px #f39595; box-shadow: 1px 1px 1px 1px #f39595; } .cardImage { width: 45px; height: 24px; display: inline; vertical-align: middle; } .usAcceptedCards { width: 480px; height: 50px; } .ukAcceptedCards { width: 550px; height: 50px; } .weAccept { width: 100px; } .allCards { width: 550px; height: 50px; } .cardIcon { width: 66px; height: 44px; } .primaryCardImage { width: 45px; height: 24px; vertical-align: middle; } .overageCardImage { width: 45px; height: 24px; vertical-align: middle; } .primaryCCError { margin-left:50px; } .overageCCError { margin-left:50px; } .primaryCCTypeMismatch { display: none; color: #C90117; } .overageCCTypeMismatch { display: none; color: #C90117; } .redBox { border: 1px solid #C90117; color: #C90117; } .savedCCTable { width: 750px; } .savedCCTable tr td span { color: red;display: none;} #sidebar div.boxed .grabAndGoRadioBtn {text-align:left;padding:0;border:0;font-size:11px;} #sidebar div.boxed .grabAndGoTable {clear:both;text-align:left;border: 0;} #sidebar div.boxed .grabAndGoHeader{font-weight:bold;border:0;color:#555555;font-size:12px;float:left;padding: 0;text-align:left;} .grabAndGoRadioBtn_border{border-width: 0px;}