﻿/* RESET */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th { font-size: 1em; font-weight: normal; font-style: normal; }
a, a:active, a:hover, a:link, a:visited { outline: none; }
ul, ol { list-style: none; }
fieldset, img { border: none; }
caption, th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
a, a:link, a:visited { color: #002266; text-decoration: none; }
body { background-color: #F0F1F2; color: #000; font: 14px Georgia, "Times New Roman" , serif; }
h1 { color: #000; font-size: 18px; font-weight: bold; line-height: 20px; margin-bottom: 12px; text-shadow: #fff 0px 1px 1px; }
h2 { color: #000; font-size: 18px; font-weight: normal; }
h3 { color: #000; font-size: 12px; margin-top: 18px; text-transform: uppercase; }
h4 { background-color: #EFEFEF; color: #000; font-size: 12px; margin: 18px 0; padding: 2px 3px; text-transform: uppercase; text-shadow: #fff 0px 1px 1px; }
li.selected { font-weight: bold; }
p { line-height: 1.5em; margin-bottom: 6px; }
strong { font-weight: bold; }
em { font-style: italic; }
select { background-color: #FFFFEE; border: 1px solid #EEE; border-top-color: #999; border-left-color: #999; color: #333; font: 18px Georgia, "Times New Roman" , serif; }
input.text { background-color: #FFFFEE; border: 1px solid #EEE; border-top-color: #999; border-left-color: #999; color: #333; font: 18px Georgia, "Times New Roman" , serif; padding: 3px; width: 250px; }
input.button { background-color: #748AB4; border: 1px solid #CCC; border-right-color: #777; border-bottom-color: #777; color: #FFF; font: 18px Georgia, "Times New Roman" , serif; padding: 5px; width: 255px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
#header { background: #01194A url(../Images/bg-common-header.gif) repeat-x; height: 56px; padding-top: 4px; text-align: center; }
#header img { height: 52px; width: 175px; }
#topnav { background-color: #748AB4; border-top: 1px solid #505B70; border-bottom: 1px solid #FFF; height: 12px; margin-bottom: 24px; }
#topnav ul { background-color: #748AB4; display: block; height: 24px; list-style-type: none; margin: 0 auto; width: 100%; }
#topnav li:first-child { border-right: 1px solid #748AB4; }
#topnav li { background-color: #748AB4; display: block; float: left; font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; height: 20px; padding-top: 4px; text-align: center; text-shadow: #505B70 1px 1px 1px; width: 48%; }
#topnav li a { color: #C6CAD2; display: block; }
#topnav li.selected { background-color: #F0F1F2; border: none; border-top: 1px solid #A8AFBE; border-bottom: none; left: 0; position: relative; text-shadow: #FFF 0px 1px 1px; top: -1px; }
#topnav li.selected a { color: #002266; }
.breadcrumb { color: #999; font-size: 12px; margin: 0 20px; text-shadow: #FFF 0px 1px 1px; }
.contentbox { background-color: #fff; margin: 9px; padding: 6px 0; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
.contentgroup, .iconedlistitem { background-image: url(../Images/ic-major-metros.gif); background-repeat: no-repeat; background-position: 12px 6px; border-top: 1px solid #F0F1F2; padding: 12px 12px 9px 70px; }
.cityimage { background: #555 url(../Images/bg-city-photo.gif) repeat-x; height: 150px; overflow: hidden; text-align: center; }
.iconedlistitem { background-image: url(../Images/ic-set-large.gif); height: 26px; overflow: hidden; }
.top100 { background-position: 12px 2px; }
.best { background-position: 12px -48px; }
.everything { background-position: 12px -98px; }
.cuisines { background-position: 12px -150px; }
.neighborhoods { background-position: 12px -200px; }
.savings { background-position: 12px -250px; }
.prices { background-position: 12px -300px; }
.states { background-image: url(../Images/ic-states.gif); }
.search { background-image: url(../Images/ic-location-search.gif); }
.about { background-image: url(../Images/ic-large-about.gif); }
.contentgroup h2, .iconedlistitem h2 { background: url(../Images/ic-list-arrow.gif) no-repeat right 0; margin-bottom: 0; padding-bottom: 6px; }
.contentgroup h2 a, .iconedlistitem h2 a { color: #000; }
.contentgroup h2 a:hover, .iconedlistitem h2 a:hover { color: #666; }
.contentgroup p { color: #666; }
.recentlists { margin-bottom: 12px; }
.recentlists ul { float: left; width: 120px; }
.recentlists li { margin: 12px 6px 12px 0; }
.recentlists li a { background: url(../Images/ic-city-dot.gif) no-repeat 0 3px; padding: 0 0 0 21px; }
ul.itemlist li { border-top: 1px solid #F0F1F2; padding: 12px; }
ul.itemlist li a { background: url(../Images/ic-list-arrow.gif) no-repeat right 2px; color: #000; display: block; font-size: 18px; font-weight: normal; }
ul.itemlist li a span { color: #AAA; float: right; margin-right: 30px; }
.copyblock, .cityhead, .listhead, .restaurant { color: #666; padding: 12px; }
.cityhead { padding-bottom: 0px; }
.listhead h1 { margin-bottom: 0; }
.listhead h2 { color: #777; font-size: 17px; font-style: italic; margin-bottom: 12px; }
.footer { border-top: 1px solid #F0F1F2; padding-top: 24px; }
.arrowlink, .arrowlinksmall, .locationslist li { background: url(../Images/ic-linkarrow.gif) no-repeat 0 9px; font-size: 16px; margin: 18px 0; padding: 0 0 0 15px; }
ul.locationslist li { border-bottom: 1px solid #F0F1F2; margin-top: 12px; padding: 0 0 9px 15px; }
.arrowlinksmall, .locationslist li { background-position: 0 0; font-size: 12px; white-space: pre; }
table.restaurantlist { border-collapse: collapse; width: 100%; }
.restaurantlist td { border-top: 1px solid #F0F1F2; font-size: 12px; overflow: hidden; padding: 12px 12px 9px 12px; }
.restaurantlist h2 { font-weight: bold; padding-bottom: 12px; }
.restaurantlist p.address { margin: 6px 0 18px 0; }
.restaurant p.address { margin: 12px 0 0 0; }
.restaurantlist p.top100, .restaurantlist p.best, .restaurant p.top100, .restaurant p.best { background: url(../Images/ic-limited-set-small.gif) no-repeat 0 1px; font-size: 14px; font-weight: bold; margin: 0; padding: 0 0 0 24px; }
.restaurantlist p.best, .restaurant p.best { background-position: 0 -24px; }
.restaurant p.websitelink, .restaurant p.maplink { background: url(../Images/ic-set-small.gif) no-repeat 0 -200px; margin: 12px 0 6px 0; overflow: hidden; padding: 0 0 0 24px; white-space: nowrap; width: inherit; }
.restaurant p.maplink { background-position: 0 -225px; margin: 3px 0 12px 0; }
.restaurantlist .multiloc, .restaurantlist .savings { background: url(../Images/ic-set-large.gif) no-repeat 0 -353px; color: #999; display: block; float: right; font-family: Helvetica, Arial, sans-serif; font-size: 8px; line-height: 8px; margin: 0 0 0 12px; overflow: hidden; padding: 34px 0 0 0; text-align: center; width: 42px; }
.restaurantlist .savings { background-position: 0 -256px; }
.restaurantlist .distance { color: #519C01; font-style: italic; }
.restaurantlist p.pricerange, .restaurant p.pricerange { background-image: url(../Images/ic-set-prices.gif); background-repeat: no-repeat; font-weight: bold; height: 20px; line-height: 22px; overflow: hidden; padding-right: 46px; white-space: nowrap; width: 80px; }
.restaurant p.pricerange { padding-right: 60px; }
.low { background-position: right 0; }
.medlow { background-position: right -20px; }
.medium { background-position: right -40px; }
.medhigh { background-position: right -60px; }
.high { background-position: right -80px; }
.filtertabs { list-style-type: none; margin-bottom: 12px; }
.filtertabs li { /*background-color: #748AB4;*/ background-color: #999; float: left; font-size: 12px; line-height: 21px; margin: 2px 2px; padding: 0; overflow: hidden; text-align: center; width: 130px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.filtertabs li.selected { background-color: #748AB4; font-weight: bold; }
.filtertabs li a { display: block; color: #FFF; height: 21px; overflow: hidden; white-space: nowrap; }
.filtertabs li a[disabled=disabled] { color: #CCC; cursor: default; }
.filtertabs li.pricelow a { background: url(../Images/ic-set-prices.gif) no-repeat center 1px; }
.filtertabs li.pricemlo a { background: url(../Images/ic-set-prices.gif) no-repeat center -19px; }
.filtertabs li.pricemed a { background: url(../Images/ic-set-prices.gif) no-repeat center -39px; }
.filtertabs li.pricemhi a { background: url(../Images/ic-set-prices.gif) no-repeat center -59px; }
.filtertabs li.pricehigh a { background: url(../Images/ic-set-prices.gif) no-repeat center -79px; }
.filtertabs li.pricelow a[disabled=disabled] { background: url(../Images/ic-set-prices.gif) no-repeat center -99px; }
.filtertabs li.pricemlo a[disabled=disabled] { background: url(../Images/ic-set-prices.gif) no-repeat center -119px; }
.filtertabs li.pricemed a[disabled=disabled] { background: url(../Images/ic-set-prices.gif) no-repeat center -139px; }
.filtertabs li.pricemhi a[disabled=disabled] { background: url(../Images/ic-set-prices.gif) no-repeat center -159px; }
.filtertabs li.pricehigh a[disabled=disabled] { background: url(../Images/ic-set-prices.gif) no-repeat center -179px; }
ul.abclinks { list-style-type: none; margin-bottom: 12px; }
ul.abclinks li { color: #AAA; display: inline; float: left; margin: 9px; }
li.listsubhead { background-color: #666; border-top: 1px solid #999; border-bottom: 1px solid #333; color: #FFF; font-size: 12px; font-weight: bold; line-height: 12px; padding: 2px 12px !important; }
li.listsubhead a { background-image: none !important; color: #FFF !important; float: right; font-size: 12px !important; font-weight: bold !important; line-height: 12px; }
.errormsg { color: #FF0000; text-align: center; }
.nestedbox { background-color: #EFEFEF; margin-top: 18px; padding: 18px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
.restaurant { color: #000; }
.restaurant h1 { border-bottom: 1px solid #F0F1F2; font-size: 24px; padding: 0 0 12px 0; }
.restaurant .savingswrap { background-color: #FFF; border: 1px solid #CCC; border-right-color: #999; border-bottom-color: #999; display: block; float: right; font-family: Helvetica, Arial, sans-serif; font-size: 8px; line-height: 8px; margin: 0 0 6px 12px; overflow: hidden; padding: 4px 3px; text-align: center; width: 42px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
.restaurant .savingswrap a { color: #666; }
.restaurant .savingswrap img { background: url(../Images/ic-set-large.gif) no-repeat 0 -256px; display: block; height: 32px; margin-bottom: 2px; width: 42px; }
.photowrap { margin-top: 18px; text-align: center; }
.photowrap img { border: 1px solid #CCC !important; margin: 0; padding: 3px; }
.offerframe { border-width: 0; height: 340px; margin: 0 auto 18px 0; max-width: 400px; overflow: hidden; width: 100%; }
