/* ------------------------------------------------------------------ */ /* Neutral CSS template - red light */ /* ------------------------------------------------------------------ */ /* COMMON COLORS USED: * "Default background" -> color:#e6e7df; // body background * "Lighter background" -> color:#e22540; // header bar background * "Darken background" -> color:#333331; // tabs background * "Default text" -> color:#696a64; // default text color for... everything * "Default text darken" -> color:#888c91; // darken than default to blend with background * "Large/Bold text" -> color:#e22540; // default title text * "Large/Bold text alt" -> color:#0058ba; // default title text alt, default links */ /* ----------------- */ /* General */ /* ----------------- */ body { margin:0; background:#e6e7df url('/images/templates/neutral_rounded/red_light/top_bg.png') repeat-x top left; color:#696a64; } h1, h2, h3, h4, h5, h6 {font-family:"Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;} h1 {border-bottom:1px dashed #888c91; padding-left:20px;} h2 {border-bottom:1px dashed #888c91;} h3 {border-bottom:1px dotted #888c91;} .strong {font-weight:bold;} .right {text-align:right;} .justified {text-align:justify;} .f-right {float:right;} .f-left {float:left;} .center {text-align:center;} .pane-box {margin-bottom:10px;} .clear {clear:both;} div.clear {height:1px;} /* --------------------------------------------------- anchors -- */ a, a:visited {color:#888c91; text-decoration:none; border-bottom:1px solid #888c91;} a:hover {color:#888c91; border-bottom:2px solid #888c91;} a.image-link, .priceIcons .icons a, #items .buttons a { cursor:pointer; border:none; font-size:0; line-height:0; /* for Safari */ text-indent: -999px; vertical-align: middle; background-position: top left; background-repeat: no-repeat; text-decoration:none; border:none !important; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; } a.image-link span {display:none;border:none;} /* --------------------------------------------------- colors "c-" prefix -- */ .c-default {color:#696a64;} .c-default-darken {color:#888c91;} .c-title {color:#e22540;} .c-title-alt {color:#0058ba;} /* ------------------------------------------------------------------------------------------------------- rounded corners -- */ .lhp { background: url('/images/templates/neutral_rounded/red_light/nesw1.gif'); *margin-top:-70px;} .lhp .north { background: url('/images/templates/neutral_rounded/red_light/n1.gif') repeat-x top;} .lhp .east { background: url('/images/templates/neutral_rounded/red_light/e1.gif') repeat-y right;} .lhp .south { background: url('/images/templates/neutral_rounded/red_light/s1.gif') repeat-x bottom; } .lhp .west { background: url('/images/templates/neutral_rounded/red_light/w1.gif') repeat-y left; } .lhp .ne { background: url('/images/templates/neutral_rounded/red_light/ne1.gif') no-repeat top right; } .lhp .se { background: url('/images/templates/neutral_rounded/red_light/se1.gif') no-repeat bottom right; } .lhp .sw { background: url('/images/templates/neutral_rounded/red_light/sw1.gif') no-repeat bottom left; } .lhp .nw { background: url('/images/templates/neutral_rounded/red_light/nw1.gif') no-repeat top left; } .lhp .nw { padding: 20px 20px 10px 30px;} /* Controls padding. */ .lighter-pane { background: url('/images/templates/neutral_rounded/red_light/nesw2.png');} .lighter-pane .ne { background: url('/images/templates/neutral_rounded/red_light/ne2.png') no-repeat top right; } .lighter-pane .se { background: url('/images/templates/neutral_rounded/red_light/se2.png') no-repeat bottom right; } .lighter-pane .sw { background: url('/images/templates/neutral_rounded/red_light/sw2.png') no-repeat bottom left; } .lighter-pane .nw { background: url('/images/templates/neutral_rounded/red_light/nw2.png') no-repeat top left; } .lighter-pane .nw { padding: 10px;} /* Controls padding. */ .dark-pane { background: url('/images/templates/neutral_rounded/red_light/nesw3.gif') } .dark-pane .north { background: url('/images/templates/neutral_rounded/red_light/n3.gif') repeat-x top;} .dark-pane .east { background: url('/images/templates/neutral_rounded/red_light/e3.gif') repeat-y right;} .dark-pane .south { background: url('/images/templates/neutral_rounded/red_light/s3.gif') repeat-x bottom; } .dark-pane .west { background: url('/images/templates/neutral_rounded/red_light/w3.gif') repeat-y left; } .dark-pane .ne { background: url('/images/templates/neutral_rounded/red_light/ne3.gif') no-repeat top right; } .dark-pane .se { background: url('/images/templates/neutral_rounded/red_light/se3.gif') no-repeat bottom right; } .dark-pane .sw { background: url('/images/templates/neutral_rounded/red_light/sw3.gif') no-repeat bottom left; } .dark-pane .nw { background: url('/images/templates/neutral_rounded/red_light/nw3.gif') no-repeat top left; } .dark-pane .nw { padding: 8px;} /* Controls padding. */ /* ------------------------- */ /* Header elements */ /* ------------------------- */ /* ------------------------------- restaurant logo -- */ #logo { height:138px; background:url("/images/templates/neutral_rounded/red_light/logo_bg.png") no-repeat top left; padding-top:20px; text-align:center; } #restaurant_name { font-size:2.5em;padding:30px 10px 0 0 ; *height:89px; color:#ffffff; } #poweredBy a {width:133px; height:45px; background:url('/images/templates/neutral_rounded/red_light/aPlaceToDine.png');} #session_status{padding-top:13px;} a.sign-in, a.logout {width:75px; height:20px;} a.sign-in {background:url('/images/templates/neutral_rounded/red_light/btn_login.png');} a.logout {background:url('/images/templates/neutral_rounded/red_light/btn_logout.png');} /* ------------------- */ /* Main menu */ /* ------------------- */ #mainMenu { line-height:normal;position:absolute;top:164px; *position:static;*left:500px;*top:0; *z-index:999 !important; } #mainMenu ul { margin:0;list-style:none;float:right; width:400px;} #mainMenu li { float:left;background:url("/images/templates/neutral_rounded/red_light/tab_left_off.png") no-repeat left top;margin-left:2px;padding:0 0 0 7px;} #mainMenu a { float:left;display:block;background:url("/images/templates/neutral_rounded/red_light/tab_right_off.png") no-repeat right top;padding:10px 25px 4px 16px;text-decoration:none;font-weight:bold;color:#e6e7df;height:47px;} #mainMenu .current, #mainMenu li:hover { background-image:url("/images/templates/neutral_rounded/red_light/tab_left_on.png"); } #mainMenu .current a, #mainMenu li:hover a {background-image:url("/images/templates/neutral_rounded/red_light/tab_right_on.png");color:#e22540;padding-top:12px;} #mainMenu a, #mainMenu a:hover { border:none; } /* ------------- */ /* RHP */ /* ------------- */ .rhp { margin-top:70px; *margin-top:0;} /* ---------------- */ /* footer */ /* ---------------- */ #footerContent { height:130px;background:url('/images/templates/neutral_rounded/red_light/footer_bg.gif') repeat-x top left; padding-top:10px; margin-top:10px; } /* -------------------------- */ /* Homepage related */ /* -------------------------- */ p.welcomeMessage {margin-bottom:0;} /* --------------------------------------------------------- image gallery -- */ a.nav-left, a.nav-right { width:23px; height:66px; } a.nav-left { background:url('/images/templates/neutral_rounded/red_light/previous-btn.png'); } a.nav-right { background:url('/images/templates/neutral_rounded/red_light/next-btn.png'); } #pictureGallery #thumbs { padding-top:10px; height:50px; overflow: hidden; *position:relative; } #pictureGallery #wideThumbs { position: relative; /* never change this */ width:5000px; } /* ------------------------------------------ reservation and order buttons -- */ a.makeReservation, a.orderOnline { width:190px;height:75px; margin-bottom:20px; } a.makeReservation { background: url('/images/templates/neutral_rounded/red_light/makeReservation-btn.png'); } a.orderOnline { background: url('/images/templates/neutral_rounded/red_light/orderOnline-btn.png'); } /* ------------------------------------------- events -- */ #events h1 { margin-bottom:5px; } #events #eventsHolder { overflow:hidden; width:550px; height:150px; *position:relative; } #events #eventsWideHolder { position: relative; /* never change this */ width:5000px; } #events .event { width:270px; } #events .event h3 { margin-bottom:2px; } /* --------------------------- */ /* Menu page related */ /* --------------------------- */ #categoryTabs ul { list-style: none;margin:0; padding:0; } #categoryTabs ul li { float:left; } #categoryTabs a {*display:block;} #categoryTabs #food a.off { width:141px; height:31px;background:url('/images/templates/neutral_rounded/red_light/food_off.png'); } #categoryTabs #food a.on { width:141px; height:31px;background:url('/images/templates/neutral_rounded/red_light/food_on.png'); } #categoryTabs #wines a.off { width:145px; height:31px;background:url('/images/templates/neutral_rounded/red_light/drinks_off.png'); } #categoryTabs #wines a.on { width:145px; height:31px;background:url('/images/templates/neutral_rounded/red_light/drinks_on.png'); } #categoryTabs { position:absolute; } #categories { clear:both; margin:40px 0 0 0; padding:0; } #categories ul { list-style: none; margin:0; padding:0; } #categories a, #categories a:hover { border-bottom:1px dotted #888c91; } #categories a { display:block; width:286px; height:22px; text-decoration:none; font:14px arial, helvetica, sans-serif; line-height:1.5em; text-indent:1em; } #categories a:hover {color:#0058ba;border-bottom:1px dotted #e22540;} #categories li.selected a{color:#e22540;} /* -------------------------------------- */ /* Shopping summary - mini cart */ /* -------------------------------------- */ #shoppingSummary { margin:20px 0 0 0; padding:2px; font:11px Arial, helvetica, sans-serif; } #shoppingSummary table th, #shoppingSummary table td { padding:3px 1px; } #shoppingSummary table td.right {text-align:right;} #shoppingSummary table thead th {font-weight:bold; background-color:#e6e7df; color:;} #shoppingSummary table tfoot th, #shoppingSummary table tfoot td {border-top:1px solid #e6e7df;text-align:right; font-weight:bold;background-color:transparent;} #shoppingSummary table tfoot td, #shoppingSummary table td.right {color:#e22540;} #clickToOrder a.orderOnline {width:286px;height:31px;background:url('/images/templates/neutral_rounded/red_light/btn_orderOnline_small.png');*display:block;} /*----------------------- items -- */ #itemsHeader #icons a { width:19px; height:19px; margin:2px; } #itemsHeader #icons a.print { background:url('/images/templates/neutral_rounded/red_light/icon_print.png'); } #itemsHeader #icons a.download { background:url('/images/templates/neutral_rounded/red_light/icon_pdf.png'); } #itemsHeader div {margin-bottom:0;} #items .item h3 {margin-bottom:5px; color:#e22540;} /*#items .item.odd h3 {color:#0058ba;}*/ #items .itemxx {border-bottom:1px solid #888c91;} #items .notification {color:#e22540;} #items .item .buttons {background: url('/images/templates/neutral_rounded/red_light/nesw2.png'); padding:3px;} #items .buttons a { margin:0 3px; background:url('/images/templates/neutral_rounded/red_light/btn_addToOrder.png'); width:96px;height:20px;} #items .buttons input {height:14px;font-size:11px;border:1px solid #e22540;} #items .buttons select {height:16px;font-size:11px;border:1px solid #e22540;} .spicy1 { width:22px; height:19px; } .spicy2 { width:35px; height:19px; } .spicy3 { width:48px; height:19px; } .vegetarian { width:19px; height:19px; } .nonVegetarian { width:19px; height:19px; } .healthy { width:20px; height:19px; } .spicy1 {background:url('/images/templates/neutral_rounded/red_light/icon_redChili1.png')} .spicy2 {background:url('/images/templates/neutral_rounded/red_light/icon_redChili2.png')} .spicy3 {background:url('/images/templates/neutral_rounded/red_light/icon_redChili3.png')} .vegetarian {background:url('/images/templates/neutral_rounded/red_light/icon_vegetarian.png')} .nonVegetarian {background:url('/images/templates/neutral_rounded/red_light/icon_nonVegetarian.png')} .healthy {background:url('/images/templates/neutral_rounded/red_light/icon_healthyFood.png')} #legend a { margin:0; padding:5px 0 5px 0; background-repeat:no-repeat; border:none; color:#888c91;} #legend .spicy1 { width:50px; padding-left:22px; } #legend .spicy2 { width:65px; padding-left:35px; } #legend .spicy3 { width:78px; padding-left:48px; } #legend .vegetarian { width:69px; padding-left:19px; } #legend .nonVegetarian { width:80px; padding-left:19px; } #legend .healthy { width:70px; padding-left:20px; } /* ----------------------------------------------------------- discounts -- */ #couponsHolder .nw {padding:8px 0 8px 40px;} #couponsHolder div { margin-bottom:0; } #couponsHolder .coupon { border:1px solid #888c91;margin-bottom:10px;padding:5px 2px;} #couponsHolder .coupon .image { float:left; margin: 0 2px 2px 2px; width:58px; height:75px; } #couponsHolder .coupon .icon1 { background:url('/images/templates/neutral_rounded/red_light/discount_icon1.png') no-repeat top left; } #couponsHolder .coupon .icon2 { background:url('/images/templates/neutral_rounded/red_light/discount_icon2.png') no-repeat top left; } #couponsHolder .coupon .icon3 { background:url('/images/templates/neutral_rounded/red_light/discount_icon3.png') no-repeat top left; } #couponsHolder .coupon .icon4 { background:url('/images/templates/neutral_rounded/red_light/discount_icon4.png') no-repeat top left; } #couponsHolder .coupon .icon5 { background:url('/images/templates/neutral_rounded/red_light/discount_icon5.png') no-repeat top left; } #couponsHolder .coupon strong { background:url('/images/templates/neutral_rounded/red_light/nesw2.png'); padding:0 2px;} /* ------------------------- */ /* Contact Us page */ /* ------------------------- */ .location ul { list-style:none; margin-bottom:20px; } .location li { font:14px Tahoma, arial, helvetica; padding:0 2px; } .location li.left { float:left; clear:left; width:150px; text-align:right; } .location li.right { float:left; width:250px; text-align:left;} .location { padding-bottom:10px; border-bottom:1px dotted #888c91; } /* ---------------------- */ /* Reviews page */ /* ---------------------- */ /* ----------------------- */ /* displayRating */ /* ----------------------- */ ul.displayRating { list-style:none; margin:2px; padding:0; display:inline; float:right; } ul.displayRating.f-left{float:left;} ul.displayRating li { float:left; clear: right;} li.exp { font: 10px verdana, arial, helvetica; padding:0 5px; } li.smallStar_full, li.smallStar_half, li.smallStar_empty { width:18px; height:17px; } li.smallCircle_full, li.smallCircle_empty { width:11px; height:12px; } #averageRatingHolder li.exp { font-size: 13px; padding-right:10px; } #averageRatingHolder .average, #aptdRatingBox { font-size:1.3em; } li.bigStar_full, li.bigStar_half, li.bigStar_empty { width:27px; height:25px; } li.bigCircle_full, li.bigCircle_empty { width:15px; height:15px; } li.smallStar_full { background:url('/images/templates/neutral_rounded/red_light/smallStar_full.gif') no-repeat 1px 2px; } li.smallStar_half { background:url('/images/templates/neutral_rounded/red_light/smallStar_half.gif') no-repeat 1px 2px; } li.smallStar_empty { background:url('/images/templates/neutral_rounded/red_light/smallStar_empty.gif') no-repeat 1px 2px; } li.smallCircle_full { background:url('/images/templates/neutral_rounded/red_light/smallCircle_full.gif') no-repeat 2px 3px; } li.smallCircle_empty { background:url('/images/templates/neutral_rounded/red_light/smallCircle_empty.gif') no-repeat 2px 3px; } li.bigStar_full { background:url('/images/templates/neutral_rounded/red_light/bigStar_full.gif') no-repeat top left; } li.bigStar_half { background:url('/images/templates/neutral_rounded/red_light/bigStar_half.gif') no-repeat top left; } li.bigStar_empty { background:url('/images/templates/neutral_rounded/red_light/bigStar_empty.gif') no-repeat top left; } li.bigCircle_full { background:url('/images/templates/neutral_rounded/red_light/bigCircle_full.gif') no-repeat 1px 2px; } li.bigCircle_empty { background:url('/images/templates/neutral_rounded/red_light/bigCircle_empty.gif') no-repeat 1px 2px; } .addReview {width:96px; height:20px; background:url('/images/templates/neutral_rounded/red_light/btn_addReview.png'); *display:block !important;} .Rounded {*border-bottom:1px dotted #e6e7df;}