/* ---------------------------------------------------------------- menupages.com global CSS copyright 2009 New York Media ---------------------------------------------------------------- */ /*~ 1. Reset ----------------------------------------------------------------------*/ html,body,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-size:100%;line-height:1em;font-family:inherit}table{border-collapse:collapse;border-spacing:0}ol,ul{list-style:none}q:before,q:after,blockquote:before,blockquote:after{content:""} /*~ 2. Base styles ----------------------------------------------------------------------*/ body { background: #fff; color: #000; font: normal 62.5% Verdana, Helvetica, sans-serif; text-align: center; } a { text-decoration: none; outline: none; } a, .global-hdr .content li a, .global-ftr a {color: #2b69af;} a:hover, .global-hdr .content li a:hover, .global-ftr a:hover {color: #f36b21; text-decoration: underline;} input {outline: none;} .body-wrp {text-align: left; margin: 0 auto; width: 990px;} .col-1 {width: 156px; margin-right: 14px;} .col-2 {width: 313px; margin-right: 14px;} .col-3 {width: 491px; margin-right: 4px;} .col-4 {width: 654px; margin-right: 4px;} .col-5 {width: 821px;} .col-6 {width: 990px;} /* for homepage map column */ .col-2-alt {width: 321px; margin-right: 7px;} .col-2-alt .module {width: 318px;} .col-2-alt .module .head {margin: 0 4px 0 1px;} .col-3-alt {width: 483px; margin-right: 13px;} .col-3-alt .module {width: 483px;} .col-3-300ad #content-main {margin-right: -312px; float: left; width: 669px; margin-right: 9px;} .col-3-300ad #content-main #content-primary {width: 498px; float: right;} .col-3-300ad #content-main #content-context {width: 162px; float: left;} .col-3-300ad #content-secondary {float: right; width: 312px;} .col-3-160ad #content-main {margin-right: -312px; float: left; width: 669px; margin-right: 9px;} .col-3-160ad #content-main #content-primary {width: 630px; float: right;} .col-3-160ad #content-main #content-context {width: 162px; float: left;} .col-3-160ad #content-secondary {float: right; width: 160px;} .col-2-300ad #content-main {margin-right: -312px; float: left; width: 669px; margin-right: 9px;} .col-2-300ad #content-secondary {float: right; width: 312px;} .row {margin-bottom: 13px;} .row .module {float: left;} .column {float: left;} .column .module {float: none; margin-right: 0;} .clearer { clear: both; } .formError { padding-left:142px; padding-bottom: 5px; color: #FF0000; font-weight: bold; } body .end-row {float: right;} .error-msg {color: #f36b22;} #frmLogin .error-msg {margin-bottom: 10px;} #frmLogin .error-msg p {line-height: 1.2em; font-weight: bold;} .success-msg {color: #000;} .success-msg h3 {font: bold 2.4em Arial, sans-serif; color: #f36b22; margin-bottom: 10px;} .success-msg p {font: 12px Georgia, sans-serif;} .ad-spot {text-align: center; font-size: 10px;} .ad-spot .head {color: #999; margin-bottom: 3px;} .ad-spot .head h6 {font: normal 9px Verdana, Geneva, sans-serif; text-transform: uppercase; letter-spacing: 0.13em; color: #c8c7c7;} .ad-spot .content {background-color: #f7f7f7; text-align: center;} .ad-160x600 {margin-top: 7px;} .ad-160x600 .content {height: 600px;} .ad-160x200 {margin-top: 7px;} .ad-300x250 {margin: 0 auto 10px; width: 300px; background-color: #f7f6f6; padding: 0 6px 6px;} .ad-300x250 .head {padding: 6px;} /* .ad-300x250 .content {height: 250px;} */ #pencil-pushdown {background-color: #AAA; text-align: center; padding: 0; margin: 0;} #pencil-pushdown .ad-980x30 { width: 975px; margin: 0 auto; } #pencil-pushdown .content {background-color: #000;} /* Temp */ #pencil-pushdown {background-color: #004E77;border-bottom: 1px solid #256A8F;padding: 5px 0;} .mc .head {background-color: #bbdced; padding: 3px 7px; color: #534741;} .mc .head h3 {font: 12px Verdana, sans-serif; color: #534741; font-weight:bold; } .new, .new:hover, .homepage .module ul li a.new, .homepage .module ul li a.new:hover, #content-context .module .content ul li a.new, #content-context .module .content ul li a.new:hover { color:#fb6d00; padding-right:22px; background:transparent url(/images/new.png) no-repeat 100% 75%; } #featureTagSelect .new { background:transparent url(/images/new.png) no-repeat 98% 75%; } /*~ 3. Header/Nav ----------------------------------------------------------------------*/ .standard .campaign .mc .content {padding: 0;} #campaign-hdr {margin: 24px 0; text-align: center;} #campaign-hdr h1 {margin: 0 auto; display: block; width: 256px; height: 54px; text-indent: -999em; background: url(/gfx/h1-logo-256x54.gif) no-repeat; } .global-hdr h1, .global-hdr h1 a {display: block; width: 332px; height: 95px; text-indent: -999em; background: url(/gfx/h1-logo.gif) no-repeat; } .destination .global-hdr h1 a {background: url(/gfx/h1-logo-destinations.gif) no-repeat; } #utility-bar #change-city {background-color: #1287b3; text-align: center; height: 0; display: none;} #utility-bar #change-city h2 { width: 480px; height: 25px; text-indent: -999em; background: url(/gfx/welcome-bg.gif) no-repeat 0px 14px; padding-top: 14px; position: relative; margin: 0px auto 14px; } #utility-bar #global-nav {background: #014f76; text-align: center;} #utility-bar ul {width: 990px; height: 20px; margin: 0 auto; position: relative;} #utility-bar ul li a { position: absolute; top: 0; text-indent: -9999px; overflow: hidden; text-decoration: none; margin: 0 11px; outline: none; background: url(/gfx/global-nav-bg.gif) no-repeat; height: 20px; display: block; } #utility-bar ul li a:hover { background-image: url(/gfx/global-nav-bg.gif); padding: 0 11px; margin: 0;} /*#utility-bar #change-city ul li a { color: #fff; font: 13px Arial bold; background: none; text-indent: 0px; float: left; position: relative; } #utility-bar #change-city ul li a:hover { background: #f36b22; }*/ /* -- change city menu positioning -- */ #utility-bar ul li#new-york a {left: 22px; top: 10px; width: 104px; background-position: -28px 0;} .new-york-city #utility-bar ul li#new-york a {background-position: -17px -80px; margin: 0; padding: 0 11px;} #utility-bar ul li#new-york a:hover, .new-york-city #utility-bar ul li#new-york a:hover {background-position: -17px -40px;} #utility-bar ul li#san-francisco a {left: 20px; top: 30px; width: 106px; background-position: -151px 0;} .san-francisco #utility-bar ul li#san-francisco a {background-position: -140px -80px;} #utility-bar ul li#san-francisco a:hover, .san-francisco #utility-bar ul li#san-francisco a:hover {background-position: -140px -40px;} #utility-bar ul li#los-angeles a {left: 178px; top: 10px; width: 88px; background-position: -278px 0;} .los-angeles #utility-bar ul li#los-angeles a {background-position: -267px -80px;} #utility-bar ul li#los-angeles a:hover, .los-angeles #utility-bar ul li#los-angeles a:hover {background-position: -267px -40px;} #utility-bar ul li#philadelphia a {left: 175px; top: 30px; width: 96px; background-position: -387px 0;} .philadelphia #utility-bar ul li#philadelphia a {background-position: -376px -80px;} #utility-bar ul li#philadelphia a:hover, .philadelphia #utility-bar ul li#philadelphia a:hover { background-position: -376px -40px;} #utility-bar ul li#boston a {left: 324px; top: 10px; width: 52px; background-position: -504px 0;} .boston #utility-bar ul li#boston a {background-position: -493px -80px;} #utility-bar ul li#boston a:hover, .boston #utility-bar ul li#boston a:hover { background-position: -493px -40px;} #utility-bar ul li#chicago a {left: 321px; top: 30px; width: 58px; background-position: -576px 0;} .chicago #utility-bar ul li#chicago a {background-position: -565px -80px;} #utility-bar ul li#chicago a:hover, .chicago #utility-bar ul li#chicago a:hover { background-position: -565px -40px;} #utility-bar ul li#washington-dc a {left: 433px; top: 10px; width: 114px; background-position: -656px 0;} .washington-dc #utility-bar ul li#washington-dc a {background-position: -645px -80px;} #utility-bar ul li#washington-dc a:hover, .washington-dc #utility-bar ul li#washington-dc a:hover { background-position: -645px -40px;} #utility-bar ul li#south-florida a {left: 438px; top: 30px; width: 105px; background-position: -791px 0;} .south-florida #utility-bar ul li#south-florida a {background-position: -780px -80px;} #utility-bar ul li#south-florida a:hover, .south-florida #utility-bar ul li#south-florida a:hover { background-position: -780px -40px;} /* -- 'current' states -- */ .new-york-city #utility-bar ul li#new-york a, .san-francisco #utility-bar ul li#san-francisco a, .los-angeles #utility-bar ul li#los-angeles a, .philadelphia #utility-bar ul li#philadelphia a, .boston #utility-bar ul li#boston a, .chicago #utility-bar ul li#chicago a, .washington-dc #utility-bar ul li#washington-dc a, .south-florida #utility-bar ul li#south-florida a {margin: 0; padding: 0 11px;} #utility-bar ul li.hide a {left: 923px; top: 20px; width: 51px; background-position: -931px 0; margin: 0;} /* -- global nav menu positioning -- */ #utility-bar #global-nav ul {background: #014f76 url(/gfx/global-nav-bg.gif) no-repeat 50% -20px;} #utility-bar #global-nav ul.nav-has-blog {background-position: 50% -100px;} #utility-bar #global-nav li, #utility-bar #global-nav li a, #utility-bar #global-nav li a:hover {margin: 0; padding: 0;} .destination #utility-bar #global-nav ul {background: #014f76 url(/gfx/global-nav-bg.gif) no-repeat 50% -220px;} #utility-bar ul li.nav-home a {left: 191px; width: 40px; background-position: -191px -20px;} #utility-bar ul li.nav-home a:hover {background-position: -191px -60px;} #utility-bar ul li.nav-my-menupages a {left: 251px; width:109px; background-position: -251px -20px;} #utility-bar ul li.nav-my-menupages a:hover { background-position: -251px -60px;} #utility-bar ul li.nav-restaurateurs a {left: 378px; width:115px; background-position: -378px -20px;} #utility-bar ul li.nav-restaurateurs a:hover {background-position: -378px -60px;} #utility-bar ul li.nav-submit a {left: 514px; width: 111px; background-position: -514px -20px;} #utility-bar ul li.nav-submit a:hover {background-position: -514px -60px;} #utility-bar ul li.nav-changecity a {left: 644px; width: 93px; background-position: -644px -20px;} #utility-bar ul li.nav-changecity a:hover {background-position: -644px -60px;} #utility-bar ul li.nav-login a {left: 755px; width: 43px; background-position: -755px -20px;} #utility-bar ul li.nav-login a:hover {background-position: -755px -60px;} #utility-bar ul li.nav-logout a {left: 755px; width: 54px; background-position: -715px -139px;} #utility-bar ul li.nav-logout a:hover {background-position: -715px -159px;} .destination #utility-bar ul li.nav-home a {left: 324px; width: 40px; background-position: -191px -20px;} .destination #utility-bar ul li.nav-home a:hover {background-position: -191px -60px;} .destination #utility-bar ul li.nav-my-menupages a {left: 383px; width:109px; background-position: -251px -20px;} .destination #utility-bar ul li.nav-my-menupages a:hover { background-position: -251px -60px;} .destination #utility-bar ul li.nav-changecity a {left: 512px; width: 93px; background-position: -644px -20px;} .destination #utility-bar ul li.nav-changecity a:hover {background-position: -644px -60px;} .destination #utility-bar ul li.nav-login a {left: 623px; width: 43px; background-position: -755px -20px;} .destination #utility-bar ul li.nav-login a:hover {background-position: -755px -60px;} .destination #utility-bar ul li.nav-logout a {left: 623px; width: 54px; background-position: -715px -139px;} .destination #utility-bar ul li.nav-logout a:hover {background-position: -715px -159px;} #utility-bar ul.nav-has-blog li.nav-home a {left: 164px; background-position: -164px -100px;} #utility-bar ul.nav-has-blog li.nav-home a:hover {background-position: -164px -120px;} #utility-bar ul.nav-has-blog li.nav-blog a {left: 224px; width: 35px; background-position: -224px -100px;} #utility-bar ul.nav-has-blog li.nav-blog a:hover {background-position: -224px -120px;} #utility-bar ul.nav-has-blog li.nav-my-menupages a {left: 277px; background-position: -277px -100px;} #utility-bar ul.nav-has-blog li.nav-my-menupages a:hover {background-position: -277px -120px;} #utility-bar ul.nav-has-blog li.nav-restaurateurs a {left: 405px; width:115px; background-position: -405px -100px;} #utility-bar ul.nav-has-blog li.nav-restaurateurs a:hover {background-position: -405px -120px;} #utility-bar ul.nav-has-blog li.nav-submit a {left: 541px; background-position: -541px -100px;} #utility-bar ul.nav-has-blog li.nav-submit a:hover {background-position: -541px -120px;} #utility-bar ul.nav-has-blog li.nav-changecity a {left: 670px; background-position: -670px -100px;} #utility-bar ul.nav-has-blog li.nav-changecity a:hover {background-position: -670px -120px;} #utility-bar ul.nav-has-blog li.nav-login a {left: 782px; background-position: -782px -100px;} #utility-bar ul.nav-has-blog li.nav-login a:hover {background-position: -782px -120px;} #utility-bar ul.nav-has-blog li.nav-logout a {left: 782px; width: 54px; background-position: -715px -139px;} #utility-bar ul.nav-has-blog li.nav-logout a:hover {background-position: -715px -159px;} .global-hdr .nav-wrap .content ul li {margin-right: 20px; display: inline; } /*~ 4. Header/Search ----------------------------------------------------------------------*/ .global-hdr #global-search {margin: 10px auto; position: relative; background: transparent;} .global-hdr #global-search h1, #global-search #search-box { float: left; } .global-hdr #random-img-hdr {position: absolute; right: 0; top: -10px;} .global-hdr #global-search #search-wrp {height: 99px; float: left; width: 348px; background: url(/gfx/global-search-bg-shadow.gif) -4px -1px no-repeat; } .global-hdr #global-search #search-box { position: relative; width: 250px; padding: 0 7px 0 7px; margin-top: 7px; background-color: #bbdced; z-index: 2; border: 3px solid #0087b5; overflow: visible;} .global-hdr #global-search #search-box.adv-search { border-bottom: 0; position: relative; top: 3px; margin-top: 4px; } .global-hdr #global-search #search-box ul {height: 63px;} .global-hdr #global-search #search-box ul a { outline: none; display: block; text-indent: -999em; height: 22px; position: absolute; top: 7px; background: url(/gfx/global-search-bg.gif); margin: 0;} .global-hdr #global-search #search-box ul li #std-search { width: 64px; left: 7px; background-position: 7px 0;} .global-hdr #global-search #search-box ul li #adv-search { width: 86px; left: 173px; background-position: -58px 0; } .global-hdr #global-search #search-box ul li #food-search { width: 103px; left: 71px; background-position: -144px 0;} .global-hdr #global-search #search-box ul li.active a {background-color: #fff; border: #918f90 1px solid; border-width: 1px 1px 0; height: 23px; z-index: 2;} .global-hdr #global-search #search-box ul li.active #std-search { width: 64px; background-position: 6px -45px;} .global-hdr #global-search #search-box ul li.active #adv-search { width: 86px; background-position: -59px -45px; } .global-hdr #global-search #search-box ul li.active #food-search { width: 103px; background-position: -145px -45px;} .global-hdr #global-search #search-box ul li.txt-wrap {display: block; position: absolute; top: 30px; left: 7px; background: #fff; width: 240px; border: #918f90 1px solid; z-index: 1; padding: 4px 5px 3px;} .global-hdr #global-search #search-box ul li.txt-wrap .input-txt { display: block; border-width: 0; width: 240px; color: #0087B3; font: 12px Georgia, serif; color: #0087b5; } .global-hdr #main_submit { cursor: pointer; position: absolute; right: 323px; } .global-hdr #global-search h3 {font-weight: normal; font: 10px Georgia, serif; font-style: italic; color: #014f76; position: absolute; top: 84px; left: 343px; z-index: 3; } .global-hdr #global-search #adv-search-box { width: 840px; clear: both; display: block; border: #0087b5 3px solid; z-index: 1; background: #bbdced; height: 1px; display: none; text-align: left; position: relative; margin: 0 auto; } .global-hdr #global-search #adv-search-box ul li { float: left; margin-top: 7px; margin-right: 11px; width: 170px; display: inline;} .global-hdr #global-search #adv-search-box .input-wrp {background-color: #fff; border: 1px solid #918f90; padding: 3px;} .global-hdr #global-search #adv-search-box ul li select { height: 85px; font-size: 12px; display: block; width: 170px; margin: 0;} .global-hdr #global-search #adv-search-box ul li input { display: block; width: 163px; color:#0087B3; font: 12px Georgia, serif; border-width: 0;} .global-hdr #global-search #adv-search-box ul li label { display: block; height: 14px; margin-bottom: 4px; text-indent: -999em; background: url(/gfx/global-search-bg.gif);} .global-hdr #global-search #adv-search-box #radio-select-wrp { position: absolute; left: 11px; width: 212px; margin-top: 5px; } .global-hdr #global-search #adv-search-box #radio-select-wrp input { width: 10px; margin: .3em 0 0; float: left; } .global-hdr #global-search #adv-search-box #radio-select-wrp label { position: relative; float: left; top: 2px; margin: 0 4px 0 2px; } .global-hdr #global-search #adv-search-box #radio-select-wrp #radio_neighborhood_label {background-position: 0 -98px; width: 117px; } .global-hdr #global-search #adv-search-box #radio-select-wrp #radio_areas_label {background-position: 0 -84px; width: 44px; } .global-hdr #global-search #adv-search-box #cboArea-wrp {margin-left: 11px; margin-top: 25px; width: 204px; } .global-hdr #global-search #adv-search-box #cboArea-wrp .input-wrp {padding: 0; background-color: transparent; border-width: 0; } .global-hdr #global-search #adv-search-box #cboArea-wrp #id_areas { width: 204px; } .global-hdr #global-search #adv-search-box #cboCuisine-wrp .input-wrp {padding: 0; background-color: transparent; border-width: 0; } .global-hdr #global-search #adv-search-box #cboCuisine-wrp label {background-position: 5px -112px;} .global-hdr #global-search #adv-search-box #cboNeighborhood-wrp { display: none; margin-left: 11px; margin-top: 25px; width: 204px; } .global-hdr #global-search #adv-search-box #cboNeighborhood-wrp .input-wrp {padding: 0; background-color: transparent; border-width: 0; } .global-hdr #global-search #adv-search-box #cboNeighborhood-wrp #id_neighborhood { width: 204px; } .global-hdr #global-search #adv-search-box #txtStreet-wrp label {background-position: 5px -126px;} .global-hdr #global-search #adv-search-box #txtZipCode-wrp label {background-position: 5px -154px;} .global-hdr #global-search #adv-search-box #txtCrossStreet-wrp label {background-position: 5px -140px;} .global-hdr #global-search #adv-search-box #txtRestaurantName-wrp { display: none; } .global-hdr #global-search #adv-search-box #txtCategoryOrItem-wrp {margin-left: 11px;} .global-hdr #global-search #adv-search-box #txtCategoryOrItem-wrp label {background-position: 5px -168px;} .global-hdr #global-search #adv-search-box #txtAreaDims-wrp .input-wrp {padding: 0; background-color: transparent; border-width: 0; } .global-hdr #global-search #adv-search-box #txtAreaDims-wrp label {background-position: 5px -181px;} .global-hdr #global-search #adv-search-box #txtHooddims-wrp, .global-hdr #global-search #adv-search-box #txtHooddims-wrp select {width: 182px;} .global-hdr #global-search #adv-search-box #txtHooddims-wrp .input-wrp {padding: 0; background-color: transparent; border-width: 0; } .global-hdr #global-search #adv-search-box #txtHooddims-wrp label {background-position: 5px -195px;} .global-hdr #global-search #adv-search-box #adv-submit, .global-hdr #global-search #adv-search-box #find-submit { position: absolute; right: 5px; top: 18px; } .global-hdr #global-search #adv-search-box .find-food .or-label { display: none; position: absolute; top: 50px; left: 375px; font-style: italic; font-size: 16px; font-weight: bold; } .ad-wrap {background: #eaf4fa; padding: 2px 0;} .ad-wrap .ad-spot { margin: 0px auto; } .ad-wrap .ad-spot .content { background-color: #eaf4fa; } .random-img {width: 300px; height: 117px;} .multi-select-hint {margin: 5px 13px; font: 10px Georgia, serif; font-style: italic; color: #014f76; clear: both; } /*~ 5. Left-Column Styles ----------------------------------------------------------------------*/ #content-context {position: relative;} #content-context h5.cookie-crumb {margin-bottom: 10px;} #breadcrumbs {font: 11px Verdana; padding: 10px 322px 0 5px; margin: 0 0 20px;} #breadcrumbs a {color: #2b69af; text-decoration: underline;} #content-context .module {margin-bottom:3px;} .standard #content-context .module {margin-bottom:3px;} #content-context .module .head {background-color: #0996c6; font: bold 12px Verdana; color: #fff; border-bottom: 3px solid #bbdced; padding: 4px 7px;} #content-context .module .content {background-color: #f7f7f7; margin: 0; border-width: 0; padding: 6px 7px;} #content-context .module .content ul li {font: 9px Verdana, sans-serif; margin-bottom: 4px; line-height: 1.3em;} #content-context .module .content ul li a {color: #2b69af; text-decoration: none;} #content-context .module .content ul li a:hover {text-decoration: underline;} #content-context .module .content ul li i {color: #b7b7b7; font-style: normal; margin-left: 5px;} #content-context .module .content ul li.sub {margin: 8px 0 4px; color: #6e6e6f; font-weight: bold;} .south-florida #neighborhoodDims .head {margin-bottom: 0;} .south-florida #neighborhoodDims .content {padding-top: 1px;} .south-florida #neighborhoodDims .content ul {margin-top: -2px;} #content-context #menupages-contact .content {padding-top: 10px;} #content-context #menupages-contact dl {float: left;margin-bottom: 20px;} #content-context #menupages-contact dl dt {color: #777; font-weight: bold; font-size: 11px; letter-spacing: -0.02em; display: inline; padding-right: 3px; margin-right: 1px; border-right: 1px solid #e6e6e8;} #content-context #menupages-contact dl dd.email {display: inline; font: bold 9px Verdana; letter-spacing: 0.06em; text-transform: uppercase;} #content-context #menupages-contact dl dd.fax {color: #8e8e8e; line-height: 1.5em;border-top: 1px solid #e6e6e8; margin-top: 3px; display: block; font-size: 11px; position: relative; padding-left: 35px;} #content-context #menupages-contact dl dd.fax strong {font: bold 9px Verdana; letter-spacing: 0.06em; text-transform: uppercase; position: absolute; top: 2px; left: 1px;} #content-context #mymp-login label {font-weight: bold; color: #5c5c5c; margin-bottom: 4px; display: block;} #content-context #mymp-login .content .input-txt {width: 148px;} #content-context #mymp-login .content .input-txt input {width: 142px;} #content-context #mymp-login .input-checkbox {margin: 10px 12px; padding: 0;} #content-context #mymp-login .input-checkbox .input-wrp {width: 20px; float: left; padding: 0;} #content-context #mymp-login .input-checkbox label {float: left; margin-top: 3px;} #content-context #mymp-login .submit-btn {text-align: center;} #content-context #mymp-login h5 {margin-bottom: 7px; overflow: hidden; padding: 2px 0; color: #555;} /*~ 5a. Modules ----------------------------------------------------------------------*/ .module {display: block;} .cusine ul {float: left; margin-right: 20px;} .msg-content p strong {font: bold 12px Arial, sans-serif; display: block; color: #014f76; margin-bottom: 3px;} .announcement { background: #fff url(/gfx/announcement.gif) top left no-repeat; height: 32px; width: 800px; padding: 22px 0px 0px 272px; margin: 0 auto; position: relative; top: -8px; font-size: 12px; font-weight: bold; color: #f36b22; } .announcement a { color: #0a4e76; text-decoration: underline; } .announcement a:hover { text-decoration: none; } /*~ 6. Main Component (Default Page) Styles ----------------------------------------------------------------------*/ .mc {padding-bottom: 13px;} .mc .content {font-size: 12px;} .mc .content h1, .mc .content h2, .mc .content h3, .mc .content h4, .mc .content h5 {margin-bottom: 10px;} .mc .content h4 { margin-top: 10px; } .mc .content p {margin-bottom: 8px; line-height: 1.45em; font: 12px Arial, sans-serif;} .mc .content ul {list-style-type: disc; list-style-position: inside; padding: 0 1em; margin: 10px 0 10px;} .mc .content ul li {padding: 0; margin-bottom: 6px; font: 11px Verdana, sans-serif;} .standard .mc .content {padding-left: 7px; font: 12px Georgia, serif;} .standard .mc .content p {font: 12px Georgia, serif; line-height: 1.5em;} .standard .mc .head {margin-bottom: 9px;} .standard .content .head {background-color: transparent; padding: 0; margin: 15px 0 10px;} .standard .content h3 {display: inline; font: 15px Arial; letter-spacing: 0.02em; color: #014F76; border-bottom: 2px solid #e8e8e8; margin-bottom: 3px; line-height: 1.3em;} .mc .content .focus-msg p, .mc .content .error-msg p {font: normal 10px Georgia, serif; font-style: italic;} .mc .callout {text-align: center; border: 1px solid #ddd; border-width: 1px 0;} .mc .callout h5 {text-align: center;display: block;} .mc .callout h5 a {text-align: center;} a.show-more-link, .sign-up-btn a {background: url(/gfx/show-more-link-bg.gif) no-repeat 99% 55%; color: #014f76; font: 12px Georgia, serif; font-style: italic; line-height: 1.5em; border: 1px solid #fff; padding: 2px 17px 2px 0; text-transform: lowercase; } .sign-up-btn-img {text-align: center;} .sign-up-btn-img a {margin: 0 auto; background: url(/gfx/sign-up-now.png); width: 180px; height: 30px; display: block; text-indent: -999em; } .mc .pagination {padding: 10px 0 8px 0; border-top: 1px solid #b7b7b7;} .mc .pagination ul {float: right; margin: 0; padding: 0; list-style: none;} .mc .pagination li {float: left; font: bold 11px Verdana; border-right: 1px solid #bbb; margin: 0; padding: 0;} .mc .pagination li.current {color: #aaa; padding: 2px 5px 2px 5px; background-color: #f5f5f5;} .mc .pagination li.last {border-color: #fff;} .mc .pagination li a {display: block; font: bold 11px Verdana; text-decoration: none; padding: 2px 5px 2px 5px;} .mc .pagination li a:hover {background-color: #e8e8e8;} /*~ 7. Form Styles ----------------------------------------------------------------------*/ .mc .content form {position: relative; margin-top: 25px;} .mc .content form .head {background-color: #fff; color: #f36c21;} .mc .content form h3 {font: bold 13px Arial, serif; color: #014F76; border-bottom: 2px solid #b9daeb; line-height: 1.3em; display: block;} .mc .content form ul {list-style: none; padding: 0; margin: 0 0 0 0; position: relative;} .mc .content form li {display: block; clear: both; margin-bottom: 25px; position: relative;} .mc .content form li label {float: left; width: 180px; margin-right: 13px; padding-top: 1px; text-align: right; display: block; font: bold 11px Verdana; color: #5d5d5f;} .col-3-300ad .mc .content form li label {width: 120px;} .mc .content form li label .required { display: block; font: normal 10px Georgia, serif; font-style: italic; color: #888;} .mc .content form li.select-multi select {height: 120px; border: 2px dotted #777; margin-bottom: 10px; padding: 2px;} .mc .content form li .input-wrp {float: left; border: 1px solid #918F90; width: 230px; display: block; background: #fff; padding: 4px 4px;} .mc .content form li .input-wrp label {font-size: 10px;} .mc .content form li.input-txt input {width: 230px; border-width: 0; display: block; font: 12px Georgia, serif; color: #0087B5;} .mc .content form li.input-checkbox input {float: left; margin-right: 5px;} .mc .content form li.input-checkbox label {text-align: left; width: 190px;} .mc .content form li .sub-wrp {float: left; width: 232px; display: block; background: #fff; padding: 4px;} .mc .content form li .sub-wrp li, .mc .content form li .sub-wrp li label, .mc .content form li .sub-wrp li input {display: inline !important; width: auto; float: none;} .mc .content form li .sub-wrp li label {padding-left: 23px;} .mc .content form li.input-radio .sub-wrp input, .mc .content form li .sub-wrp li input {position: absolute; left: 0; top: -1px;} .mc .content form li .focus-msg {display: none; } .mc .content form li.focus .focus-msg, .mc .content form .static-msg {position: absolute; left: 195px; bottom: -25px; font: 10px Georgia, serif; color: #555; } .mc .content form li.focus .focus-msg p, .mc .content form .static-msg p { font: 10px Georgia, serif; color: #555; } .col-3-300ad .mc .content form li.focus .focus-msg, .col-3-300ad .mc .content form .static-msg {left: 135px;} .mc .content form li.focus .input-wrp {background: #bbdced; border: 1px solid #0087B5; } .mc .content form li.focus input, .mc .content form li.focus textarea {background: #bbdced; font: 12px Georgia, serif; color: #014F76;} .mc .content form li.form-info {clear: both; margin: 15px 130px; font-size: 11px;} .mc .content form li.submit-btn {padding-left: 193px;} .col-3-300ad .mc .content form li.submit-btn {padding-left: 133px;} .mc .content form li.submit-btn .input-wrp {border-width: 0; background: transparent; width: auto; padding: 0;} .mc .content form li.submit-btn input {font: bold 12px Arial; padding: 4px 15px; margin: 0 auto; } .mc .content form li.submit-btn #reset1 {font-weight: normal; color: #444;} .mc .content form textarea {border-width: 0; width: 230px; font: 12px Georgia, serif; color: #0087B5;} .mc .content form li .error-msg {padding-top: 1px; position: absolute; right: 0; font: 10px Georgia, serif; font-style: italic; text-align: left; width: 220px;} .col-3-300ad .mc .content form li .error-msg {padding-top: 1px; position: absolute; right: 5px; font: 10px Georgia, serif; font-style: italic; text-align: left; width: 105px;} /* Custom Form Elements */ .mc .content #frmregister li.input-checkbox {clear: both; padding-left: 185px; margin: -5px 0 20px;} .mc .content #frmregister li.input-checkbox .sub-wrp {width: auto;} .mc .content #frmregister li.input-checkbox .sub-wrp label {width: auto;} .mc .content #restaurantsignup #menupages_city-wrp .focus-msg {left: 269px; bottom: -6px; width: 160px; } .mc .content #restaurantsignup #open_24_hours-wrp {padding-left: 120px !important; margin: -12px 0 30px 5px !important;} .mc .content #restaurantsignup #credit_cards-wrp .sub-wrp {width: 218px; background: #efefef; padding: 10px; border: 1px solid #918F90} .mc .content #restaurantsignup #credit_cards-wrp .sub-wrp li {margin: 3px 0;} .mc .content #restaurantsignup #credit_cards-wrp label {width: 120px; text-align: right; } .mc .content #restaurantsignup #credit_cards-wrp ul li {width: auto; float: left !important;} .mc .content #restaurantsignup #credit_cards-wrp ul li label {text-align: left;} #tos-wrp .error-msg {width: 100px; bottom: -22px; right: 64px !important;} .mc .content #restaurantsignup #delivery-toggle {border: 1px solid #fff; padding: 10px 0; margin-top: -10px; height: 30px; overflow: hidden;} .mc .content #restaurantsignup #delivery-toggle.toggle-active {border: 1px solid #918F90; background: #e8e8e8;} .mc .content #restaurantsignup #delivery-wrp .input-wrp {width: 400px; padding: 0;} .mc .content #restaurantsignup #delivery-wrp.toggle-active {margin-bottom: 0; padding: 10px 0 25px; border: 1px solid #918F90; border-bottom-width: 0;} #min_delivery_amt-wrp label {width: 110px; padding-left: 10px;} #business_hours-wrp {margin-bottom: 30px;} .col-3-300ad .mc .content form #delivery-wrp .input-wrp {width: 355px; padding: 0;} .mc .content form #delivery-wrp .input-wrp label, .mc .content form #delivery-wrp .input-wrp input {width: auto; display: inline;} .mc .content form #delivery-wrp .input-wrp ul li, .mc .content form #credit_cards-wrp .input-wrp ul li {float: left; clear: none; margin-bottom: 0;} .mc .content form #upload_menu-wrp .input-wrp {padding: 15px 8px 8px 12px; display: block; background: #efefef;} .mc .content form #upload_menu-wrp .input-wrp input {margin-bottom: 10px; border: none; font: 14px Arial;} .mc .content form #txtRevDesLength-wrp {position: absolute; bottom: 70px; left: 23px;} .mc .content form #txtRevDesLength-wrp label {width: auto; font: normal 10px Georgia, serif; font-style: italic; text-transform: lowercase; margin-right: 5px; color: #888888;} .mc .content form #txtRevDesLength-wrp .input-wrp {border-width: 0; padding: 0;} .mc .content form #txtRevDesLength-wrp .input-wrp input {border-width: 0; padding: 0; font-weight: bold;} .mc .content form #food-wrp .focus-msg, .mc .content form #atmosphere-wrp .focus-msg, .mc .content form #value-wrp .focus-msg, .mc .content form #service-wrp .focus-msg {width: 200px; position: absolute; top: 3px; left: 185px;} .mc .content #myprofile li.input-checkbox {clear: both; padding-left: 125px; margin: -5px 0 20px;} .mc .content #myprofile li.input-checkbox .sub-wrp {width: auto;} .mc .content #myprofile li.input-checkbox .sub-wrp label {width: auto;} .mc .content #myprofile #gender-wrp .sub-wrp label {font-weight: normal;} .mc .content #myprofile #mp_newsletter_nyc-wrp {margin-bottom: 15px;} .mc .content #myprofile #mp_newsletter_nyc-wrp .sub-wrp li {display: block !important; margin-bottom: 10px; width: 350px;} .mc .content #myprofile #mp_newsletter_nyc-wrp .sub-wrp li input {top: -2px;} .mc .content #myprofile #mp_newsletter_nyc-wrp .sub-wrp li input, .mc .content #myprofile #mp_newsletter_nyc-wrp .sub-wrp li label, .mc .content #myprofile #mp_newsletter_nyc-wrp .sub-wrp li label span {float: left;} .mc .content #myprofile #mp_newsletter_nyc-wrp .sub-wrp li label span {font-weight: normal;} /*~ 8. Footer ----------------------------------------------------------------------*/ #ftr-ad {margin-bottom: 0; border-bottom: 1px solid #fff; margin-top: 12px; clear: both;} #ftr-ad .content {padding: 10px 0 9px;} #global-ftr { background: #014f76; height: 45px; display: block; clear: both; padding: 16px 0; text-align: center;} #global-ftr .content { margin: 0 auto; } #global-ftr .content ul {width: 990px; height: 10px; display: block; margin: 0 auto 7px auto; position: relative; background: url(/gfx/global-nav-bg.gif) 0 -186px no-repeat;} #global-ftr ul li a { position: absolute; top: 0; text-indent: -9999px; overflow: hidden; text-decoration: none; outline: none; background: url(/gfx/global-nav-bg.gif) no-repeat; height: 10px; display: block; } #global-ftr ul li a:hover {background-image: url(/gfx/global-nav-bg.gif);} /* -- menu item positioning -- */ #global-ftr ul li.about-us a {left: 53px; width: 67px; background-position: -53px -186px;} #global-ftr ul li.about-us a:hover {background-position: -53px -206px;} #global-ftr ul li.contact-us a {left: 140px; width: 86px; background-position: -140px -186px;} #global-ftr ul li.contact-us a:hover {background-position: -140px -206px;} #global-ftr ul li.advertise a {left: 244px; width: 143px; background-position: -244px -186px;} #global-ftr ul li.advertise a:hover {background-position: -244px -206px;} #global-ftr ul li.restaurateurs a {left: 405px; width: 116px; background-position: -405px -186px;} #global-ftr ul li.restaurateurs a:hover {background-position: -405px -206px;} #global-ftr ul li.privacy-policy a {left: 540px; width: 113px; background-position: -540px -186px;} #global-ftr ul li.privacy-policy a:hover {background-position: -540px -206px;} #global-ftr ul li.legal-notices a {left: 671px; width: 110px; background-position: -671px -186px;} #global-ftr ul li.legal-notices a:hover {background-position: -671px -206px;} #global-ftr ul li.copyright-notices a {left: 799px; width: 136px; background-position: -799px -186px;} #global-ftr ul li.copyright-notices a:hover {background-position: -799px -206px;} #global-ftr h6, #global-ftr h6 a {color: #fff; font: normal 11px Georgia, sans-serif; font-style: italic;} /* -- destinations footer menu -- */ .destination #global-ftr .content ul { background: url(/gfx/global-nav-bg.gif) 0 -247px no-repeat; } .destination #global-ftr ul li.about-us a { left: 121px; } .destination #global-ftr ul li.contact-us a { left: 208px; } .destination #global-ftr ul li.advertise a { left: 312px; } .destination #global-ftr ul li.privacy-policy a { left: 473px; } .destination #global-ftr ul li.legal-notices a { left: 604px; } .destination #global-ftr ul li.copyright-notices a { left: 732px; } /*~ 9 Float Clearing ----------------------------------------------------------------------*/ #body-wrp:after, .row:after, .module:after, .module .content:after, .controls:after, .head:after, .restaurants .mc #search-filter:after, .restaurant-details .mc .head:after, .pagination:after, ul:after, .row:after, form:after, form li:after, form label:after, .menu #content-primary ul.menu-links:after, .restaurant-details .mc #restaurant-other-info .content .more_num dl dd:after, .movie-listings dl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /*~ 10. Login/Reg ----------------------------------------------------------------------*/ #login_box { width: 215px; background: #f7f7f7; } .sec_head {background: #004e76; padding: 5px 3px; font-weight: bold; } .sec_body { padding: 10px 5px; } .inputs { padding-top: 10px; } .inputDIV { float: left; display: block; } label.labels { width: 138px; float: left; padding-right: 5px; text-align: right; margin-top: 5px; } /*~ 11. Site Help ----------------------------------------------------------------------*/ .sec_body p { padding-top: 10px; } #copyright ol, .sec_body ol { list-style-position: inside; list-style-type: decimal; } .sec_body ul { list-style-position: inside; list-style-type: disc; } #copyright ol li, .sec_body ol li, .sec_body ul li { padding: 3px 0px 3px 10px; } /*~ 12. Recently Reviewed ----------------------------------------------------------------------*/ .recently-reviewed .mc .module ul li a {color: #000; text-decoration: none; font: 14px Georgia, serif; } .recently-reviewed .mc .module ul li a:hover {color: #014f76; text-decoration: underline;} .recently-reviewed .mc .module .content h3 { display: inline; font: 15px Georgia, serif; font-style: italic; color: #f36c21; border-bottom: 2px solid #b9daeb; margin-bottom: 3px; line-height: 1.3em; margin-top: 5px; } .recently-reviewed .mc .module .content ul { padding-top:6px; } .recently-reviewed .mc .module .content ul li { border:1px solid #FFFFFF; float:left; padding:0 30px 0 0; width:285px; } .recently-reviewed .mc .module .content ul li.next-row { clear: both; } .recently-reviewed .mc .module .content ul li ul.sublist {padding: 6px 0 0;} .recently-reviewed .mc .module .content ul li ul.sublist li { padding: 0; margin-bottom: 4px; color: #777; } .recently-reviewed .mc .module .content ul { list-style-image:none; list-style-position:outside; list-style-type:none; } #menu-help {border-collapse:collapse;} #menu-help td, #menu-help th { background: #fff url("/gfx/standard-cell.gif") no-repeat 0 1px; padding: 6px 10px 6px 10px; font: 11px/14px Verdana, sans-serif; vertical-align: top; } #menu-help th {font-weight: bold;} #menu-help td.problem {font-style: italic;} #menu-help .problem, #menu-help .fix {width: 50%;} #menu-help .problem {border-right: 1px solid #e8e8e8;} #menu-help td blockquote {line-height: 1.5em; background: #efefef; padding: 2px; margin-top: -3px; margin-bottom: 3px;} #server-error-msg {height: 200px; position: relative;} #server-error-msg .head {position: absolute; left: 385px; top: -65px; width: 350px; } #server-error-msg .head h2 {font: bold 2.4em Arial, sans-serif; line-height: 1em;} #server-error-msg .content {font: 1.5em Arial, sans-serif; position: absolute; top: -5px; left: 385px; width: 400px;} #server-error-msg .content p {line-height: 1.5em;} #server-error-msg .content ul {list-style-type: disc; list-style-position: inside; padding: 0 1em; margin: 10px 0 10px;} #server-error-msg .content ul li {padding: 0; margin-bottom: 6px; font: 12px Verdana;} /*~ 13. Newsletter module ----------------------------------------------------------------------*/ #newsletter-wdgt { padding: 45px 15px 3px; font-size: 11px; margin: 0 6px 10px; background: url(/gfx/newsletter-toaster.gif) 12px 0 no-repeat; } #newsletter-wdgt .head h3 { background: url(/gfx/newsletter-tagline.gif) no-repeat; width: 150px; height: 57px; display: block; text-indent: -9999px; float: right; margin: 0 22px 0 0; display: inline; } #newsletter-wdgt .content { height: 53px; position: relative; margin-top: 13px; } #newsletter-wdgt .content p { color: #534741; line-height: 1.5em; padding-top: 7px;} #newsletter-wdgt .content p strong { font-family: Arial, Helvetica, sans-serif; color: #f36b22; text-transform:uppercase; display: block; } #newsletter-wdgt .content fieldset {display: block;} #newsletter-wdgt .content .txt-wrp { border: 1px #918f90 solid; background: #fff; width: 196px; } #newsletter-wdgt .content .txt-wrp input { font-size: 13px; margin: 3px 0 4px 4px; color: #000; font-family:Arial, Helvetica, sans-serif; width: 171px; border: 0; } #newsletter-wdgt .content .txt-wrp input.error { color: #f36b22; font-weight: bold; } #newsletter-wdgt .content dl { display: none; margin-top: 4px; } #newsletter-wdgt .content dl dt { padding-top: 8px; color: #575757; clear: both; float: left; line-height: normal; margin: 0; } #newsletter-wdgt .content dl dd { margin: 0; padding: 0; position: relative; clear: both; } #newsletter-wdgt .content dl dd input { vertical-align: middle; float: left; } #newsletter-wdgt .content dl dd img { cursor: help; vertical-align: middle; padding-left: 5px; } #newsletter-wdgt .content dl dd span { line-height: 1.6em; display: block; } #newsletter-wdgt .content dl dd span.newsletter { width: 195px; } #newsletter-wdgt .content dl dd span.optional { width: 155px; } #newsletter-wdgt .content .sign-up { border: 1px #918f90 solid; background: #bbdced; padding: 8px 8px 6px; position: absolute; right: 0px; bottom: 26px; } #newsletter-wdgt .content .sign-up a { background: url(/gfx/newsletter-signup.gif) left top no-repeat; display:block; text-indent:-9999px; width:51px; } #newsletter-wdgt .content .thanks { display: none; } #newsletter-wdgt .content .thanks h6 { font-weight: bold; font-size: 13px; text-align: left; padding-top: 15px; color: #000; } #newsletter-wdgt .content .thanks p { padding-top: 8px; color: #575757; } #newsletter-wdgt .content .loading { position: absolute; bottom: 21px; right: 71px; display: none; } #newsletter-wdgt .content .daily-news-error { position: absolute; top: 133px; left: -60px; display: none; } #newsletter-wdgt .content .required { color: #f36b22; font-weight:bold; } .content .info-wrp {display: block; cursor: help; position: relative; background: url(/gfx/popup-info.gif) no-repeat; width: 14px; height: 14px; margin: 3px 0 0 0; float: right; } .content .info-wrp .msg-wrp {z-index: 3; display: none; position: absolute; left: 9px; top: -20px; width: 186px; padding-left: 9px; background: transparent url(/gfx/msg-wrp-right.gif) no-repeat scroll 0 50%; } .msg-wrp .close-button {position:absolute;right:10px;top:15px;height:18px;width:60px;background:transparent url(/gfx/x.gif);} .content .info-wrp .msg-content {position:relative;padding: 9px 16px; background-color: #b9daeb; text-align: left; font: 11px Verdana, sans-serif; color: #222;} .content .info-wrp .news-tooltip-right { top: -39px; } .content .info-wrp .news-tooltip-left { top: -39px; left: -189px; padding-left: 0px; padding-right: 9px; background: transparent url(/gfx/msg-wrp-left.gif) no-repeat scroll 100% 50%; } .content .info-wrp .offers-promo-tooltip-right { top: -31px; } #mp_newsletter_offersandpromotions-wrp .info-wrp .offers-promo-tooltip-right { top: -31px; } .content .info-wrp .offers-promo-tooltip-left { top: -31px; left: -189px; padding-left: 0px; padding-right: 9px; background: transparent url(/gfx/msg-wrp-left.gif) no-repeat scroll 100% 50%; } /*~ 14. Recent Grub Street News Module ----------------------------------------------------------------------*/ #recent-news{width:310px; margin:0 auto 22px; padding:0 0 28px 0; background:url("/gfx/grubst-recent-news-skin.gif") no-repeat -1px 1px;} #recent-news .head {background:none; margin-bottom:0; height:54px;} #recent-news .head h3 {position:relative; display:block; text-indent:-999em;} #recent-news .head h3 a {position:absolute; z-index:1; display:block; width:305px; height:41px; text-transform:none;} #recent-news .scroll-wrp {height:272px;overflow:auto; position:relative;} #recent-news .content ul {padding-top:0; margin-left:2px;} #recent-news .content li {background: transparent url("/gfx/rule_1px_dotted_1-2_888888.gif") repeat-x 0 100%; width:270px; padding: 7px 0 6px 1px; margin: 0 11px 0 0;font:normal 11px Georgia, "Times New Roman", Times, serif; line-height:17px; clear:both;} #recent-news .content li:first-child {padding: 6px 0 13px 0; margin: 0 11px 2px 0; float:left; line-height:16px;} #recent-news .content li b {display:block; margin-bottom:2px; font: bold 15px Georgia,sans-serif; line-height:16px;} #recent-news .content li strong {font: 10px Georgia,sans-serif;text-transform:uppercase;color:#888;} #recent-news .content li a {display:block; color:#1F638A; font: bold 13px Georgia,sans-serif; line-height:18px;} #recent-news .content li a.more {display:inline; font:bold 10px Georgia, "Times New Roman", Times, serif;} #recent-news .content .img {height:97px; width:98px; display:block; overflow:hidden; position:relative; float:left; margin:0 7px 0 0; border:1px solid #e6e6e6;} #recent-news .content .img img{position: absolute; top:0; left:0px;} #recent-news .foot {height:42px; text-align:center;} #recent-news .foot h6 a {font: normal 10px Arial, Helvetica, sans-serif; color:#000; position:relative; top:6px; left:1px;} #recent-news .foot h6 em {font-style:normal;} #content-secondary #recent-news{width:302px; background:url("/gfx/grubst-recent-news-skin-303.gif") no-repeat -1px 1px;} /*~ 15. Fandango Widget ----------------------------------------------------------------------*/ #fandango-wdgt { width: 296px; border: 2px solid #ee8600; background: #FFF; margin: 0 6px 10px; padding: 0; } #fandango-wdgt-inside { border: 1px solid #ffcc00; } #fandango-wdgt-inside2 { border: 2px solid #ee8600; padding: 6px; } #fandango-wdgt .head h2 { font: bold 16px Arial, sans-serif; color: #534741; text-align: center; padding: 6px 2px 0 2px; } .movie-listings { position: relative; border: 1px solid #e2e2e2; margin: 11px 0 0 0; font: 11px Arial, sans-serif; } .movie-listings a { color: #2662b8;} .movie-info { display: block; padding: 8px; background: #f8f8f8; } .movie-info p { color: #797979; margin: 3px 0 0 0; } .movie-listings dl { display: block; border-top: 1px solid #e2e2e2; position: relative; width: 276px; } .movie-listings dl a { font-weight: bold; } .movie-listings dl dt { float: left; clear: left; padding: 6px 8px 6px 8px; width: 215px; margin:0; line-height: 1.2em; } .movie-listings dl dd { position: absolute; color:#494949; padding: 0 8px 0 8px; margin-top: 0; display: block; right: 0; top: 35%; height: 100%; clear: both; } .movie-listings .bgcolor { background: #f8f8f8; } .show-div { display: inline-block; border-top: 1px solid #e2e2e2; padding: 6px 8px; clear: both; width: 260px; } .nearby-theaters { display: block; padding: 8px; text-align: center; border-bottom: 1px solid #e2e2e2; font: 11px Arial, sans-serif; } .fandango-logo { overflow: auto; padding: 10px 0 4px 0; text-align: center; font: normal 10px Arial, sans-serif; color: #818181; width: 228px; margin: 0 0 0 23px; } .fandango-logo img { float: right; margin: 0; } .fandango-logo p { line-height: 20px; margin: 0; } .movie-listings dl:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; zoom:1; } /*~ jQuery Modal (Menu lightboxing) ----------------------------------------------------------------------*/ .jqmWindow { display: none; position: absolute; left:50%; top: 0px; width: 770px; margin-left: -400px; background-color: #fff; color: #333; padding: 10px 12px 12px 2px; border: 1px solid #014f76; border-width: 0; } .jqmOverlay { background-color: #000; } #jqmTitle {background-color: #014f76; width: 100%; height: 20px; position: absolute; top: 0; left: 0;} .jqmClose {text-indent: -999em;border-width: 0; display: block; width: 38px; height: 13px; background: #014f76 url(/gfx/hide-menu.gif) no-repeat center right; position: absolute; right: 5px; top: 3px; cursor:pointer; font-style: italic; font: 11px Georgia, "Times New Roman", Times, serif; } #jqmContent{ width:770px; height:550px; display: block; clear:both; margin:0 auto; margin-top:10px; border:0px; text-align: left;} #modalWindow #openWindow { display:none; position: absolute; left: 5px; top: 3px; z-index: 99999; } #modalWindow #openWindow a {color: #fff; font: 10px Georgia, "Times New Roman", Times, serif; font-style: italic; background: #014f76 url(/gfx/menu-more-popup.gif) no-repeat center right; padding-right: 18px;} #modalWindow #loading {position: absolute; top: 30%; left: 344px; width: 85px; text-align: center;} #modalWindow #loading strong {display: block; margin-top: 5px;} .destinations { } .destinations li { background-image: url(/gfx/destinations-icons.png); text-indent: -9999px; } .destinations li a { background-image: url(/gfx/destinations-icons.png) !important; display: block; } .destinations li a:hover { background-image: url(/gfx/destinations-icons.png) !important; display: block; } .col-1 .destinations { position: relative; background: #eaf4fa; height: 129px; background: #eaf4fa; margin-bottom: 10px; } .col-1 .destinations li { margin-top: 49px; } .col-1 .destinations li.new { background-position: 0px 0px; margin-top: 0; position: absolute; top: -6px; left: -3px; height: 63px; width: 153px; } .col-1 .destinations li.london { background: none; float: left; margin: 68px 10px 0; } .col-1 .destinations li.london a { background-position: -166px -7px; height: 39px; width: 63px; } .col-1 .destinations li.london a:hover { height: 44px; } .col-1 .destinations li.divider { float: left; height: 49px; width: 1px; background: #b4d0de; margin: 65px 8px 0 0; } .col-1 .destinations li.paris { background: none; float: left; margin-top: 66px; } .col-1 .destinations li.paris a { background-position: -248px -5px; height: 42px; width: 64px;} .col-1 .destinations li.paris a:hover { height: 47px; } .col-2-alt .destinations { padding-left: 162px; position: relative; margin-bottom: 17px; } .col-2-alt .destinations li { } .col-2-alt .destinations li.new { position: absolute; top: -5px; left: 0px; } .col-2-alt .destinations li.london { float: left; background-position: -156px -2px; height: 46px; margin-right: 11px; } .col-2-alt .destinations li.divider { float: left; height: 45px; width: 1px; background: #b4d0de; margin-right: 11px; } .col-2-alt .destinations li.paris { float: left; background-position: -247px -2px; height: 46px;} .col-2-alt .destinations li a { display: block; height: 46px; } #change-city ul.destinations { left: 619px; top: 7px; position: absolute; background: #bbdced; height: 46px; width: 291px; } #change-city .destinations li { } #change-city .destinations li a { position: relative; margin: 0; background: none; } #change-city .destinations li a:hover { padding: 0; } #change-city .destinations li.new { background-position: 0 -69px; position: absolute; top: -11px; left: -19px; width: 157px; height: 49px; } #change-city .destinations li.london { float: left; background: none; margin: 18px 11px 0 154px; } #change-city .destinations li.london a { background-position: -170px -36px; width: 58px; height: 10px; } #change-city .destinations li.london a:hover { height: 15px; width: 58px; } #change-city .destinations li.divider { float: left; height: 12px; width: 1px; background: #7a9eab; margin: 18px 15px 0 0; } #change-city .destinations li.paris { float: left; background: none; margin-top: 18px;} #change-city .destinations li.paris a { background-position: -262px -36px; height: 11px; width: 49px; } #change-city .destinations li.paris a:hover { height: 16px; width: 49px; } span.hide-microformat {display: none;} .mc .legal-notice h4 { font-weight:bold; font-size:13px; margin-top:30px; } .mc .legal-notice ul { list-style:disc outside none; margin:10px 0 10px 3px; } #amex-promo { padding: 0px 20px 17px; margin: 15px 0px; background:#F7F6F6; } #amex-promo .head { margin:0 !important; padding:6px 0 3px; background:transparent; } #amex-promo .head h6 { color: #C8C7C7; font: 9px Verdana,Geneva,sans-serif; letter-spacing: 0.13em; text-transform: uppercase; text-align:center; } #amex-promo a { font:11px Verdana, sans-serif; line-height:13px; } #amex-promo a strong { line-height:17px; } #amex-promo a:hover { text-decoration:none; } #amex-promo.right-col h4 { margin:0; padding:3px 0 2px; color:#FB6D00; }