.main{ } /* default document style */ body { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-image: url(/a1/images/background.jpg); background-repeat: repeat-x; background-position: top; background-color: #2c0000; } .print-body{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; background-image: url(/a1/images/clear.gif); font-size:11px; color:#000000; background-color:#FFFFFF; } /* deprecated image border fix */ img { border: 0px; } /* clear float style */ .clear { clear: both; } #content-holder { width: auto; text-align: center; } #content { width: 984px; margin: auto; text-align: left; position: relative; } /* hack for firefox and empty div elements */ #content:after { content: '[CONTENT]'; display: block; clear: both; visibility: hidden; } #navigation { width: 984px; height: 69px; } #navigation:after { content: '[CONTENT]'; display: block; clear: both; visibility: hidden; } #navControl { width: 984px; height: 69px; margin: auto; text-align: left; } #navControl:after { content: '[CONTENT]'; display: block; clear: both; visibility: hidden; } #topBodyControl { width: 984px; margin: auto; text-align: left; position: relative; } #topBodyControl:after { content: '[CONTENT]'; display: block; clear: both; visibility: hidden; } #flash-center { margin: auto; width: 930px; margin-left: 25px; } #recipes #flash-center { background-image:url(/a1/images/search-high-light.gif); background-repeat:no-repeat; margin: auto; width: 930px; margin-left: 25px; } .logo { float: left; } .left-float { float: left; } .callout-box { background-image: url(/a1/images/bottom-box.gif); background-repeat: no-repeat; width: 248px; height: 48px; margin-top: 24px; float: left; text-decoration: none; } .callout-text { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #f6bf01; padding: 9px; text-decoration: none; } .callout-link { text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #f6bf01; } #bottom-boxes { background-image: url(/a1/images/bottom-boxes.gif); background-repeat: no-repeat; width: 931px; height: 83px; margin-left: 24px; } .nav-map { background: url(/a1/images/nav-toplogo.gif) 0px 0px no-repeat; height: 69px; width: 195px; display: block; float: left; } .nav-map:hover { background: url(/a1/images/nav-toplogo.gif) -195px 0px no-repeat; height: 69px; width: 195px; display: block; float: left; } .steakhouse { background: url(/a1/images/nav-steakhouse.gif) 0px 0px no-repeat; height: 69px; width: 204px; display: block; float: left; } .steakhouse:hover { background: url(/a1/images/nav-steakhouse.gif) -204px 0px no-repeat; height: 69px; width: 204px; display: block; float: left; } #expertise .steakhouse { background: url(/a1/images/nav-steakhouse.gif) -204px 0px no-repeat; height: 69px; width: 204px; display: block; float: left; } .recipes { background: url(/a1/images/nav-recipes.gif) 0px 0px no-repeat; height: 69px; width: 84px; display: block; float: left; } .recipes:hover { background: url(/a1/images/nav-recipes.gif) -84px 0px no-repeat; height: 69px; width: 84px; display: block; float: left; } #recipes .recipes { background: url(/a1/images/nav-recipes.gif) -84px 0px no-repeat; height: 69px; width: 84px; display: block; float: left; } .products { background: url(/a1/images/nav-products.gif) 0px 0px no-repeat; height: 69px; width: 95px; display: block; float: left; } .products:hover { background: url(/a1/images/nav-products.gif) -95px 0px no-repeat; height: 69px; width: 95px; display: block; float: left; } #products .products { background: url(/a1/images/nav-products.gif) -95px 0px no-repeat; height: 69px; width: 95px; display: block; float: left; } .how-to { background: url(/a1/images/nav-howto.gif) 0px 0px no-repeat; height: 69px; width: 124px; display: block; float: left; } .how-to:hover { background: url(/a1/images/nav-howto.gif) -124px 0px no-repeat; height: 69px; width: 124px; display: block; float: left; } #howto .how-to { background: url(/a1/images/nav-howto.gif) -124px 0px no-repeat; height: 69px; width: 124px; display: block; float: left; } .burgers { background: url(/a1/images/nav-burgers.gif) 0px 0px no-repeat; height: 69px; width: 168px; display: block; float: left; } .burgers:hover { background: url(/a1/images/nav-burgers.gif) -168px 0px no-repeat; height: 69px; width: 168px; display: block; float: left; } #burgers .burgers { background: url(/a1/images/nav-burgers.gif) -168px 0px no-repeat; height: 69px; width: 168px; display: block; float: left; } .divOff { display: none; } .divOn { display: block; } /*recipe */ #search-header { background-image: url(/a1/images/recipe-header.gif); background-repeat: no-repeat; width: 929px; height: 77px; position: relative; } .search-header:after { content: '[CONTENT]'; display: block; clear: both; visibility: hidden; } .search-area { background-image: url(/a1/images/recipe-top-control.gif); width: 843px; height: 45px; background-repeat: no-repeat; margin-left: 44px; } .search-area:after { content: '[CONTENT]'; display: block; clear: both; visibility: hidden; } #resultsSearchBox { background-color: fffdfa; } .search-box { width: 270px; float: right; margin: 20px 10px 0 0; } .search-results { width: 843px; margin-left: 44px; background-color: #fdf4e0; } .search-results:after { content: '[CONTENT]'; display: block; clear: both; visibility: hidden; } .search-light { background-image: url(/a1/images/recipe-bar.gif); width: 843px; background-repeat: no-repeat; background-position: top; background-color: #fdf4e0; height: 120px; } .spacediv { width: 29px; float: left; } .spacearea { width: 49px; height: 45px; float: left; } .searchPage { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #5f0600; } .searchLink { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #5f0600; text-decoration: none; } .search-label { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #5f0600; float: left; width: 70px; padding: 10px 5px 5px 10px; } .search-message { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #5f0600; padding: 15px 10px 0 40px; } .item-label { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #f6bf01; float: left; width: 70px; padding: 5px 5px 5px 10px; } .item-detail-label { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #f6bf01; float: left; width: 70px; padding: 0px 5px 5px 0px; } .result-small { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #666666; } .result-name { padding: 15px 0 0 10px; float: left; } .photo-results { padding: 15px 0 15px 10px; float: left; width: 137px; } .hide-thumb-N { HEIGHT:126px; height:91px; display:block; } .hide-thumb-Y { display:none; } .show-thumb-N { display:none; } .show-thumb-Y { display:block; } .thumb-top { background-image: url(/a1/images/thumb-top.gif); background-repeat: no-repeat; width: 137px; height: 5px; } .thumb-center { background-image: url(/a1/images/thumb-center.gif); background-repeat: repeat-y; padding-left: 7px; width: 137px; } .thumb-bottom { background-image: url(/a1/images/thumb-bottom.gif); background-repeat: no-repeat; width: 137px; height: 9px; } .results-message { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #5f0600; padding: 15px 10px 0 40px; float: left; } .results-info { border-top: 1px dotted #fbbb73; width: 200px; height: 100px; } .results-labels { float: right; width: 200px; height: 100px; } .page-results { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #5f0600; text-decoration: none; } .page-controls { float: right; padding: 15px 50px 0 0; } .page-links { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #5f0600; text-decoration: none; } .yello { font-family: Arial, Helvetica, sans-serif; color: #f6bf01; } .recipe-header { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #5f0600; padding: 15px 0 10px 0; } .orange-header { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #ff7e00; padding-bottom: 10px; } .maroon-text { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #5f0600; padding-bottom: 10px; line-height:19px; } .grey { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #999999; line-height:19px; } .grey-link { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #999999; text-decoration: none; } #detail-left { float: left; width: 490px; padding-left: 40px; } #detail-right { float: right; width: 240px; padding-right: 40px; margin-top: 55px; } .back-link { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #5f0600; text-decoration: none; } .info-label { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #5f0600; float: left; width: 104px; padding:4px 0px 4px 0px; float: left; } .info-box { border-top: 1px dotted #440000; border-bottom: 1px dotted #440000; width: 317px; } .detail-photo { width: 321px; float: left; padding-right: 10px; } .detail-False { BACKGROUND-IMAGE:url(/a1/assets/image/no-image.jpg); BACKGROUND-REPEAT:no-repeat; padding-left: 7px; HEIGHT:300px; height:204px; } .detail-True { display:none; } .detail-top { background-image: url(/a1/images/detail-top.gif); background-repeat: no-repeat; width: 321px; height: 5px; } .detail-center { background-image: url(/a1/images/detail-center.gif); background-repeat: repeat-y; padding-left: 7px; width: 321px; } .detail-bottom { background-image: url(/a1/images/detail-bottom.gif); background-repeat: no-repeat; width: 321px; height: 11px; } .detail-button { width:110px; padding: 10px; float: left; } .print-header{ color: #000000; font-size: 18px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; } .print-text{ color: #000000; font-size: 12px; font-family:Arial, Helvetica, sans-serif; } .printerTitle { color: #000000; font-size: 18px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; } /*footer styles*/ .footerControl { width: 980px; text-align: center; } #footerBox { margin-top: 15px; margin: auto; width: 450px; text-align: center; } #footerLinks { list-style: none; } #footerLinks li { margin: 0; float: left; background-image: url(/a1/images/pipe.gif); background-repeat: no-repeat; padding: 0 5px 0 15px; } #footerLinks li a { color: #990000; text-decoration: none; font-size: 10px; font-family: Arial, Helvetica, sans-serif; } #footerLinks li a:hover { color: #990000; text-decoration: underline; font-size: 10px; font-family: Arial, Helvetica, sans-serif; } /** * A1 Footer Updates * 2009.06 * overrides styles defined above and adds a new one */ #bottom-boxes { background: url(/a1/assets/image/bottom-boxes.gif) no-repeat top left; margin-left: 25px; } #bottom-boxes .callout-box { margin-right: 15px; } #callout-applebees.callout-box { background: none; width: 142px; margin-right: 0px; } #callout-youtube.callout-box { background: none; width: 142px; margin-right: 0px; }