/* style.css V1.00 */ /* Hungry1 stylesheet */ /* General */ body {background:#FFFFFF; color:#333; font-family:arial,helvetica,verdana,sans-serif; font-size:13px; margin:0px; padding:0px 0px 24px 0px;} a {color:#F57900; text-decoration:none;outline:none;} a:link {color:#F57900; text-decoration:none;} a:hover {color:#FCAF3E;} a:active {color:red;} a:visited {color:#F57900;} h1 {font-size:24px; margin:0; margin-bottom:0.25em;} p {margin-top:0; margin-bottom:1em;} img {border:0px; padding:0px;} input { outline: none !important; } .floatLeft {float:left;padding:0px !important;margin:0px !important;} .floatRight {float:right;padding:0px !important;margin:0px !important;} .clearBoth {clear:both;} .transparent {filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;} /*a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/ a.tooltip { position: relative; font-size: 9px; z-index: 95; } a.tooltip span { display:none; padding:5px 3px; width:50px; } a.tooltip:hover span {display:inline; position:absolute; top: -49px; left: -18px; text-align: center; border: 2px solid #888888; background: #666666 !important; color: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; } a.tooltip:hover span span { display: block; bottom: -12px; top: auto !important; left: 0px; border: 0px none; height: 12px; background: transparent url('/tpl/hungry1/images/boxbottom.png') no-repeat bottom center !important; } /* sexier css tooltips */ ul.label { padding: 0px; margin: 0px; list-style-type: none; position: relative; } ul.label span { font-size: 9px; color: #000; cursor: default; } ul.label li.item { } ul.label li.tooltip { display: none; padding:5px 3px; width:120px; position: absolute; text-align: center; border: 2px solid #888888; background: #666666 !important; color: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 8pt; } ul.label li.point { display: none; position: absolute; border: 0px none; height: 12px; width: 16px; background: transparent url('/tpl/hungry1/images/boxtop.png') no-repeat 0px 0px; } ul.label:hover li { display: block !important; } a.username { font-weight: bold; } #breadcrumb { margin-top: 10px; } #contentContainerHome {background: #fff url('/tpl/hungry1/images/homebg.gif') repeat-x; background-position:0px 76px;} #contentContainer {background: #fff url('/tpl/hungry1/images/bg.gif') repeat-x; background-position:0px 76px; width: 100%; min-width: 960px; } #pageContainer {margin:0px auto; width: auto; /*width:960px;*/} #pageHeaderHome {height:468px;width:960px;margin:0px auto;background:url('/tpl/hungry1/images/globe.png');background-repeat: no-repeat;background-position:6px 90px;} #pageHeader { width:960px;margin:0px auto; } #headerLogoWrapper {} #headerLogo {} #menuLogo {margin:10px 0px 0px 0px;} #headerMenuWrapper {} #headerMenu { padding-top: 0px; width: 713px; } #menuWrapper { } #menu { margin: 0px 0px 0px 25px; height: 25px; } #menu .item { float: left; height: 25px; } #menu .item a { background:#ffbe3c; color: #555; font-size: 12pt; padding:8px 22px 6px 22px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;font-weight: bold; margin: 0px 2px; height: 19px; display: block; } #menu .item a:hover { background:#ff9900; border: 1px solid #ff9900; color: #FFF; } #menu .food a { background:#ffbe3c; border-left: 1px solid #ff9900; border-top: 1px solid #ff9900; border-right: 1px solid #ff9900; border-bottom: 1px solid #ffbe3c; } #menu .friends a { background:#fdcd6d; border-left: 1px solid #ffbe3c; border-top: 1px solid #ffbe3c; border-right: 1px solid #ffbe3c; border-bottom: 1px solid #fdcd6d; } #menu .apps a { background:#ffdf9e; border-left: 1px solid #fdcd6d; border-top: 1px solid #fdcd6d; border-right: 1px solid #fdcd6d; border-bottom: 1px solid #ffdf9e; } #menu .help a { background:#fff0d2; border-left: 1px solid #ffdf9e; border-top: 1px solid #ffdf9e; border-right: 1px solid #ffdf9e; border-bottom: 1px solid #fff0d2; } #menu .active a { background:#ff9900; border: 1px solid #ff9900; color: #FFF; } #menu .last a { /*border: 0px none !important;*/ } #menuHome {margin:0px 0px 0px;} #menuFood {margin:0px 0px 0px -5px;} #menuFriends {margin:0px 0px 0px -5px;} #menuOrder {margin:0px 0px 0px -5px;} #menuSignWrapper { float: right; } #menuSigned { margin: 3px 15px 0px 0px; } #menuSigned a { color: black; } #menuSigned a.signed { padding: 5px 10px;background:orange;-moz-border-radius:5px; -webkit-border-radius: 5px; } #menuSign {margin:3px 15px 0px 0px;} #menuSign a.registerBox { background:#ff9900;-moz-border-radius-bottomleft:5px;-webkit-border-radius-bottom-left:5px;border-left:1px solid #000;border-right:1px solid #000;border-bottom:1px solid #000;padding:3px 10px;font-size:8pt;color:#fff;font-weight:bold; } #menuSign a.registerBox:hover { background: #000; } #menuSign a.loginBox { background:#ffbe3c;-moz-border-radius-bottomright:5px;-webkit-border-radius-bottom-right:5px;border-right:1px solid #000;border-bottom:1px solid #000;padding:3px 10px;font-size:8pt;color:#fff;font-weight:bold; } #menuSign a.loginBox:hover { background: #000; } #menuSignIn {margin:0px 0px; display: block; float: left; } a#menuSignIn {background:url('/tpl/hungry1/images/menu/signin.png') no-repeat top center;} a:hove#menuSignIn {background:url('/tpl/hungry1/images/menu/signin.png') no-repeat bottom center;} #menuSignInBlock { width: 170px; background: #ffc13d; position: absolute; padding: 20px; margin-top: 22px; margin-left: -45px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-radius: 5px; } #menuSignInBlock input[type=text], #menuSignInBlock input[type=password] { width: 165px; } #menuSignInBlock .username {} #menuSignInBlock .username input {} #menuSignInBlock .password {} #menuSignInBlock .password input {} #menuSignInBlock .rememberme {} #menuSignInBlock .submit {} #menuSignUp {margin:0px 0px; display: block; float: left; } a#menuSignUp {background:url('/tpl/hungry1/images/menu/signup.png') no-repeat;} #headerHome { background-position:bottom center; height:439px;background:transparent url(/tpl/hungry1/images/topplates.png) no-repeat scroll 12px 245px;position:relative;} #headerHomeLeft {width:250px; height:325px; text-align:center; } .headerHomeLeftContents { font-weight:bold;height:206px;width:209px;padding:70px 20px 10px 20px;margin:0px 0px 0px 0px;background:url('/tpl/hungry1/images/welcomebg.png') no-repeat;font-size:9.5pt; } .learnMore { margin:5px 0px 5px 0px;padding:0px;height:10px;clear:both; } .learnMore a { color:#000;font-size:8px; } .learnMoreLine { padding: 10px 0px 0px 0px;height:10px; } #headerHomeFind {margin:10px 0px 0px 10px;} .headerHomeInput {background:url('/tpl/hungry1/images/topinput.png') no-repeat; margin:18px 0px 0px; padding:14px; border:0px; width:203px; height:18px; color:#666666; font-family:verdana,arial,sans-serif; font-size:13px; font-weight:bold;} .headerHomeButton {margin:10px 0px 0px;} #headerHomeCenter {width:455px;height:auto;text-align:center;/*width:550px; height:325px;*/} .orderFrom { width:363px;height:278px;margin-left:50px;margin-top:15px;background:url('/tpl/hungry1/images/orderfrom.png') no-repeat; position: relative; top: -20px; } .hungry1robot { width:192px;height:170px;/*margin-left:255px;*/position:absolute;bottom:100px;right:260px; } #headerHomeRight {width:auto;height:auto;/*width:140px; height:325px;*/} .headerHomeRightContents{ margin: 0px 13px 0px 0px; } #headerHomeAvailable {margin:12px 0px 0px;} #headerHomeLogoAppStore {margin:12px 0px 4px 13px;} .headerHomeLogoLeft {margin:2px 2px 0px 13px;} .headerHomeLogoRight {} #searchFocus { clear:both;position:absolute;bottom:40px; } #headerBlock {/*background:url('/tpl/hungry1/images/topplates.png') no-repeat; background-position:bottom center;*/ height:15px;background-position: 0px 40px;} #pageWrapper { width: 100%; } #pageBodyWrapper { width:100%;background-color:white;padding-top:53px; } #pageBody {width:960px;margin:0px auto;position:relative;top:-23px;} .bodyMessage { padding: 10px; background: #666; color: #fff; font-weight: bold; } #bodyLeftColumn { /*width:798px;*/ } #bodyRightColumn {width:290px;} /* fancybox */ #fancybox-outer { -moz-border-radius: 10px; -webkit-border-radius: 10px; } /* Dock */ #dockWrapper { position: fixed; bottom: 0px;height:37px;width:100%;z-index:99; background: url('/tpl/hungry1/images/bg_whitefade_btt.png') repeat-x; background-position: top center; } #dockWrapperIE6 { /*position: fixed; bottom: 0;left:0;width:100%;z-index:99;overflow:auto; background: transparent none;*/ } #dock { height: 24px; font-weight: bold; color: #fff; background: #CCC url('/tpl/hungry1/images/stickybg.jpg') repeat-x;margin: 13px 0px 0px 0px; padding: 0px 10px 0px 0px;position:relative;/*overflow:hidden;*/ } #dock a { color: #fff; } #dock .itemWrapper { float: left; margin: 0px; padding: 0px; } #dock .item { } #dock .itemIcon { position:relative;top:-3px; } #dock #divider { margin:0px 0px 0px 0px;width:1px;height:20px;background:#aaa; } .dockLeftWrapper { } .dockLeft { font-size:8pt;padding: 7px 10px 0px 7px; } .dockRightWrapper { } .dockRight { font-size:8pt;padding: 3px 5px 0px 7px;position:relative; } .dockRight .itemWrapper { } .dockRight #registrationWrapper { } .dockRight #registration { margin: 0px 5px 3px 5px; position: relative; top: -2px; } .dockRight #registration a span { display: block; padding: 6px 10px 5px 10px; font-size: 10px; height: 10px; } .dockRight #registration a:hover span { background: white; color: black; } .dockRight #dockIcons img { padding: 1px 3px 0px 3px; } #openMini { display: none; } #dockCartMini { margin: 0px 0px 15px 0px; border: 2px solid #888; padding: 5px; background: #666; -moz-border-radius: 5px; -webkit-border-radius: 5px; position: absolute; bottom: 0px; right: 3px; text-align: center; } #dockCart { min-height: 100px; margin: 0px 0px 15px 0px; border: 2px solid #888; padding: 10px 10px 37px 10px; background: #666; -moz-border-radius: 5px; -webkit-border-radius: 5px; position: relative; top: 1000px; right: 3px; } #dockCart .dockCartBlockHeader { color:orange; font-size:16px; font-weight:bold;padding-bottom: 5px;} #dockCart img { padding: 0px !important; } .dockCartBlockContentCart {margin: 0px; display:block; font-size:10px; color: #fff;border:1px solid #EEEEEE;} .dockCartBlockContentCart a {color:#fff;} .dockCartBlockContentCart a:hover {text-decoration: underline;} .dockCartBlockContentCartButtons { position: absolute; bottom: 10px; left: 0px; width: 100%; } .dockCartBlockContentCartButtons .checkout { margin: 0px; text-align: center; } .dockCartBlockContentCartButtons .checkoutbox { background: #91c692; border: 2px solid #CCC; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .dockCartBlockContentCartButtons .favoritebox { background: #d7cd76; border: 2px solid #CCC; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .dockCartBlockContentCartButtons .clearbox { background: #d78576; border: 2px solid #CCC; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .dockCartBlockContentCartButtons .debug { color: #fff; margin-left: 10px; position: absolute; bottom: 0px; } .dockCartBlockContentCartButtons .debugbox { } .dockCartBlockContentCart .cartRestaurant { padding: 5px 10px; background: #888; border-bottom: 1px solid #999; } .dockCartBlockContentCart .cartRestaurant a {color:#CCC;} .dockCartBlockContentCart .cartRestaurant a:hover {text-decoration: underline;} .dockCartBlockContentCart .cartRestaurant .name { } .dockCartBlockContentCart .cartRestaurant .leftSide { float: left; } .dockCartBlockContentCart .cartRestaurant .name { font-size: 10px; font-weight: bold; } .dockCartBlockContentCart .cartRestaurant .leftSide .details { color: #666; } .dockCartBlockContentCart .cartRestaurant .leftSide .details .detailsItem { } .dockCartBlockContentCart .cartRestaurant .rightSide { float: right; color: #666; text-align: right; } .dockCartBlockContentCart .cartRestaurant .rightSide .phone { } .dockCartBlockContentCart .cartRestaurant .rightSide .website { } .dockCartBlockContentCart .cartRestaurant .rightSide .icons { } .dockCartBlockContentCart .cartRestaurant .rightSide .icon { float: right; margin: 0px 0px 0px 3px; } .dockCartBlockContentCart .cartRestaurant .rightSide .icon img { width: 15px; } .dockCartBlockContentCart .cartItem { padding: 5px; background: #777; border-bottom: 1px solid #999; } .dockCartBlockContentCart .cartItem .name {} .dockCartBlockContentCart .cartItem .leftSide { float: left; } .dockCartBlockContentCart .cartItem .leftSide .name { font-size: 12px; font-weight: bold; } .dockCartBlockContentCart .cartItem .leftSide .details { color: #AAA; font-style: italic; } .dockCartBlockContentCart .cartItem .leftSide .details .detailsItem { margin-left: 5px; } .dockCartBlockContentCart .cartItem .rightSide { float: right; } .dockCartBlockContentCart .cartItem .rightSide .price { font-size: 12px; font-weight: bold; text-align: right; } .dockCartBlockContentCart .cartItem .rightSide .icons { } .dockCartBlockContentCart .cartItem .rightSide .icon { float: right; margin: 0px 0px 0px 3px; } .dockCartBlockContentCart .cartItem .rightSide .icon img { width: 15px; } #dock .cartSubTotal { padding: 5px 0px 5px 0px; } #dock .cartSubTotal .rightSide { float: right; } #dock .cartSubTotal .rightSide .estimatedSubTotal { padding: 0px 5px 5px 5px; border-bottom: 1px solid #999; color: #888; } #dock .cartSubTotal .rightSide .estimatedSubTotal .label { display: inline; } #dock .cartSubTotal .rightSide .estimatedSubTotal .theSubTotal { display: inline; font-weight: bold;} #dock .cartTax { padding: 0px 0px 5px 0px; } #dock .cartTax .rightSide { float: right; } #dock .cartTax .rightSide .estimatedTax { padding: 0px 5px 5px 5px; border-bottom: 1px solid #999; color: #AAA; } #dock .cartTax .rightSide .estimatedTax .label { display: inline; } #dock .cartTax .rightSide .estimatedTax .theTax { display: inline; font-weight: bold; } #dock .cartTotal { padding: 0px 0px 0px 0px; } #dock .cartTotal .rightSide { float: right; } #dock .cartTotal .rightSide .estimatedTotal { padding: 5px 0px 0px 0px; } #dock .cartTotal .rightSide .estimatedTotal .label { display: inline; } #dock .cartTotal .rightSide .estimatedTotal .theTotal { display: inline; font-weight: bold;} #mycustomscroll { /* Typical fixed height and fixed width example */ width: 226px; height: 160px; overflow: auto; /* IE overflow fix, position must be relative or absolute*/ position: relative; margin: 0; padding: 0px; } #mycustomscroll2 { /* Typical fixed height and fixed width example */ width: 340px; height: 250px; overflow: auto; /* IE overflow fix, position must be relative or absolute*/ position: relative; background-color: #D5EADE; margin: 0.3em auto; padding: 15px; } .fixedwidth { /* a wide div is used for creating horizontal scrollbars for demonstration purposes */ width: 550px; height: auto; position: relative; color: black; padding: 1px; } /* Scroll Bar Master Styling Starts Here */ /* All comments can be freely removed from the css */ .scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; } .vscrollerbase { width: 16px; background: #555 url('/tpl/hungry1/images/scrollbg.png') no-repeat;; } .vscrollerbar { height: 33px !important; width: 16px; background: url('/tpl/hungry1/images/scrollbarbg.png') no-repeat;; } .hscrollerbase { height: 10px; background-color: white; } .hscrollerbar { height: 10px; background-color: black; } .scrollerjogbox { width: 10px; height: 10px; top: auto; left: auto; bottom: 0px; right: 0px; background-color: gray; } /* Profile Related */ #error_wrapper { display: block; width: 923px; } .content_wrapper { float: left; width: 601px; } .sidebar_wrapper { float: right; } .withBackground {padding:10px;margin:5px;color:black;background:transparent url(/tpl/default/images/content_bg.gif) repeat-x scroll 0pt 0pt;} #restaurantProfile { margin-left: 16px; /*width: 610px;*/ } .profileHeader {} .profileHeader h1 { margin-left: 15px; } #restaurantRating {font-size:12px;text-align:center;/*display:table;top:-5px;width:180px;*/} #overallRating { width: 100px; clear: none; } #userRating { width: 100px; clear: none; margin:0px auto; } .ratingBlock { clear: none; } .ratingText { clear: both; } .google { width: 100px; text-align: center; margin-top: 10px; } .profileContent {clear:both;} #profileAvatar {width:150px;} .profileAvatar {} .profileAvatar img {width:120px;} #profileVitals {width:460px;} .profileVitals {font-size:18px;height:125px;} .restaurantAddress {} .restaurantPhone {clear:both;margin-top:10px;} #profileDetails {width:300px;} .profileDetails {margin:0px !important;} #detail {width:300px;margin:2px 0px;display:block;} .detail {width:50%;float:left;/*height:27px;*/} .detail label {font-weight:bold;} .detailsPrice {text-align:right;} .detailsPriceData {color:green;text-align:left;} .detailsTakeout {text-align:right;} .detailsTakeoutData {text-align:left;} .detailsReservations {text-align:right;} .detailsReservationsData {text-align:left;} .detailsPayments {text-align:right;} .detailsPaymentsData {text-align:left;} #profileButtons {width:177px;} .profileButtons {} .profileButtons a .profileButton, .profileButtons a:visited .profileButton {color:#FF6600 !important;} .profileButtons a:hover .profileButton {color:#999 !important;} .profileButton {text-align:center;font-size:16px;font-weight:bold;padding:5px;min-height:22px;height:22px;} /* Menu Related */ #menuDetails {width:502px; } .menuDetails {padding:10px 10px 0px 10px;margin:0px;color:black;background-color:#EEE;border: 1px solid #888;} #menuParent { } .menuParent {color:red;background: none #FFF;font-size:18px;font-weight:bold;padding: 5px 15px; margin-bottom:0px;} #menuParent .first { color:white;background:black;font-size:12px;padding: 5px 31px; margin-left: 10px; } #menuParent .selected { background:transparent url(/tpl/default/images/content_bg.gif) repeat-x scroll 0pt 0pt; } #menuChild { } .menuChild {color:maroon;background: none #FFF;font-size:14px;font-weight:bold;padding: 5px 15px; margin-bottom:0px;} #menuChild .first { margin-left: 10px; } #menuChild .selected { color: red !important; background:transparent url(/tpl/default/images/content_bg.gif) repeat-x scroll 0pt 0pt; } #restaurantMenu { width: 100%; } .restaurantMenu {margin:0px !important;} .restaurantMenu #menuParent { } .restaurantMenu .menuParent {color:red;background: none #FFF;font-size:18px;font-weight:bold;padding: 5px 15px; margin-bottom:0px;} .restaurantMenu #menuParent .first { color:white;background:black;font-size:12px;padding: 5px 31px; margin-left: 10px; } .restaurantMenu #menuParent .selected { background:transparent url(/tpl/default/images/content_bg.gif) repeat-x scroll 0pt 0pt; } .restaurantMenu #menuChild { } .restaurantMenu .menuChild {color:maroon;background: none;font-size:14px;font-weight:bold;padding: 5px 15px; margin-bottom:0px;} .restaurantMenu #menuChild .first { margin-left: 10px; } .restaurantMenu #menuChild .selected { color: red !important; background:transparent url(/tpl/default/images/content_bg.gif) repeat-x scroll 0pt 0pt; } .restaurantMenu .restaurantMenuMain #menuTitle { background: #ff8a00 url('/tpl/default/images/menu_bg.gi') no-repeat; background-position: -20px -1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 10px; } .restaurantMenu .restaurantMenuSubContainer #menuTitle { background: #ffb400; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 0px; } .restaurantMenu .restaurantMenuMain #menuTitle .menuTitle { color: white; padding: 13px 15px; margin-bottom:0px;} .restaurantMenu .restaurantMenuSubContainer #menuTitle .menuTitle { color: black; padding: 10px 15px; margin-bottom:0px;} .restaurantMenu .restaurantMenuSubContainer #menuTitle .menuTitle a { color: black; } .restaurantMenu #menuTitle .menuTitle .menuTitleText { font-weight:bold; } .restaurantMenu #menuTitle .menuTitle .menuDesc { font-size:12px; } .restaurantMenu .menuContentBody { } .restaurantMenu .menuContentBody .menuItem { padding:10px; } .restaurantMenu .menuContentBody .menuItem a { color: black; } .restaurantMenu .menuContentBody .menuItem a:hover { color: #444; } .restaurantMenu .menuContentBody .menuItem a:active { color: orange; } .restaurantMenu .menuContentBody .menuItem .menuItemTitle { font-size: 12pt; font-weight: bold; } .restaurantMenu .menuContentBody .menuItem .menuItemDesc { display: inline; } .restaurantMenu .menuContentBody .menuItem .menuItemPriceWrapper { float: right; } .restaurantMenu .menuContentBody .menuItem .menuItemPrice { text-align: center; width: 60px; margin-top: 7px; } .restaurantMenu .menuContentBody .menuItem .menuItemPriceValue { font-weight: bold; } .restaurantMenu .menuContentBody .menuItem .menuItemPriceDesc { } .restaurantMenu .menuContentBody .menuItem .menuItemOptionPriceWrapper { float: right; } .restaurantMenu .menuContentBody .menuItem .menuItemOptionPrice { text-align: center; margin-right: 10px; } .restaurantMenu .menuContentBody .menuItem .menuItemOptionPriceValue { } .restaurantMenu .menuContentBody .menuItem .menuItemOptionPriceDesc { } .restaurantMenu .restaurantMenuMain { background-color: #EEE; padding: 10px 10px 2px 10px; margin-bottom: 10px; } .restaurantMenuMain #menuTitle .menuTitle .menuTitleText { font-size:26px; } .restaurantMenuMain #menuTitle { /*height: 55px;*/ } .restaurantMenu .restaurantMenuSubContainer { margin: 0px 10px; padding: 0px; } .restaurantMenu .restaurantMenuSub { margin: 0px 0px 0px 0px; padding: 10px; background-color: #DDD; border-bottom: 1px solid #999; border-right: 1px solid #999; border-top: 1px solid #FFF; border-left: 1px solid #FFF; } .restaurantMenuSub #menuTitle .menuTitle .menuTitleText { font-size:16px; font-style: italic; } .accordionItem div:hover { cursor: pointer; } .accordionItem.hide div { color: #000; background-color: #88f; } .accordionItem.hide div { display: none; } /* Comments Related */ .comment{} .comment-wrapper{background:#F5F5F5 none repeat scroll 0 0;border:1px solid #EEEEEE;margin:2px 0;overflow:hidden;position:relative;} .comment-tools{float:right;margin:3px 0 0 5px;width:53px;} .comment-tools a{background:transparent none repeat scroll 0 0 !important;display:block;float:left;height:15px;margin-right:1px;width:15px;} .comment-rating{float:right;font-size:0.9em;margin:4px 0 0 3px;} .comment-avatar75{background:white none repeat scroll 0 0;border:1px solid #CCCCCC;display:block;float:left;font-size:9px;height:75px;left:0;line-height:1em;margin:3px 10px 0 3px;padding:2px;position:absolute;top:0;width:75px;} .comment-avatar35{background:white none repeat scroll 0 0;border:1px solid #CCCCCC;display:block;float:left;font-size:9px;height:35px;left:0;line-height:1em;margin:3px 10px 0 3px;padding:2px;position:absolute;top:0;width:35px;} .comment-header75{clear:none;font-size:0.9em;margin:0.3em 0 0 90px;padding:0 5px 0 0;} .comment-header35{clear:none;font-size:0.9em;margin:0.3em 0 0 50px;padding:0 5px 0 0;} .comment-time{color:#999999;display:inline;font-size:0.9em;} .comment-text75{line-height:1.3em;margin:0.3em 0 0.3em 100px;min-height:62px;padding:0;} .comment-text35{line-height:1.3em;margin:0.3em 0 0.3em 60px;min-height:21px;padding:0;} .comment-reply a{background:#FFFFFF none repeat scroll 0 0;border:1px solid #EEEEEE;display:block;float:right;font-size:11px;font-weight:bold;margin:0 4px 4px 0;padding:0 8px 2px;text-align:right;} .comment-more{clear:both;padding:7px 0px;text-align:center;} .comment-paging{background:#FFFFFF;border:1px solid #EEEEEE;margin:2px 0;padding:10px 5px;font-size:13px;text-align:center;} .comment-paging a{color:#ce5c00;} .comment-navtop{background:#F5F5F5;border:1px solid #EEEEEE;margin:2px 0;padding:2px 5px;font-size:11px;height:15px;} .comment-navtopleft{float:left;display:block;} .comment-navtopright{float:right;display:block;} .comment-formwrapper{padding:10px;background:#FFFFFF none repeat scroll 0 0;border:1px solid #EEEEEE;} .comment-form{padding:5px;} .comment-form label{cursor:pointer;font-weight:bold;} .comment-textarea{border:1px solid #BBBBBB;padding:3px;background:#EEEEEE none repeat scroll 0 0;margin-top:5px;width:98%;} .comment-submitbutton{font-size:0.9em;margin-top:1em;} /* Reviews Related */ .review{} .review-wrapper{background:#F5F5F5 none repeat scroll 0 0;border:1px solid #EEEEEE;margin:2px 0;overflow:hidden;position:relative;} .review-tools{float:right;margin:3px 0 0 5px;width:53px;} .review-tools a{background:transparent none repeat scroll 0 0 !important;display:block;float:left;height:15px;margin-right:1px;width:15px;} .review-rating{float:right;font-size:0.9em;margin:4px 0 0 3px;} .review-avatar{background:white none repeat scroll 0 0;border:1px solid #CCCCCC;display:block;float:left;font-size:9px;height:75px;left:0;line-height:1em;margin:3px 10px 0 3px;padding:2px;position:absolute;top:0;width:75px;} .review-header{clear:none;font-size:0.9em;margin:0.3em 0 0 90px;padding:0 5px 0 0;} .review-time{color:#999999;display:inline;font-size:0.9em;} .review-text{line-height:1.3em;margin:0.3em 0 0.3em 100px;min-height:62px;padding:0;} .review-reply a{background:#FFFFFF none repeat scroll 0 0;border:1px solid #EEEEEE;display:block;float:right;font-size:11px;font-weight:bold;margin:0 4px 4px 0;padding:0 8px 2px;text-align:right;} .review-more{clear:both;padding:7px 0px;text-align:center;} .review-paging{background:#FFFFFF;border:1px solid #EEEEEE;margin:2px 0;padding:10px 5px;font-size:13px;text-align:center;} .review-navtop{background:#F5F5F5;border:1px solid #EEEEEE;margin:2px 0;padding:2px 5px;font-size:11px;height:15px;} .review-navtopleft{float:left;display:block;} .review-navtopright{float:right;display:block;} .review-formwrapper{padding:10px;background:#FFFFFF none repeat scroll 0 0;border:1px solid #EEEEEE;} .review-form{padding:5px; } .review-form label{cursor:pointer;font-weight:bold;} .review-textarea{border:1px solid #BBBBBB;padding:3px;background:#EEEEEE none repeat scroll 0 0;margin-top:5px;width:98%;} .review-submitbutton{font-size:0.9em;margin-top:1em;} /* Search related */ #placelistTop { padding:0px 0px 3px 3px; height: 44px; width:905px;background: rl('/tpl/hungry1/images/greybox_top.png') no-repeat top center; z-index: 3;} #placelistTop #whatWrapper {} #placelistTop #what {} #placelistTop #what .label { font-size:10px; } #placelistTop #what .label a.tooltip:hover span { top: 45px; left: -5px; width: 110px !important; } #placelistTop #what .label a.tooltip:hover span span { bottom: 44px; background: transparent url('/tpl/hungry1/images/boxtop.png') no-repeat 15px 10px !important; } #placelistTop #what ul.label { padding: 0px; margin: 0px; list-style-type: none; position: relative; } #placelistTop #what ul.label span { font-size: 9px; color: #000; cursor: default; } #placelistTop #what ul.label li.item { } #placelistTop #what ul.label li.tooltip { display: none; padding:5px 3px; width:110px; position: absolute; top: 43px; left: -5px; text-align: center; border: 2px solid #888888; background: #666666 !important; color: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #placelistTop #what ul.label li.point { display: none; position: absolute; bottom: -8px; left: 6px; border: 0px none; height: 12px; width: 16px; background: transparent url('/tpl/hungry1/images/boxtop.png') no-repeat 0px 0px !important; } #placelistTop #what ul.label:hover li { display: block !important; } #placelistTop #whereWrapper {} #placelistTop #where { margin-left: 5px; } #placelistTop #where .label { font-size:10px; } #placelistTop #where .label a.tooltip:hover span { top: 45px; left: -5px; width: 110px; } #placelistTop #where .label a.tooltip:hover span span { bottom: 44px; background: transparent url('/tpl/hungry1/images/boxtop.png') no-repeat 15px 10px !important; } #placelistTop #where ul.label { padding: 0px; margin: 0px; list-style-type: none; position: relative; } #placelistTop #where ul.label span { font-size: 9px; color: #000; cursor: default; } #placelistTop #where ul.label li.item { } #placelistTop #where ul.label li.tooltip { display: none; padding:5px 3px; width:110px; position: absolute; top: 43px; left: -5px; text-align: center; border: 2px solid #888888; background: #666666 !important; color: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #placelistTop #where ul.label li.point { display: none; position: absolute; bottom: -8px; left: 6px; border: 0px none; height: 12px; width: 16px; background: transparent url('/tpl/hungry1/images/boxtop.png') no-repeat 0px 0px !important; } #placelistTop #where ul.label:hover li { display: block !important; } #placelistTop #submitWrapper {} #placelistTop #submit { margin-left:5px; } #placelistTop #submit input { width:77px;height:40px;background:url('/tpl/hungry1/images/search.png') no-repeat;border:0px none;padding:0px;margin-top:11px;z-index:1000; } #search { margin: 0px 15px 0px 0px;padding:0px; height: 44px; width:290px;background: rl('/tpl/hungry1/images/greybox_top.png') no-repeat top center; z-index: 3; position: relative; } #search #whatWrapper { /*background: #999;*/ } #search #what { /*margin: 5px 5px 5px 5px;*/ } #search #what .label { font-size:10px; } #search #what .label a.tooltip:hover span { top: 45px; left: -5px; width: 110px !important; } #search #what .label a.tooltip:hover span span { bottom: 44px; background: transparent url('/tpl/hungry1/images/boxtop.png') no-repeat 15px 10px !important; } #search #what ul.label { padding: 0px; margin: 0px; list-style-type: none; position: relative; } #search #what ul.label span { font-size: 9px; color: #000; cursor: default; } #search #what ul.label li.item { } #search #what ul.label li.tooltip { display: none; padding:5px 3px; width:110px; position: absolute; top: 43px; left: -5px; text-align: center; border: 2px solid #888888; background: #666666 !important; color: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #search #what ul.label li.point { display: none; position: absolute; bottom: -8px; left: 6px; border: 0px none; height: 12px; width: 16px; background: transparent url('/tpl/hungry1/images/boxtop.png') no-repeat 0px 0px !important; } #search #what ul.label:hover li { display: block !important; } #search #whereWrapper { /*background: #999;*/ position: absolute; top: 0px; } #search #where { /*margin: 5px 5px 5px 5px;*/ } #search #where .label { font-size:10px; } #search #where .label a.tooltip:hover span { top: 45px; left: -5px; width: 110px; } #search #where .label a.tooltip:hover span span { bottom: 44px; background: transparent url('/tpl/hungry1/images/boxtop.png') no-repeat 15px 10px !important; } #search #where ul.label { padding: 0px; margin: 0px; list-style-type: none; position: relative; } #search #where ul.label span { font-size: 9px; color: #000; cursor: default; } #search #where ul.label li.item { } #search #where ul.label li.tooltip { display: none; padding:5px 3px; width:110px; position: absolute; top: 43px; left: -5px; text-align: center; border: 2px solid #888888; background: #666666 !important; color: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #search #where ul.label li.point { display: none; position: absolute; bottom: -8px; left: 6px; border: 0px none; height: 12px; width: 16px; background: transparent url('/tpl/hungry1/images/boxtop.png') no-repeat 0px 0px !important; } #search #where ul.label:hover li { display: block !important; } #search #submitWrapper {} #search #submit { margin-left:5px; } #search #submit input { width:77px;height:40px;background:url('/tpl/hungry1/images/search.png') no-repeat;border:0px none;padding:0px;margin-top:11px;z-index:1000; } #OOFE { } /* INDEX PAGE */ #homeContentWrapper { width: 950px; margin-left:3px; /*margin: 15px;*/ } .homeContent { } .homeContentColumnHeader { margin-top: 20px; margin-bottom: 30px; } .homeContentColumnFooter { margin-top: 50px; margin-bottom: 30px; } .homeContentColumnWrapper { float: left; width: 317px; } .homeContentColumnWrapper.last { width: 296px; } .homeContentColumn { margin-right: 20px; } .homeContentColumn.last { margin-right: 0px; } .homeContentColumn .title { padding:10px;border:2px solid #CCC;background:#EEE;-moz-border-radius:7px;-webkit-border-radius: 7px;text-align:center; color: #000; font-weight: bold; font-size: 12pt; text-align: center; } .homeContentColumn .items {} .homeContentColumn .items a { color: #000; } .homeContentColumn ul.nearRestaurants { margin: 0px 0px 25px 0px; padding: 0px; } .homeContentColumn ul.nearRestaurants li.nearRestaurant { background: url('/tpl/hungry1/images/nearRestaurantbg.jpg') repeat-x;margin: 0px; padding: 0px; list-style: none; border-bottom: 1px solid #CCC;} .homeContentColumn ul.nearRestaurants .restaurant { margin: 10px; } .homeContentColumn .nearRestaurant .restaurantImage { width: 50px; height: 50px; background-position: center !important; background-repeat: no-repeat !important; margin-right: 10px; } .homeContentColumn .nearRestaurant .restaurantImage img {width:75px;} .homeContentColumn .nearRestaurant .restaurantTitle { font-weight: bold; } .homeContentColumn .nearRestaurant .restaurantLocation { line-height: 10pt; } .homeContentColumn .nearRestaurant .restaurantLeft { width: 57px; } .homeContentColumn .nearRestaurant .restaurantRight { width: 212px; height: 65px; } .homeContentColumn .nearRestaurant .restaurantBottom { margin-top: 10px; } .homeContentColumn .nearRestaurant .restaurantBottom .restaurantButtons { } .homeContentColumn .nearRestaurant .restaurantBottom .restaurantButton { float: left; } .homeContentColumn .nearRestaurant .restaurantBottom .restaurantButton a { background: #ffc74f; padding: 3px 5px; margin-left: 3px; font-size: 8pt; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .homeContentColumn .nearRestaurant .restaurantDistance { float: right; text-align: center; width: 40px; } .homeContentColumn .nearRestaurant .restaurantDistance a { color: #AAA; } .homeContentColumn .nearRestaurant .restaurantBottom .restaurantRating { } .homeContentColumn ul.recentlyOrdered { margin: 0px; padding: 0px; } .homeContentColumn ul.recentlyOrdered li.nearRestaurant { background: url('/tpl/hungry1/images/nearRestaurantbg.jpg') repeat-x;margin: 0px; padding: 0px; list-style: none; border-bottom: 1px solid #CCC;} .homeContentColumn ul.recentlyOrdered .restaurant { margin: 10px; } .homeContentColumn .recentOrder .restaurantImage { width: 50px; height: 50px; background-position: center !important; background-repeat: no-repeat !important; margin-right: 10px; } .homeContentColumn .recentOrder .restaurantImage img {width:75px;} .homeContentColumn .recentOrder .restaurantTitle { font-weight: bold; } .homeContentColumn .recentOrder .restaurantLocation { line-height: 10pt; } .homeContentColumn .recentOrder .restaurantLeft { width: 57px; } .homeContentColumn .recentOrder .restaurantRight { width: 212px; height: 65px; } .homeContentColumn .recentOrder .restaurantBottom { margin-top: 10px; } .homeContentColumn .recentOrder .restaurantBottom .restaurantButtons { } .homeContentColumn .recentOrder .restaurantBottom .restaurantButton { float: left; } .homeContentColumn .recentOrder .restaurantBottom .restaurantButton a { background: #ffc74f; padding: 3px 5px; margin-left: 3px; font-size: 8pt; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .homeContentColumn .recentOrder .restaurantDistance { float: right; text-align: center; width: 40px; } .homeContentColumn .recentOrder .restaurantDistance a { color: #AAA; } .homeContentColumn .recentOrder .restaurantBottom .restaurantRating { } #foodCategories {} #foodCategories a { font-size: 12pt; } #foodCategories ul { margin: 0px; padding: 0px; } #foodCategories ul li { margin: 0px 0px 0px 10px; padding: 0px; } #foodCategoriesMore { text-align:center;margin: 0px 10px 20px 10px; } #foodCategoriesMore a { padding:10px;display:block;font-size:10pt !important; border: 1px solid #ddd; -moz-border-radius: 7px; -webkit-border-radius: 7px; } #foodCategoriesLeftWrapper { width: 50%; height: 215px; overflow: hidden; } #foodCategoriesLeft { margin: 10px 20px; } #foodCategoriesRightWrapper { width: 50%; height: 215px; overflow: hidden; } #foodCategoriesRight { margin: 10px 20px; } #recentOrders {} #recentOrders a { font-size: 10pt; } #recentOrdersMore { text-align:center;margin: 0px 10px 20px 10px; } #recentOrdersMore a { padding:10px;display:block;font-size:10pt !important; border: 1px solid #ddd; -moz-border-radius: 7px; -webkit-border-radius: 7px; } #recentlyOrderedWrapper { width: 100%; height: 215px; } #recentlyOrdered { margin: 10px; border-top:1px solid #ddd; } #recentlyOrdered .orderWrapper { border-bottom:1px solid #ddd;padding:5px 0px; } #recentlyOrdered .orderWrapper .avatar { width:35px; } #recentlyOrdered .orderWrapper .avatar a.tooltip span { width:75px; } #recentlyOrdered .orderWrapper .avatar a.tooltip:hover span {top: -28px; left: -85px; } #recentlyOrdered .orderWrapper .avatar a.tooltip:hover span span { bottom: 11px; left: 46px; background: transparent url('/tpl/hungry1/images/boxright.png') no-repeat bottom center !important; } #recentlyOrdered .orderWrapper .avatar img { margin:0px 10px 0px 5px;border:1px solid #ddd; } #recentlyOrdered .orderWrapper .order { width:220px; } #recentlyOrdered .orderWrapper .order a { z-index:96; } #recentlyOrdered .orderWrapper .order a.tooltip span { width:200px; } #recentlyOrdered .orderWrapper .order a.tooltip:hover span {top: -55px; left: auto; } #recentlyOrdered .orderWrapper .order a.tooltip:hover span span { bottom: -12px; left: -90px; background: transparent url('/tpl/hungry1/images/boxbottom.png') no-repeat bottom center !important; } #recentActivity {} #recentActivities a { font-size: 10pt; } #recentActivityMore { text-align:center;margin: 0px 10px 20px 10px; } #recentActivityMore a { padding:10px;display:block;font-size:10pt !important; border: 1px solid #ddd; -moz-border-radius: 7px; -webkit-border-radius: 7px; } #recentActivitiesWrapper { width: 100%; height: 215px; } #recentActivities { margin: 10px; border-top:1px solid #ddd; } #recentActivities .activityWrapper { border-bottom:1px solid #ddd;padding:5px 0px; } #recentActivities .activityWrapper .avatar { width:35px; } #recentActivities .activityWrapper .avatar a.tooltip span { width:75px; } #recentActivities .activityWrapper .avatar a.tooltip:hover span {top: -28px; left: -85px; } #recentActivities .activityWrapper .avatar a.tooltip:hover span span { bottom: 11px; left: 46px; background: transparent url('/tpl/hungry1/images/boxright.png') no-repeat bottom center !important; } #recentActivities .activityWrapper .avatar img { margin:0px 10px 0px 5px;border:1px solid #ddd; } #recentActivities .activityWrapper .activity { width:220px; } #recentActivities .activityWrapper .activity a.tooltip span { width:200px; } #recentActivities .activityWrapper .activity a.tooltip:hover span {top: -55px; right: auto; left: 0px; } #recentActivities .activityWrapper .activity a.tooltip:hover span span { bottom: -12px; left: -90px; background: transparent url('/tpl/hungry1/images/boxbottom.png') no-repeat bottom center !important; }