/* Gordon Ramsay * restaurants.css * Colour-scheme: Gordon Ramsay Corporate * Author: Stuart Thorne, DNA an AvenueA/Razorfish company * Date: 15-02-2006 * v.1.0 * Restaurant: Gordon Ramsay */ table, th, td, div {color:#696969;} #main {background:url(../images/page_bg.gif) repeat-y;} /* * PAGE BACKGROUND AND MAST PANEL */ /* This is the main background of the page, which will include a photographic image provided by each site css */ .page-background {background:url(../images/restaurant_bgs/page_background_1.jpg) no-repeat #B4B4B4;} #bg1 {background:url(../images/restaurant_bgs/page_background_1.jpg) no-repeat #B4B4B4;} #bg2 {background:url(../images/restaurant_bgs/page_background_2.jpg) no-repeat #B4B4B4;} #bg3 {background:url(../images/restaurant_bgs/page_background_3.jpg) no-repeat #B4B4B4;} #bg4 {background:url(../images/restaurant_bgs/page_background_4.jpg) no-repeat #B4B4B4;} /* TOKYO SLIDESHOW (UNDER MENU SLIDESHOW TEMPLATE T05) ONLY */ #bg_menu1 {background:url(../images/restaurant_bgs/tokyo/page_background_1.jpg) no-repeat #B4B4B4;} #bg_menu2 {background:url(../images/restaurant_bgs/tokyo/page_background_2.jpg) no-repeat #B4B4B4;} /* This is the brand mast which sits on top of the #page-background */ #page-brand-mast {background:#272727;} /* * END PAGE BACKGROUND AND MAST PANEL */ /* * MAIN NAVIGATION */ /* This is the top navigation which sits on top of the #page-background, beneath #page-brand-mast */ #page-main-nav {background:#272727;} #page-main-nav a {color:#F7F7E4;} #page-main-nav a:hover {color:#B4B4B4;} #page-main-nav a:active {color:#B4B4B4;} #page-main-nav a.active {color:#B4B4B4;} /* * END MAIN NAVIGATION */ /* * SECONDARY NAVIGATION */ /* This is the 2nd top navigation which sits on top of the #page-background, beneath #page-top-nav-main */ #page-second-nav {background:#B4B4B4;} #page-second-nav a {color:#867785;} #page-second-nav a:hover {color:#4B284A;} #page-second-nav a:active {color:#4B284A;} #page-second-nav a.active {color:#4B284A;} /* * END SECONDARY NAVIGATION */ /* * PAGE CONTAINER */ /* This is the container for the actual page content, and sits on top of #page-background, beneath #page-top-nav-second */ #page-content-container {color:#666666;} #page-content-container a {color:#633162; text-decoration:none; font-weight:bold;} #page-content-container a:hover {text-decoration:underline;} #page-content-container a:active {} #page-content-corp {color:#666666;} #page-content-corp a {color:#633162; text-decoration:none; font-weight:bold;} #page-content-corp a:hover {text-decoration:underline;} #page-content-corp a:active {} /* * END PAGE CONTAINER */ /* * CONTENT AREA TYPES */ /* Column types - The container around the columns */ #single {background:#fff;} .double-news {background:#fff; width:602px; margin:0px 0px 14px 0px; padding:0px; font-size:110%;} .shop-vspacer {width:1px; height:14px;} #double-shop, #double-shop-payment {background:#fff; width:602px; margin:0px; padding:0px;} /* Content types - The content area itself */ #single-one-column {} #double-one-column {} #double {background:#fff;} #double-news-nav {width:602px; background:#4B284A; padding:7px 0 7px 0; color:#fff; font-weight:bold;} #double-news-nav a {color:#fff; text-decoration:none;} #double-news-nav a:hover {color:#B4B4B4;} #double-news-nav .previous {float:left; margin:0px 28px 0px 28px; text-align:left;} * html #double-news-nav .previous {margin:0px 16px 0px 16px;} #double-news-nav .next {float:right; margin:0px 28px 0px 28px; text-align:left;} * html #double-news-nav .next {margin:0px 16px 0px 16px;} .news-col-left {float:left; width:323px; margin:28px 28px 28px 28px;} * html .news-col-left {margin:28px 28px 15px 15px; padding-bottom:28px; padding-left:1px;} .news-col-right {float:left; width:195px; margin:28px 28px 28px 0px;} * html .news-col-right {margin:28px 12px 28px 0px; padding-bottom:15px;} .news-col-right span {display:none;} .news-col-left span.date {display:inline; color:#999999; font-weight:bold;} .news-col-left h2 {color:#4B284A; font-size:160%;} .news-col-left h2.detail {color:#666666; font-size:200%; margin:5px 0px 5px 0px;} .news-col-left h2 span.date {display:inline; color:#CCCCCC;} .news-col-left a {color:#4B284A; text-decoration:none; font-weight:bold;} .news-col-left a:hover {color:#4B284A; text-decoration:underline;} .news-col-left a:active {color:#4B284A;} .news-col-left p {margin-top:5px; margin-bottom:12px;} div.news-image-text {color:#999999; font-size:80%; margin:5px 0 0 0;} /* T16 - Shopping basket */ table#shopping-basket {width:546px; margin:30px 0 0 0;} table#shopping-basket td, table#shopping-basket th {padding:8px 10px; vertical-align:top; text-align:left;} table#shopping-basket th {background:#F7F7E4;} table#shopping-basket td {border-bottom-width:1px; border-top-width:0px; border-left-width:0px; border-right-width:0px; border-bottom-color:#cdcdcd; border-style:solid;} table#shopping-basket td.basket-head-top {padding:0px; border:0px;} table#shopping-basket th.product, table#shopping-basket td.product {width:308px;} table#shopping-basket th.price, table#shopping-basket td.price {width:43px;} table#shopping-basket th.qty, table#shopping-basket td.qty {width:69px; text-align:right;} table#shopping-basket th.total, table#shopping-basket td.total {width:82px; font-weight:bold; padding:8px 10px 10px 20px; text-align:right;} table#shopping-basket td.update-basket {text-align:right; font-weight:bold; padding:10px 10px 10px 10px;} table#shopping-basket td.grand-total {background:#F7F7E4; font-size:210%; font-weight:bold; padding:10px 10px 10px 20px; text-align:right;} div.remove-item {font-weight:normal; font-size:80%; margin:0 0 5px 0; padding:0px;} form.checkout input.qty {width:30px;} form.checkout input.update-basket {vertical-align:top; width:80px; height:15px; padding:0px; margin:0px;} form.checkout input.proceed-checkout {width:177px; height:22px; padding:0px; border:0px; margin:5px 0 9px 0;} form.checkout input.continue-shopping {width:177px; height:22px; margin:0px; padding:0px; border:0px;} .marbot7 {margin:0 0 7px 0;} .shop-worldpay {float:left; width:308px; margin:20px 0 0 0;} .shop-action {float:left; width:238px; text-align:right; margin:20px 0 0 0;} /* END T16 */ /* T18 - Shopping Confirmation */ table#shopping-conf {width:546px; margin:30px 0 0 0;} table#shopping-conf td, table#shopping-conf th {padding:8px 10px; vertical-align:top; text-align:left;} table#shopping-conf th {background:#F7F7E4;} table#shopping-conf td {border-bottom-width:1px; border-top-width:0px; border-left-width:0px; border-right-width:0px; border-bottom-color:#cdcdcd; border-style:solid;} table#shopping-conf td.basket-head-top {padding:0px; border:0px;} table#shopping-conf th.product, table#shopping-conf td.product {width:295px;} table#shopping-conf th.price, table#shopping-conf td.price {width:30px;} table#shopping-conf th.qty, table#shopping-conf td.qty {width:61px; text-align:center;} table#shopping-conf th.total, table#shopping-conf td.total {width:82px; font-weight:bold; padding:8px 10px 10px 20px; text-align:right;} table#shopping-conf td.update-basket {text-align:right; font-weight:bold; padding:10px;} table#shopping-conf td.grand-total {background:#F7F7E4; font-size:210%; font-weight:bold; padding:3px 10px 3px 20px; text-align:right;} form.confirmation input.edit-order {padding:0px; border:0px; margin:2px 0 9px 0;} form.confirmation input.submit-order {padding:0px; border:0px; margin:0px;} /* T18 - Billing, delivery and payment details table */ table#shopping-conf-address {width:548px; margin:20px 0 0 0;} table#shopping-conf-address td {padding:0px 10px; vertical-align:top;} table#shopping-conf-address th {padding:8px 10px; vertical-align:top; text-align:left;} table#shopping-conf-address thead th {padding:0px 10px 8px 10px; border-bottom-width:1px; border-top-width:0px; border-left-width:0px; border-right-width:0px; border-bottom-color:#cdcdcd; border-style:solid; text-align:left;} table#shopping-conf-address th.billing, table#shopping-conf-address td.billing, table#shopping-conf-address th.delivery, table#shopping-conf-address td.delivery {width:200px;} table#shopping-conf-address th.payment, table#shopping-conf-address td.payment {width:148px;} /* END T18 */ /* END T18 - Shopping Confirmation */ /* T17 - Shopping Checkout */ .shop-checkout-left {float:left; width:280px; margin:21px 0px 20px 28px;} * html .shop-checkout-left {width:280px; margin:21px 0px 20px 15px; padding-bottom:0px;} .shop-checkout-right {float:left; width:267px; margin:47px 25px 0px 0px;} * html .shop-checkout-right {width:267px; margin:47px 12px 0px 0px; padding-bottom:0px; padding-left:1px;} .shop-checkout-bot-left {float:left; width:242px; margin:0px 28px 28px 28px;} * html .shop-checkout-bot-left {width:280px; margin:0px 0px 28px 15px; padding-bottom:28px;} .shop-checkout-bot-right {text-align:right; width:267px; float:left; margin:33px 25px 28px 0px;} * html .shop-checkout-bot-right {width:267px; margin:33px 12px 0px 0px; padding-bottom:0px; padding-left:1px;} .shop-checkout-right-pay {float:left; width:267px; margin:79px 25px 20px 0px;} * html .shop-checkout-right-pay {margin:79px 12px 0px 0px; padding-bottom:20px; padding-left:1px;} form.checkout fieldset {margin:0px; padding:0px; border:0px;} form.checkout legend {margin:0px; border:0px; padding:0px; padding:14px 0 2px 0; font-weight:bold;} form.checkout legend.not {padding:0px; margin:0px; font-weight:normal;} * html form.checkout legend.not, * html form.checkout legend {margin:0px 0px 0px -7px;} form.checkout input {width:200px; height:17px; margin:2px 0 9px 0; vertical-align:top;} form.checkout select {width:204px; height:17px; margin:2px 0 9px 0; vertical-align:top;} * html form.checkout select {width:206px;} form.checkout input.margin {margin:2px 0 15px 0;} form.checkout input.small {width:78px; height:17px;} form.checkout input.medium {width:130px; height:17px;} form.checkout input.delivery-same {margin:0 0 0 -4px; padding:0px; height:auto; width:20px; vertical-align:bottom;} form.checkout label.delivery-same {padding:0px; width:20px; vertical-align:top;} * html form.checkout input.delivery-same {vertical-align:middle; margin:-3px 0 0 -4px;} form.checkout input.payment-continue {width:85px; height:22px;} form.checkout select.expmonth {width:60px;} form.checkout select.expyear {width:60px;} div.required {margin:0 0 25px 0;} div.delivery-note {margin:26px 0 25px 0;} * html div.delivery-note {margin:23px 0 25px 0;} img.payment-cards {margin:10px 0 0 0;} a, a.download {color:#F7F7E4; text-decoration:none; font-weight:bold;} a:hover, a.download:hover {color:#F7F7E4; text-decoration:none; font-weight:bold;} /* END T17 */ /* Start T03c Restaurant Hub */ #hub-restaurant a {text-transform:uppercase; text-decoration:none; display:block; } #hub-restaurant dl {margin:0; padding:0;} #hub-restaurant dl dd {margin:0; display:inline; float:left;} #hub-restaurant dl dd span {display:none; white-space:nowrap; width:200px;} #hub-restaurant {} #hub-restaurant span {margin-top:-999em;} #hub-restaurant a {float:left;} #hub-restaurant a#hub-rgr {background:url(../images/hublinks/restaurants/rgr-on.gif) no-repeat; width:150px; height:75px;} #hub-restaurant a#hub-rgr:hover {background:url(../images/hublinks/restaurants/rgr-on.gif) no-repeat; width:150px; height:75px;} #hub-restaurant a#hub-petrus {background:url(../images/hublinks/restaurants/petrus-on.gif) no-repeat; width:150px; height:75px;} #hub-restaurant a#hub-petrus:hover {background:url(../images/hublinks/restaurants/petrus-on.gif) no-repeat; width:150px; height:75px;} #hub-restaurant a#hub-claridges {background:url(../images/hublinks/restaurants/claridges-on.gif) no-repeat; width:150px; height:75px;} #hub-restaurant a#hub-claridges:hover {background:url(../images/hublinks/restaurants/claridges-on.gif) no-repeat; width:150px; height:75px;} #hub-restaurant a#hub-connaught {background:url(../images/hublinks/restaurants/connaught-on.gif) no-repeat; width:150px; height:75px;} #hub-restaurant a#hub-connaught:hover {background:url(../images/hublinks/restaurants/connaught-on.gif) no-repeat; width:150px; height:75px;} #hub-restaurant a#hub-savoy {background:url(../images/hublinks/restaurants/savoy-on.gif) no-repeat; width:150px; height:75px;} #hub-restaurant a#hub-savoy:hover {background:url(../images/hublinks/restaurants/savoy-on.gif) no-repeat; width:150px; height:75px;} #hub-restaurant a#hub-banquette {background:url(../images/hublinks/restaurants/banquette-on.gif) no-repeat; width:150px; height:75px;} #hub-restaurant a#hub-banquette:hover {background:url(../images/hublinks/restaurants/banquette-on.gif) no-repeat; width:150px; height:75px;} #hub-restaurant a#hub-boxwood {background:url(../images/hublinks/restaurants/boxwood-on.gif) no-repeat; width:150px; height:75px;} #hub-restaurant a#hub-boxwood:hover {background:url(../images/hublinks/restaurants/boxwood-on.gif) no-repeat; width:150px; height:75px;} #hub-restaurant a#hub-maze {background:url(../images/hublinks/restaurants/maze-on.gif) no-repeat; width:150px; height:75px;} #hub-restaurant a#hub-maze:hover {background:url(../images/hublinks/restaurants/maze-on.gif) no-repeat; width:150px; height:75px;} #hub-restaurant a#hub-lanoisette {background:url(../images/hublinks/restaurants/lanoisette-on.gif) no-repeat; width:150px; height:75px;} #hub-restaurant a#hub-lanoisette:hover {background:url(../images/hublinks/restaurants/lanoisette-on.gif) no-repeat; width:150px; height:75px;} /* END T03c Restaurant Hub */ /* * END CONTENT AREA TYPES */ /* * FOOTER */ /* This is the footer panel and sits on top of the #page-background, beneath #page-content-container */ #page-footer, #page-footer .page-margin {background:#B4B4B4; color:#F7F7E4;} #page-footer a, #page-footer .page-margin a {color:#F7F7E4;} #page-footer a:hover,#page-footer .page-margin a:hover {color:#4B284A;} #page-footer a:active, #page-footer .page-margin a:active {color:#4B284A;} /* * END FOOTER */ /* * PRODUCT LISTING */ /* BOOKS / PRODUCTS PAGE T13a */ #product-container {width:602px; background:#fff; color:#4C4C4C;} #product-list {float:left; width:378px; padding:0px 0px 0px 28px;} #product-summary {float:left; width:196px; margin:20px 0 0 0; padding:0px;} /* HEADER SECTION */ h2#hdr-title {padding:0px; margin:21px 0px 21px 0px;} #checkout-panel {background:#F7F7E4; width:168px; padding:0 28px 0 0; margin:0px;} #checkout-panel h3#checkout-title {padding:21px 0px 11px 8px; font-size:130%; font-weight:normal; margin:0px;} input.btn-checkout {float:left; width:87px; height:22px; margin:2px 0px 21px 0px; padding:0px;} #checkout-panel h4 {float:left; font-size:200%; font-weight:bold; width:68px; margin:0px; padding:0 0 0 11px;} /* END HEADER SECTION */ div.product {float:left; width:168px; padding:0px 21px 16px 0px;} /* hide from mac ie \*/ div.product {padding:0px 21px 28px 0px;} /* end */ form.product-listing {margin:0px; padding:0px;} div.value {float:left; width:70px; margin:4px 0px 0px 5px;} * html div.value {margin:4px 0px 0px 3px;} form.product-listing select.qty {width:45px; vertical-align:top; margin:2px 2px 0px 2px;} * html form.product-listing select.qty {margin:2px 1px 0px 0px;} h3.product-name {width:148px; margin:0px; padding:17px 10px 17px 10px; font-size:120%; font-weight:bold; text-align:center;} * html h3.product-name {} div.selection {background:#F7F7E4; padding:4px 0px 4px 0px;} span.price {font-size:140%; font-weight:bold;} span.normal {font-size:80%; font-weight:normal;} span.original {font-size:100%; font-weight:normal;} h3.summary {float:left; font-size:130%; margin:0 40px 0 0; font-weight:normal;} input.clear-all {float:left; margin:4px 0 0 0; } input.remove {vertical-align:middle;} div.summary-top {width:168px; margin:21px 0px 6px 8px;} div.summary-item {width:168px; margin:0px 0px 17px 8px;} div.terms-link {width:168px; margin:15px 0 0 8px;} /* END BOOKS / PRODUCTS PAGE T13a */ /* VOUCHERS PAGE T13b */ form.voucher-listing select.qty {width:87px; vertical-align:top; margin:2px 32px 0px 5px;} * html form.voucher-listing select.qty {margin:2px 32px 0px 5px;} /* END VOUCHERS PAGE T13b */ /* * END PRODUCT LISTING */ /* * START CORPORATE HOMEPAGE MODULES */ .corp-home-panel {background:#fff; width:315px; height:auto; padding:12px 13px; margin:0 0 10px 0;} .corp-home-panel-l {float:left; width:117px; height:auto;} .corp-home-panel-r {float:left; width:160px; height:auto; font-size:110%; margin:0 0 0 12px; color:#4C4C4C;} .corp-home-panel-v {position:absolute; left:307px; top:13px; width:1px; height:128px;} .corp-home-panel-r h2 {font-size:140%; margin:0 0 7px 0;} /* * END CORPORATE HOMEPAGE MODULES */ /* * START T13 - TIME LINE */ #timeline-container {width:602px; padding:21px 0 15px 0; background:#fff;} .double-timeline-bg, .double-timeline {width:600px; padding:0px 2px 12px 0px;} .double-timeline-bg {background:url(../images/timeline/timeline_scale_bg.gif) repeat-y #EDE9ED;} .double-timeline {background:#fff;} * html .double-timeline-bg {width:574px; padding:5px 28px 10px 0px;} * html .double-timeline {width:574px; padding:5px 28px 10px 0px;} .timeline-left {float:left; width:196px; margin:0 21px 0 0; color:#4B284A; font-size:260%; font-weight:bold;} .timeline-left h2 {padding:5px 0 0 28px;} .timeline-right {float:left; width:357px; margin:5px 0 0 0;} * html .timeline-right {margin:6px 0 0 0;} .timeline-right p {padding:0px; margin:12px 0 0 0;} .timeline-right h2 {padding:0px; color:#B4B4B4; font-size:200%; } #timeline2000 {background:url(../images/timeline/timeline_2000.jpg) no-repeat right #fff; height:149px;} #timeline1998 {background:url(../images/timeline/timeline_1998.jpg) no-repeat right #fff; height:149px;} #timeline1996 {background:url(../images/timeline/timeline_1996.jpg) no-repeat right #fff; height:149px;} #timeline1993 {background:url(../images/timeline/timeline_1993.jpg) no-repeat right #fff; height:149px;} #timeline1990 {background:url(../images/timeline/timeline_1990.jpg) no-repeat right #fff; height:149px;} #timeline1988 {background:url(../images/timeline/timeline_1988.jpg) no-repeat right #fff; height:149px;} #timeline1981 {background:url(../images/timeline/timeline_1981.jpg) no-repeat right #fff; height:149px;} /* * END T13 - TIME LINE */ ul.hyphen {list-style-type:none; margin:0 0 0 -39px;} * html ul.hyphen {list-style-type:none; margin:0px;} ul.hyphen li {background:url(../images/list_hyphen.gif) no-repeat; margin:0px; padding:0 0 0 10px;} ul.sitemap {list-style-type:none; margin:0 0 0 -39px;} * html ul.sitemap {list-style-type:none; margin:0px;} ul.sitemap li {background:url(../images/list_hyphen.gif) no-repeat; margin:0px; padding:0 0 0 10px;} ul.sitemap li.level-two {background:url(../images/list_hyphen.gif) no-repeat; margin:0 0 0 20px; padding:0 0 0 10px;}