body{ margin: 0; padding: 0; background: #daf2f4 url(../images/bg-blue-grad.jpg) repeat-x top left; } img{ border:none; } a, a:link, a:active, a:visited{ color:#556c7b; text-decoration:none; cursor:pointer; } a:hover{ color:#F00; } #wrapper { background: url(../images/bg-clouds.jpg) no-repeat top center; margin: 0; padding: 0; } #container{ position: relative; background: #fff url(../images/bg-main-col-no-shad.png) repeat-y top center; width: 992px; padding: 0 2px; margin: 0 auto; min-height:1000px; overflow:hidden; -moz-box-shadow: 0 -2px 5px 4px rgba(0,0,100,.1); -webkit-box-shadow: 0 -2px 5px 4px rgba(0,0,100,.1); box-shadow: 0 -2px 5px 4px rgba(0,0,100,.1); } #headerArea{ width: 992px; margin: 0 auto 0 auto; position: relative; } #headerArea h1 { margin: 0; } #headerArea h1 a { display: block; width: 992px; background: url(../images/hd-RWB-2023-summer.gif) no-repeat top left; height: 153px; text-indent: -10000px; font-size: 0; line-height: 0; } #hd-bc-spon a { position: absolute; top: 133px; right: 7px; display: block; width: 250px; height: 50px; background: url(../images/hd-bc-sponsor.gif) no-repeat top left; text-indent: -10000px; font-size: 0; line-height: 0; } #mainContnetArea{ width: 992px; margin: 0 auto; } #mainContnetAreaCol1{ width:728px; padding-left: 6px; padding-right: 1px; float:left; margin-top: -10px; } #three-col #mainContnetAreaCol1{ margin-top: 0px; } #introArea{ overflow: hidden; font: normal 19px/20px Garamond, "Times New Roman", Times, serif; letter-spacing:0.5px; color:#8e8e8e; height: 475px; border-bottom: 1px #e2d9c4 solid; background: url('/static/2012/images/slideshow/bg-macaroons-2016-sm.jpg') no-repeat bottom right; } #introArea li { margin-bottom: 1px; font-size:14px; } #introArea h1{ margin: 35px 0 2px 0; padding:0; text-transform: uppercase; font-size: 24px; font-family: 'Tw Cen W01 Medium Cond', 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 27px; border-left: 4px solid #e2a00c; padding-left: 5px; color: #000; font-size: 37px; font-weight: normal; } #introArea ul { margin: 10px 0; list-style-position: inside; } #introArea h2{ margin:0px 0px 20px 0px; font: bold 16px/16px Garamond,"Times New Roman", Times, serif; text-transform:uppercase; color:#6e8492; } #introArea .col1ContentBlock p { /* 2012 additions */ margin: 10px 0; font-size: .9em; font-family: Garamond,Baskerville,"Baskerville Old Face","Hoefler Text","Times New Roman",serif; color: #000; line-height: 1.4; } #introArea .col1ContentBlock p:last-of-type { margin-bottom: 25px; } #introSubscribeForm{ height:32px; padding-bottom: 5px; } #introSubscribeForm input[type="text"] { border: 1px #dfd4bc solid; width: 274px; font-style: italic; } #introSubscribeForm form{ margin:0; padding:0; } #introSubscribeForm input{ margin:0px; padding:0px; line-height:normal; vertical-align:top; font: normal 12px/12px Verdana, Geneva, sans-serif; } #socialInfo { margin-top: -15px; position:relative; z-index:10; } #headlinePromoArea{ padding: 0; } #footerPromoArea{ padding: 0; } #listArea{ } .col1ContentBlock h1{ margin:10px 0px 4px 0px; font: bold 22px/22px Garamond, "Times New Roman", Times, serif; text-transform:uppercase; } .col1ContentBlock h2{ margin:0px 0px 15px 0px; font: normal 16px/16px Garamond, "Times New Roman", Times, serif; color:#6e8492; } .col1ContentBlock p{ margin:0; } /*BEGIN Restaurant List Navigation*/ .col1TabNavBlock{ color:#6A9FB6; font-style:italic; background:#FFF; border-bottom: 1px solid #e2d9c5; } .col1TabNavBlock ul{ margin: 0; padding: 24px 0 0 0; height:31px; background-color: #F9F7F1; border-top: 1px solid #E2D9C4; } .col1TabNavBlock li{ height:20px; margin:0px 0px 0px 15px; padding:5px 15px 5px 15px; display:block; float:left; list-style:none; background:url(../images/col1TabNavBG.gif) top center no-repeat; border-top: 1px solid #e2d9c5; border-right: 1px solid #e2d9c5; border-bottom: 1px solid #e2d9c5; border-left: 1px solid #e2d9c5;} .col1TabNavBlock li.activeTab{ border-top: 1px solid #e2d9c5; border-bottom: 1px solid #fff; background:#FFF; } #browseRestaurantsControls select{ margin: 3px 0px 0px 10px; padding: 2px; border: 1px solid #CCCCCC; font: normal 14px Georgia, "Times New Roman", Times, serif; color: #7e7b6a; text-transform:none; width: 220px; } .paginationControls { margin:5px 0px 10px 10px; font: normal 14px/14px "Times New Roman", Times, serif; text-transform:uppercase; color:#6e8492; } /*--BEGIN Restaurant Details Page*/ .restaurantDetailsPage{ margin:0px 0px 0px 0px; padding:0px; font: normal 13px/18px Verdana, Geneva, sans-serif; color:#666666; } #restaurantDetailsPageNav{ height:16px; font: normal 10px/11px Verdana, Geneva, sans-serif; font-weight: bold; text-transform: uppercase; color:#6f9fbc; width: 482px; padding: 0 0 0 30px; padding-left: 30px; margin: 15px 0 0 216px; } #restaurantDetailsPageNav a { color:#6f9fbc; } #restaurantDetailsPageSocialLinks{ height:24px; overflow:hidden; border-bottom:1px solid #e2d9c2; padding:3px 5px 15px 30px; } #restaurantDetailsPageInfoCol{ width:215px; padding: 0 0 0 0; float:left; } #restaurantDetailsPageInfoCol .dataLabel{ font: normal 10px/18px Verdana, Geneva, sans-serif; text-transform:uppercase; font-weight:bold; color:#666666; } #restaurantDetailsPageMenuCol{ float:left; width:500px; } .restaurantDetailsPageMenuNav{ width:512px; height:38px; margin-left:216px;/*216*/ background:url(../images/restaurantDetailsPageMenuNav-BG.png) repeat-x; } a.RDPMN-links{ display: inline; float:left; height:37px; border-bottom:1px solid #e2d9c2; border-right:1px solid #e2d9c2; outline: none; } img.RDPMN-links{ border:0; } a.RDPMN-links-active{ border-bottom:1px solid #FFF; outline: none; } a.RDPMN-opentable{ border:0; padding-top:3px; padding-left:30px; } #restaurantMenuContainer{ width:482px; margin-left:216px;/*216*/ margin-top:25px; margin-bottom:20px; padding:0 0 0 30px; font: normal 13px/18px Verdana, Geneva, sans-serif; color:#666666; text-align: left; } #restaurantMenuContainer p{ margin-bottom:25px; } #restaurantMenuContainer p strong { font-size: 18px; margin-bottom: 20px; display: block; } #menuPromoRepeatReceipt{ width:446px; margin-left:220px; padding:10px 0 0 30px; text-align:center; } #restaurantMenuDisclaimer{ width:446px; margin-left:216px;/*216*/ padding:10px 0 0 30px; font: normal 13px/18px Verdana, Geneva, sans-serif; color:#666666; text-align:center; } /*--END Restaurant Details Page*/ /*--END Restaurant List Navigation*/ .restaurantList{ padding-left:0px; padding-right:0px; } .restaurantEntry{ margin:10px 0px 0px 0px; padding:0px 0px 10px 10px; border-bottom: 1px solid #E2D9C2; } .restaurantInfoBasic{ font: normal 13px/18px Verdana, Geneva, sans-serif; } .restaurantInfoBasic h4{ margin:0px 0px 10px 0px; padding:10px 0px 0px 0px; font: normal 17px/18px Verdana, Geneva, sans-serif; font-weight:bold; letter-spacing: 0.5px; text-transform: uppercase; } .mapLink{ font: normal 12px/16px Verdana, Geneva, sans-serif; } .infoLabel{ font: normal 10px/16px Verdana, Geneva, sans-serif; text-transform:uppercase; color:#000; } .restaurantLogo{ width:190px; height:140px; padding-left:10px; float:left; } .restaurantButtons{ float: right; margin:5px 10px 0px 0px; } .restaurantButtons a { width:92px; height:40px; margin-right:4px; display:block; float:left; overflow:hidden; line-height:100px; background:url(../images/restaurantButtonsBG.png) no-repeat ; } a.viewMenusButton{background-position: -294px 0px;} a.viewMenusButton:hover {background-position: -294px -40px;} a.openTableButton {background-position: -196px 0px;} a:hover.openTableButton { background-position: -196px -40px;} a.reservationButton{background-position: -392px 0px;} a.reservationButton:hover {background-position: -392px -40px;} a.lunchMenuButton{background-position: 0px 0px;} a:hover.lunchMenuButton{background-position: 0px -40px;} a.dinnerMenuButton {background-position: -98px 0px;} a:hover.dinnerMenuButton {background-position: -98px -40px;} .restaurantInfoExtended{ margin-left:200px; border-top:1px solid #e2d9c5; font: normal 12px/16px Verdana, Geneva, sans-serif; font-style:italic; color:#666; padding-top: 4px; } p.restaurantInfoExtendedInfoLabel{ margin-top:10px; margin-bottom:2px; font: normal 10px/16px Verdana, Geneva, sans-serif; text-transform:uppercase; color:#000; } #spot3{ text-align:center; } /*Right Sidebar Column*/ #mainContentAreaCol2{ width:250px; margin:0px; margin-top: 15px; padding:15px 0 0 0; float:left; font: normal 11px/15px "lucida grande",tahoma,verdana,arial,sans-serif; color:#444041; letter-spacing: 0.5px; } .col2ContentBlock{ margin-bottom:10px; padding: 0px 8px 0px 12px; } .col2ContentHeaderImpact{ padding: 0; } .callOutBlock{ background:#FFF; overflow: visible; margin-bottom: 25px; border-bottom: 1px solid #E2D9C4; } .callOutBlockHeader{ } #spot2{ text-align:center; } #twitter_div {font: normal 11px Verdana, Arial, Helvetica, sans-serif;} #twitter_div li {font: normal 11px Verdana, Arial, Helvetica, sans-serif;margin-bottom:10px;} #twitter_div h4 {font-size:12px;font-weight:bold; margin:0px 0px 5px 0px;} #twitter_div a {text-decoration:none; color:#991e0a;} #twitter_update_list { list-style:none; padding:0; margin:0; font: 12px Verdana, Arial, Helvetica, sans-serif;color:#4e1913;} /* tooltip styling */ .tooltip { display:none; background:transparent url(/static/2010/images/tool-tip-bg-200x80.gif); font-family:Verdana, Geneva, sans-serif; font-size:11px; height:53px; width:186px; padding:5px 7px 22px 7px; } /* END tooltip styling */ p.restaurantInfoExtendedInfoLabel { color: #666666; font: 10px/16px Verdana,Geneva,sans-serif; margin-bottom: 2px; margin-top: 10px; text-transform: uppercase; font-style: normal; } .mg-table { float: left; padding-right: 5px; } .mg-style { border: 0 none; margin: 0; padding: 0; width: 83px; } .mg-table-th { background-color: #9AA9B4; border-bottom: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; color: #FFFFFF; margin: 0; padding: 0; text-transform: uppercase; } .mg-table-td { background: none repeat scroll 0 0 #DBDBDB; border-bottom: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; height: 11px; margin: 0; padding: 0; width: 11px; } .mg-table-td-1 { background: none repeat scroll 0 0 #A6C9A5; } .rwtip{ margin:10px 0px 10px 5px; padding-left:35px; } .rwtip1{ background:url(../images/rwtip-num-1.gif) top left no-repeat; } .rwtip2{ background:url(../images/rwtip-num-2.gif) top left no-repeat; } .rwtip3{ background:url(../images/rwtip-num-3.gif) top left no-repeat; } .rwtip4{ background:url(../images/rwtip-num-4.gif) top left no-repeat; } .rwtip5{ background:url(../images/rwtip-num-5.gif) top left no-repeat; } .rwtip6{ background:url(../images/rwtip-num-6.gif) top left no-repeat; } #footerArea{ position: relative; width:994px; margin: 0 auto; padding: 36px 1px 0 1px; background: #fff url(../images/bg-footer-no-shadow.png) no-repeat bottom center; -moz-box-shadow: 0 7px 5px 4px rgba(0,0,100,.1); -webkit-box-shadow: 0 7px 5px 4px rgba(0,0,100,.1); box-shadow: 0 7px 5px 4px rgba(0,0,100,.1); font: normal 10px/16px Verdana, Geneva, sans-serif; } #footerArea div { padding-left: 15px; } #footerArea div:first-of-type { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); transform: translateY(-15px); } #footerArea div:last-of-type { padding-right: 15px; } #footerArea a, #footerArea a:link, #footerArea a:active, #footerArea a:visited{ } #footerArea a:hover{ color:#900; } /* New additions, Summer 2012 */ #three-col #container { background: url(../images/bg-three-col.png) repeat-y top center; } #hd-tweet { margin-top: 0; } #hd-tweet a { display: block; width: 250px; height: 84px; background: url(../images/hd-tweet-no-div.gif) no-repeat top left; /* while there is no bog, use the border-less header */ font-size: 0; text-indent: -10000px; line-height: 0; } #hd-blog a { display: block; width: 250px; height: 84px; background: url(../images/hd-blog.gif) no-repeat top left; font-size: 0; text-indent: -10000px; line-height: 0; } #introCont { width: 435px; padding-left: 12px; float: left; height: 336px; } #slideShow { position: relative; width: 330px; height: auto; float: left; overflow: hidden; } #slideShow img { } #slideAttr { position: absolute; bottom: 15px; right: 0; background: url(../images/bg-attr.png) no-repeat top center; color: #2a5164; text-align: center; font-size: 11px; font-style: italic; width: 100%; } #socialInfo img { margin-right: 8px; } #blogCont { height: 293px; } #three-col #blogCont { margin-top: 15px; } #blogCont h2 { margin: 0; } .mealPeriodsGrid { padding: 0 0 10px 0px; float: left; margin-top: 5px; width: 205px; } .mealPeriodsGrid p { font-style: italic; font-size: 10px; margin-top: 0; } .mealPeriodsGrid p.restaurantInfoExtendedInfoLabel { font-style: normal; font-size: 10px; } .restaurantEntry p { letter-spacing: 0.5px; color: #666; } .restClass { font-size: 10px; font-weight: normal; color: #666; vertical-align: middle; } a:hover .restClass { color: #556C7B; } #browseRestaurantsControls { border-bottom: 1px solid #E2D9C4; padding: 10px; } #three-col #headerArea{ margin: 0 auto 0 auto; } /* Restaurant menu page 2012 */ #restaurantDetailsPageInfoCol p, #restaurantDetailsPageInfoCol li { margin-left: 10px; } #restaurantDetailsPageMenusCol h4 { font-size: 20px; text-transform: uppercase; padding: 0 0 15px 30px; margin: 0 0 2px 0; color: #666; } #restaurantDetailsPageMenusCol h4 a { color: #666; } #restaurantMainInfoPage { color: #666666; font: 13px/18px Verdana,Geneva,sans-serif; margin-left: 216px; text-align: left; width: 512px; } .restaurantFeatureIcons { padding-left: 10px; } .col1ContentBlock p.restAddress { width: 437px; margin: 0 0 13px 30px; border-bottom: 1px #e3dac5 dotted; } .restLogo { margin-bottom: 25px; }