html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
body{
border:0;
margin:0;
padding:0;
font-family:'Roboto-Regular',arial,sans-serif;
line-height:1em;
/*color:#fff;*/
/*overflow: scroll; disabled this so we don't get in on live help popup (iframe)*/
}
.grayscale {
-webkit-filter: grayscale(1);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
}
.embed-link {
background: url("../images/ir-embed-this-link.png") no-repeat scroll 43% center rgba(0, 0, 0, 0);
border-bottom: 1px solid #D8D8D8 !important;
border-top: 1px solid #D8D8D8 !important;
box-shadow: 0 1px 0 #FFFFFF inset;
display: block;
height: 50px;
width: 100%;
}
.fade-50 {
opacity: 0.5;
}
label.remaining {
color: #b20000 !important;
background: url(../images/bullet_negation_small.png) no-repeat right 1px !important;
}
/*************** Standard Elements END ***************/
/*************** Standard Elements END ***************/
/* BOF - HEADER */
#main-header-wrapper-00 {
/*background:url('../images/christmas/header_image.jpg') 0 0 repeat-x;*/
}
#main-header-wrapper-01 {
width:1000px;
}
#main-header {
float:left;
width:1000px;
height:100px;
}
#floating-santa-hat {
position:absolute;
top:0px;
left:-215px;
width:215px;
height:100px;
z-index:10003;
background:url("../images/header_christmas.png") no-repeat left top red;
z-index:100;
}
#main-header #main-logo {
float:left;
width:249px;
height:100px;
margin:0 0 0 0;
}
#main-header #main-logos {
float:left;
width:500px;
height:100px;
margin:0 0 0 0;
}
#main-header #randomiser-top {
float:left;
width:261px;
height:100px;
margin:0;
}
#main-header #top-cta {
float:right;
width:490px;
height:32px;
margin:20px 0 0 0;
}
#main-header #top-cta #counter {
float:right;
}
#main-header #top-cta img {
float:right;
}
#main-header #top-navigation {
float:right;
/*width:490px;*/
}
#main-header #top-navigation a.button-facebook {
float:left;
display:block;
width: 40px;
height: 30px;
background:url("../images/template/button_facebook.png") no-repeat top left;
margin:0;
text-decoration:none;
}
#main-header #top-navigation a.button-twitter {
float:left;
display:block;
width: 40px;
height: 30px;
background:url("../images/template/button_twitter.png") no-repeat top left;
margin:0;
text-decoration:none;
}
#main-header #top-navigation a.button-login {
float:left;
display:block;
width:235px;
height:30px;
background:url("../images/template/button_top_login_235px.png") no-repeat top left;
margin:0;
text-decoration:none;
}
#main-navigation {
float:left;
width:1000px;
height:30px;
}
#main-navigation .main-logo {
float:left;
width:130px;
}
#main-navigation .nav-text {
color:white;
font-family:'Roboto-Bold',arial,sans-serif;
margin:7px 0 0 0;
text-transform:uppercase;
}
#main-navigation ul {
float:left;
margin:0 0 0 0;
padding:5px 0 0 0;
}
#main-navigation ul li {
float:left;
margin:0 5px 0 0;
}
#main-navigation ul li.last {
margin:0 0 0 0;
}
#main-navigation ul li.active {
background:#fff;
}
#main-navigation ul li a {
float:left;
display:block;
color:#fff;
padding:4px 20px 3px 20px;
margin:0 0 0 0;
font-size:13px;
font-family:'Roboto-Bold',arial,sans-serif;
}
#main-navigation ul li.active a {
color:#262626;
/*font-weight:bold;*/
}
/* EOF - NAVIGATION */
/* BOF - LAYOUT */
#main-content-top-wrapper-00 {
background:#fff;
}
#main-content-top-wrapper-01 {
width:1000px;
}
#main-content-top-wrapper-01 #main-content-top {
float:left;
display:inline;
width:1000px;
background:#fff;
padding:30px 0 20px 0;
margin:0 0 0 0;
}
#main-content-bottom-wrapper-00 {
background:url("../images/content_bottom_background.png") repeat-x top left white;
border-top:1px solid white;
}
#main-content-bottom-wrapper-01 {
width:1000px;
}
#main-content-bottom {
float:left;
width:1000px;
padding:20px 0 20px 0;
}
/* do not change - used on join page to hide form when offercode entered */
#main-content-bottom.hidden {
display:none;
}
/* 3 columns */
.column {
float:left;
position:relative;
display:inline;
width:320px;
margin:0 20px 0 0;
}
.narrow{width:235px;}
.wide{width:660px;}
.half{width:490px;}
.wider{width:745px;}
.full{width:1000px;}
.last{float:right;margin:0;}
.floating{position:absolute;}
/* EOF - LAYOUT */
/* ----- CLASSES ----- */
.rounded3px {
-moz-border-radius:3px;
-webkit-border-radius:3px;
-opera-border-radius:3px;
-khtml-border-radius:4px;
border-radius:3px;
}
.transparent-background-50{
background:#333;
background-color:rgba(0,0,0,0.6);
}
.transparent-background-30{
background:#333;
background-color:rgba(0,0,0,0.3);
}
.transparent-background-40{
background:#333;
background-color:rgba(0,0,0,0.4);
}
.backgound-alpha-60 {
/* Fallback for web browsers that don't support RGBa */
background-color: rgb(35, 35, 0);
/* RGBa with 0.6 opacity */
background-color: rgba(35, 35, 0, 0.6);
/* For IE 5.5 - 7*/
/* filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);*/
/* For IE 8*/
/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";*/
}
.backgound-ffffff-alpha-50 {
/* Fallback for web browsers that don't support RGBa */
background-color: #f5e9dd;
/* RGBa with 0.6 opacity */
background-color: rgba(255, 255, 255, 0.75);
}
.rounded-corners-5px {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.backgound-alpha-60 {
/* Fallback for web browsers that don't support RGBa */
background-color: rgb(35, 35, 0);
/* RGBa with 0.6 opacity */
background-color: rgba(35, 35, 0, 0.6);
/* For IE 5.5 - 7*/
/* filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);*/
/* For IE 8*/
/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";*/
}
.backgound-ffffff-alpha-50 {
/* Fallback for web browsers that don't support RGBa */
background-color: #f5e9dd;
/* RGBa with 0.6 opacity */
background-color: rgba(255, 255, 255, 0.75);
}
.rounded-corners-5px {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/* LOADING INDICATORS */
.ajax-loader0 {
float:left;
width:100px;
height:100px;
margin:15px;
background:url("../images/gif-loading.gif") no-repeat 50% 50%;
z-index:1000;
}
ul.prices {
float:left;
display:inline;
width:635px;
list-style:none;
margin:0 20px 0px 20px;
padding:0;
}
ul.prices li{
float:left;
margin:0 10px 0 0;
padding:0 0 0 0;
line-height:1.5em;
font-size:13px;
}
ul.links {
float:left;
display:inline;
width:283px;
list-style:none;
padding:0 0 0 0;
margin:0 0 0 20px;
}
ul.links li{
float:left;
display:block;
width:283px;
margin:0 0 5px 0;
padding:0 0 0 0px;
line-height:1.5em;
font-size:13px;
}
ul.links li a {
float:left;
display:block;
margin:0;
padding:0 0 0 15px;
background:url("../images/bullet01.png") no-repeat left 6px;
}
ul#login-help-links {
float:left;
width:200px;
list-style:none;
margin:0;
}
ul#login-help-links li {
font-size:11px;
line-height:1em;
}
ul#login-help-links li a {
font-weight:bold;
}
label.tooltip {
float:left;
display:block;
height:20px;
margin:0 0 0 0;
padding:0 20px 0 0;
width:auto;
font-size:11px;
background:url(../images/question_mark.png) no-repeat right 1px;
}
label.tooltip.checkbox {
background:url(../images/question_mark.png) no-repeat right 4px;
}
label.radio,
label.checkbox {
color:#000;
font-size: 11px;
}
input[type='password'],
input[type='text'],
textarea,
select {
font-family:arial,helvetica;
font-size: 12px;
border:1px solid #aaaaaa;
margin:0;
padding:2px 1px;
background-color:#f5f5f5;
}
.box-1000px-white-a .column select.house-number,
.box-660px-white-a .column-half select.house-number {
width:189px;
}
.box-660px-white-a .column-half textarea,
.box-660px-white-a .column-half input[type='text'] {
width:185px;
}
.box-660px-white-a .column-half input[type='text'].input-full-line{
width:285px;
}
.box-1000px-white-a .column input[type='text'].input-full-line{
width:285px;
}
.box-660px-white-a .column-half textarea.textarea-high {
height:100px;
}
.box-320px-white-a input[type='text'] {
width:177px;
}
input[type='text'].input-postcode {
float:left !important;
width:90px !important;
}
input[type='text'].input-issue-number {
float:left !important;
width:39px !important;
}
input[type='text'].input-restaurant-number,
input[type='text'].input-cvn {
float:left !important;
width:39px !important;
}
select.select-date-month,
select.select-date-year,
select.select-title {
width:50px;
float:left;
margin:0 5px 0 0;
}
select.error,
textarea.error,
input[type='text'].error,
input[type='password'].error{
border: 1px solid #d40000 !important;
}
label.error {
display:none;
float:left;
width:100%;
font-size:11px;
text-align:left;
color: #d40000;
padding:0;
margin:0;
}
label.error a {
text-decoration: underline;
color: #d40000 !important;
}
#terms .error {
border: 1px solid #d40000;
}
.ln {
float:left;
width:100%;
margin:0 0 10px 0;
font-size:13px;
}
.box-320px-white-c .ln {
float:left;
width:280px;
display:inline;
margin-left:20px;
}
.ln .left {
float:left;
width:25%;
}
#join-order-summary .ln .left {
width:70%;
}
.ln .right {
float:right;
width:70%;
font-size:13px;
}
#join-order-summary .ln .right {
width:30%;
font-size:13px;
font-weight:bold;
text-align:right;
}
.form-note {
color:#000;
font-size:11px;
padding:2px 0 0 0;
}
/* ----- END FORMS ----- END FORMS ----- END FORMS ----- END FORMS ----- END FORMS ----- END FORMS ----- END FORMS ----- END FORMS ----- END FORMS ----- END FORMS ----- END FORMS ----- END FORMS ----- END FORMS ----- END FORMS ----- END FORMS ----- */
/* ----- BUTTONS ----- BUTTONS ----- BUTTONS ----- BUTTONS ----- BUTTONS ----- BUTTONS ----- BUTTONS ----- BUTTONS ----- BUTTONS ----- BUTTONS ----- BUTTONS ----- BUTTONS ----- BUTTONS ----- BUTTONS ----- BUTTONS ----- */
.button-view-mobile-site {
float:left;
display:block;
width:142px;
height:25px;
background:url("../images/mobile/button-view-mobile-site.png") left top no-repeat blue;
text-decoration:none;
margin:0 0 20px 0;
}
input.btn-find-address {
float:right;
width:73px;
height:20px;
background:url(../images/find_address.png) no-repeat;
border:none;
margin:0px;
}
input.button-submit-application {
float:left;
display:block;
cursor:pointer;
width:280px;
height:30px;
background:url(../images/button_submit_app_280px.gif) no-repeat;
border:none;
}
#button_clear_join {
float:right;
display:block;
width:30px;
height:30px;
background:url("../images/button_clear_form_square.png") no-repeat left top;
margin:0 0 0px 0px;
text-decoration:none;
}
input.button-next-step {
display:block;
cursor:pointer;
float:right;
width:190px;
height:30px;
background:url(../images/button_next_step_green.png) no-repeat;
border:none;
}
input.button-submit-registration {
display:block;
cursor:pointer;
float:right;
width:209px;
height:30px;
background:url(../images/button_submit_registration.png) no-repeat;
border:none;
}
input.btn_manual{
border:none;
background:none;
text-align:left;
padding:0;
margin:0;
display:inline;
cursor:pointer;
font-size:11px;
text-decoration:underline;
}
#button_login_submit {
display:block;
border:0;
float:right;
width:75px;
height:23px;
background:url("../images/button_log_in.png") no-repeat top left;
text-decoration:none;
}
#button_login_guest_submit{
display:block;
border:0;
float:right;
width:102px;
height:23px;
background:url("../images/button_guest_log_in.png") no-repeat top left;
text-decoration:none;
}
#button-trial {
display:block;
float:right;
width:76px;
height:23px;
background:url("../images/button_trial.png") no-repeat top left;
text-decoration:none;
}
#button-join {
display:block;
float:right;
width:68px;
height:23px;
margin:0 0px 0 0;
background:url("../images/button_join_small.png") no-repeat top left;
text-decoration:none;
}
#button-return-to-join {
display:block;
float:right;
width:158px;
height:23px;
margin:0 0px 0px 0;
background:url("../images/button_return2join_small.png") no-repeat top left;
text-decoration:none;
}
#button-full-search {
display:block;
float:right;
width:123px;
height:23px;
margin:0 10px 0 0;
background:url("../images/button_small_full_search.png") no-repeat top left;
text-decoration:none;
}
#button-continue-small {
display:block;
float:right;
width:69px;
height:23px;
margin:0 0px 0 10px;
background:url("../images/button_continue_small.png") no-repeat top left;
text-decoration:none;
}
.button-search-small {
display:block;
float:right;
width:121px;
height:23px;
margin:0 0px 0 10px;
background:url("../images/button_search_restaurants_small.png") no-repeat top left;
text-decoration:none;
border:0;
cursor:pointer;
}
#button-small-agree {
display:block;
border:0;
float:right;
width:175px;
height:23px;
background:url("../images/button_proceed2join_small.gif") no-repeat top left;
cursor:pointer;
text-decoration:none;
}
#button-small-disagree {
float:right;
padding:3px 0px 3px 20px;
font-size:13px;
}
#button-small-buy-gift {
float:left;
display:block;
background:url("../images/button_small_buygift.png") no-repeat;
width:69px;
height:23px;
text-decoration:none;
margin:0 10px 0 0;
}
#button-small-nothankyou{
float:left;
display:block;
background:url("../images/button_small_nothankyou.png") no-repeat;
width:97px;
height:23px;
text-decoration:none;
}
#submit_code {
float:left;
display:block;
background:url("../images/button_proceed_small.png") no-repeat;
width:68px;
height:23px;
text-decoration:none;
border:0;
}
#button-continue-to-laterooms,
#button-continue-to-laterooms:active,
#button-continue-to-laterooms:hover,
#button-continue-to-laterooms:link,
#button-continue-to-laterooms:visited {
display:block;
width:212px;
height:23px;
background:url("../images/button_continue2gfh.png") no-repeat left top;
margin:0 0 20px 0;
text-decoration:none;
}
#button-change-order {
display:block;
border:0;
float:left;
padding:0 0 0 10px;
background:url("../images/bullet01back_tiny.png") no-repeat left 5px;
/*
width:99px;
height:23px;
background:url("../images/button_change_order_s.png") no-repeat top left;
*/
cursor:pointer;
text-decoration:none;
}
.button-sounds-good {
float:right;
display:block;
width:280px;
height:23px;
background:url("../images/button_sounds_good.png") no-repeat left top;
margin:0 0 20px 20px;
text-decoration:none;
}
.button_laterooms_find_small {
float:right;
display:block;
width:132px;
height:23px;
background:url("../images/button_laterooms_find_small.png") no-repeat left top;
margin:0 0 0px 20px;
text-decoration:none;
}
#button-create-password {
float:left;
display:block;
width:196px;
height:23px;
background:url("../images/button_create_password_small.png") no-repeat left top;
margin:0 0 0px 20px;
text-decoration:none;
}
a#button_delivery_post {
float:left;
width:290px;
height:30px;
text-decoration:none;
background:url("../images/button_get_membership_by_post.png") no-repeat left top;
margin:0 0 20px 0;
}
a#button_delivery_now {
float:left;
width:255px;
height:30px;
text-decoration:none;
background:url("../images/button_get_membership_now.png") no-repeat left top;
margin:0 0 20px 0;
}
/* -- */
a#button_back2freeoffer {
float:left;
width:235px;
height:30px;
text-decoration:none;
background:url("../images/button_back2freeoffer.png") no-repeat left top;
margin:0 0 20px 0;
}
.button-box-temp-senior2 {
display:block;
float:left;
width:320px;
height:30px;
background:url("../images/button_box_temp_senior2.png") no-repeat top left;
text-decoration:none;
}
button#clear-search {
border:0;
width:79px;
height:25px;
background: url("../images/button_search_clear_filters.jpg") no-repeat left top;
cursor:pointer;
}
/* ----- END BUTTONS ----- END BUTTONS ----- END BUTTONS ----- END BUTTONS ----- END BUTTONS ----- END BUTTONS ----- END BUTTONS ----- END BUTTONS ----- END BUTTONS ----- END BUTTONS ----- END BUTTONS ----- END BUTTONS ----- */
/* BOF - BOXES - USED GLOBALLY */
/* defining a box class */
.box {
}
/* 235px YELLOW BOX */
.box-235px-brown-a {
float:left;
width: 235px;
background:url("../images/box_235px_brown_top.png") no-repeat left top #855b27;
margin:0 0 20px 0;
padding:0;
}
.box-235px-brown-b {
float:left;
width: 235px;
padding:0;
margin:0;
background:url("../images/box_235px_brown_bottom.png") no-repeat left bottom ;
}
.box-235px-green-a {
float:left;
width: 235px;
background:url("../images/box_235px_green_top.png") no-repeat left top #82bc00;
margin:0 0 20px 0;
padding:0;
}
.box-235px-green-b {
float:left;
width: 235px;
padding:0;
margin:0;
background:url("../images/box_235px_green_bottom.png") no-repeat left bottom ;
}
.box-235px-white-a {
float:left;
width: 235px;
background:url("../images/box_235px_white_bottom.png") no-repeat left bottom;
padding:0 0 20px 0;
}
.box-235px-white-b {
float:left;
width: 235px;
background:url("../images/box_235px_white_top.png") no-repeat left top;
padding:20px 0 0 0;
}
.box-235px-white-c {
float:left;
width: 235px;
background:url("../images/box_235px_white_middle.png") repeat-y left top white;
}
/* 300px RED FRAME, WHITE BACKGROUND BOX - used in login popup */
.box-300px-redwhite-a {
float:left;
width: 300px;
background:url("../images/box_300px_redwhite_bottom.png") no-repeat bottom left;
padding:0 0 20px 0;
margin:0 0 0 0;
}
.box-300px-redwhite-b {
float:left;
width: 300px;
background:url("../images/box_300px_redwhite_top.png") no-repeat top left;
padding:20px 0 0 0;
}
.box-300px-redwhite-c {
float:left;
width: 300px;
background:url("../images/box_300px_redwhite_middle.png") repeat-y top left white;
}
/* 310px RED FRAME, WHITE BACKGROUND BOX - used in login popup */
.box-310px-redwhite-a {
float:left;
width: 310px;
background:url("../images/box_310px_redwhite_bottom.png") no-repeat bottom left;
padding:0 0 20px 0;
margin:0 0 0 0;
}
.box-310px-redwhite-b {
float:left;
width: 310px;
background:url("../images/box_310px_redwhite_top.png") no-repeat top left;
padding:20px 0 0 0;
}
.box-310px-redwhite-c {
float:left;
width: 310px;
background:url("../images/box_310px_redwhite_middle.png") repeat-y top left white;
}
#password-warning {
margin-bottom:0px;
}
/* 320px GREEN BOX */
.box-320px-green-a {
float:left;
display:inline;
width: 320px;
background:url("../images/box_top_320px_green_top.png") no-repeat left top #82bc00;
margin:0 0 0 0;
padding:0;
}
.box-320px-green-b {
float:left;
display:inline;
width: 320px;
padding:0;
margin:0;
background:url("../images/box_top_320px_green_bottom.png") no-repeat left bottom;
}
.box-320px-green-a .divider {
float:left;
width: 280px;
display:inline;
margin:0 0 0 20px;
border-top:1px solid #b4b241;
}
/* RED RED RED RED RED RED */
.box-320px-red-a {
float:left;
display:inline;
width: 320px;
background:url("../images/box_320px_red_top.png") no-repeat left top #b20000;
margin:0 0 0 0;
padding:0;
}
.box-320px-red-b {
float:left;
display:inline;
width: 320px;
padding:0;
margin:0;
background:url("../images/box_320px_red_bottom.png") no-repeat left bottom;
}
.box-320px-red-a .divider {
float:left;
width: 280px;
display:inline;
margin:0 0 0 20px;
border-top:1px solid #b4b241;
}
.quote-open {
float:left;
width:320px;
height:27px;
background:url("../images/symbol_quote_b.png") no-repeat 20px bottom;
margin:0 0 7px 0;
}
.quote-close {
float:left;
width:320px;
height:15px;
background:url("../images/symbol_quote_a.png") no-repeat 290px bottom;
margin:0 0 15px 0;
}
/*** CHAINS PAGE **************************************************************/
.quote-box {
border-top:4px solid #9b9c9a !important;
border-bottom:4px solid #9b9c9a !important;
margin-bottom:20px;
padding:15px 0;
}
.quote-text {
margin:0 !important;
color:#333;
text-transform:uppercase;
font-size:14px;
font-family:'Roboto-Bold',arial,sans-serif;
}
.quote-author {
margin:10px 0 0 0 !important;
text-align:right;
color:#333;
font-size:11px;
}
#last-column-top-spacer {
height:48px;
}
/*** CHAINS PAGE END **********************************************************/
/* 320px GREEN RAILCARD */
.box-320px-railcard {
float:left;
display:inline;
width:320px;
background:url("../images/box_320px_railcard_top.png") no-repeat left top;
margin:0 0 0 0;
padding:0px 0 0 0;
}
.box-320px-railcard .divider {
float:left;
width: 280px;
display:inline;
margin:0 0 0 20px;
border-top:1px solid #b4b241;
}
/* 320px GREEN FRAME, WHITE BACKGROUND - used on chains.php */
.box-320px-greenwhite-a {
float:left;
width: 320px;
background:url("../images/box_320px_greenwhite_bottom.png") no-repeat bottom left;
padding:0 0 20px 0;
margin:0 0 0 0;
}
.box-320px-greenwhite-b {
float:left;
width: 320px;
background:url("../images/box_320px_greenwhite_top.png") no-repeat top left;
padding:20px 0 0 0;
}
.box-320px-greenwhite-c {
float:left;
width: 320px;
background:url("../images/box_320px_greenwhite_middle.png") repeat-y top left white;
}
/* 320px BROWN BOX */
.box-320px-brown-a {
float:left;
display:inline;
width: 320px;
background:url("../images/box_top_320px_brown_top.png") no-repeat left top #855b27;
margin:0 0 20px 0;
padding:0;
}
.box-320px-brown-b {
float:left;
display:inline;
width: 320px;
padding:0;
margin:0;
background:url("../images/box_top_320px_brown_bottom.png") no-repeat left bottom;
}
/* 320px WHITE BOX WITH GRAY BORDER - used with class "column" */
.box-320px-white-a {
float:left;
position:relative;
display:inline;
width:320px;
margin:0 0 0px 0;
padding:0 0 20px 0;
background:url("../images/box_top_320px_bottom.png") no-repeat left bottom;
}
.box-320px-white-b {
float:left;
position:relative;
display:inline;
width:320px;
padding:20px 0 0 0;
background:url("../images/box_top_320px_top.png") no-repeat left top ;
}
.box-320px-white-b-tabs {
float:left;
display:inline;
position:relative;
width:320px;
padding:20px 0 0 0;
background:url("../images/box_320px_white_top_tabs.gif") no-repeat top left;
}
.box-320px-white-c {
float:left;
position:relative;
width:320px;
display:inline;
background:url("../images/box_top_320px_middle.png") repeat-y left top ;
}
/* 660px GRAY FRAME, WHITE BACKGROUND BOX - used with class "column wider (2 columns space)" */
.box-660px-white-a {
float:left;
width: 660px;
background:url("../images/box_660px_bottom.png") no-repeat bottom left;
padding:0 0 20px 0;
margin:0 0 0 0;
}
.box-660px-white-b {
float:left;
width: 660px;
background:url("../images/box_660px_top.png") no-repeat top left;
padding:20px 0 0 0;
}
.box-660px-white-c {
float:left;
width: 660px;
background:url("../images/box_660px_middle.png") repeat-y top left white;
}
/* 660px RED FRAME, WHITE BACKGROUND BOX - used with class "column wider (2 columns space)" */
.box-660px-redwhite-a {
float:left;
width: 660px;
background:url("../images/box_660px_redwhite_bottom.png") no-repeat bottom left;
padding:0 0 20px 0;
margin:0 0 0 0;
}
.box-660px-redwhite-b {
float:left;
width: 660px;
background:url("../images/box_660px_redwhite_top.png") no-repeat top left;
padding:20px 0 0 0;
}
.box-660px-redwhite-c {
float:left;
width: 660px;
background:url("../images/box_660px_redwhite_middle.png") repeat-y top left white;
}
/* 660px green FRAME, WHITE BACKGROUND BOX - used with class "column wider (2 columns space)" */
.box-660px-greenwhite-a {
float:left;
width: 660px;
background:url("../images/box_660px_greenwhite_bottom.png") no-repeat bottom left;
padding:0 0 20px 0;
margin:0 0 0 0;
}
.box-660px-greenwhite-b {
float:left;
width: 660px;
background:url("../images/box_660px_greenwhite_top.png") no-repeat top left;
padding:20px 0 0 0;
}
.box-660px-greenwhite-c {
float:left;
width: 660px;
background:url("../images/box_660px_greenwhite_middle.png") repeat-y top left white;
}
/* 660px BROWN BOX */
#main-content-top .box-660px-brown-a {
float:left;
width:660px;
background:url("../images/box_660px_brown_a.png") no-repeat top left #855b27;
padding:0;
}
#main-content-top .box-660px-brown-b {
float:left;
width:660px;
background:url("../images/box_660px_brown_b.png") no-repeat bottom left ;
padding:0 0 20px 0;
}
/* 660px GREEN BOX */
.box-745px-white-a {
float:left;
width: 745px;
background:url("../images/box_745px_white_bottom.png") no-repeat left bottom;
padding:0 0 20px 0;
}
.box-745px-white-b {
float:left;
width: 745px;
background:url("../images/box_745px_white_top.png") no-repeat left top;
padding:20px 0 0 0;
}
.box-745px-white-c {
float:left;
width: 745px;
background:url("../images/box_745px_white_middle.png") repeat-y left top white;
}
/* 745px BROWN BOX */
#main-content-top .box-745px-brown-a {
float:left;
width:745px;
background:url("../images/box_745px_brown_top.png") no-repeat top left #855b27;
padding:0;
}
#main-content-top .box-745px-brown-b {
float:left;
width:745px;
background:url("../images/box_745px_brown_bottom.png") no-repeat bottom left ;
padding:0 0 20px 0;
}
/* 1000px GRAY FRAME, WHITE BACKGROUND BOX - used with class "column full (3 columns space)" */
.box-1000px-white-a {
float:left;
width: 1000px;
background:url("../images/box_1000px_bottom.png") no-repeat left bottom;
padding:0 0 20px 0;
}
.box-1000px-white-b {
float:left;
width: 1000px;
background:url("../images/box_1000px_top.png") no-repeat left top;
padding:20px 0 0 0;
}
.box-1000px-white-c {
float:left;
width: 1000px;
background:url("../images/box_1000px_middle.png") repeat-y left top white;
}
/* 1000px RED FRAME, RED BACKGROUND BOX - (errors) used with class "column full (3 columns space)" */
.box-1000px-red-a {
float:left;
width: 1000px;
background:url("../images/box_1000px_bottom_red.png") no-repeat left bottom;
padding:0 0 20px 0;
}
.box-1000px-red-b {
float:left;
width: 1000px;
background:url("../images/box_1000px_top_red.png") no-repeat left top;
padding:20px 0 0 0;
}
.box-1000px-red-c {
float:left;
width: 1000px;
background:url("../images/box_1000px_middle_red.png") repeat-y left top white;
}
.box-1000px-red-c h2{
font-weight: bold;
color: #d74d4b;
}
.box-1000px-red-c p{
color: #d74d4b;
}
/* EOF - BOXES - USED GLOBALLY */
.content-wrapper-660px {
float:left;
width:620px;
margin:0 0 0 20px;
}
/* BOF - HEADINGS */
.box-red-2 h2{
color: #d74d4b;
border-bottom:1px solid #d74d4b;
margin:0px 20px 15px 20px;
}
.box-redwhite h2{
color:#b20000;
border-bottom:1px solid #e0e0e0;
margin:0px 20px 15px 20px;
}
.background-greenwhite h2{
color:#82bc00;
border-bottom:1px solid #e0e0e0;
margin:0px 20px 15px 20px;
}
.background-how-it-works h2 {
color:#fff;
border-bottom:1px solid #ffffff;
}
.box-railcard h2{
color:#13115f;
font-weight:bold;
border-bottom:1px solid #d3cff4;
}
.box-brown h2{
color:#fff;
border-bottom:1px solid #b47b35;
}
.box-yellow h2{
color:#321908;
border-bottom:1px solid #caa240;
}
.box-red h2{
color:#fff;
border-bottom:1px solid #d74d4b;
}
.box-blue h2{
color:#fff;
border-bottom:1px solid #78b6cf;
}
/*
#join-intro-00 h2 {
margin:20px 250px 15px 20px;
}
#free-join-step2-intro h2 {
color:#82bc00 !important;
font-size:36px !important;
text-align:left;
font-family: 'Lato', sans-serif !important;
font-weight:700 !important;
letter-spacing:-0.05em;
line-height:1.3em;
margin:0 0 0 0;
}
*/
#how-intro-00 h2 {
margin:20px 620px 15px 20px;
}
.box-redwhite h3 {
color:#b20000 !important;
}
.background-greenwhite h3 {
color:#82bc00;
}
#box-member-profile-00 h3 {
color:#fff;
font-weight:bold;
margin:0 20px 10px 20px;
padding:0;
}
#box-member-recommendations h3 {
width:260px;
margin:0 0 10px 0;
}
#free-join-step2-intro h3 {
color:black !important;
font-size:18px !important;
text-align:left;
font-family: 'Lato', sans-serif !important;
font-weight:400 !important;
letter-spacing:-0.05em;
line-height:1.3em;
margin:0 0 30px 0;
}
#join #main-content-bottom h3,
#gift #main-content-bottom h3 {
margin:0px 20px 15px 20px ;
}
/* BOF - HEADINGS */
/* BOF - BUTTONS */
#box-benefits-00 .button-view-offer {
background-color: #82bc00;
/*border: 2px solid #82bc00;*/
border-radius: 5px;
bottom: 10px;
display: block;
height: 20px;
left: 50px;
position: absolute;
text-align: center;
text-decoration: none;
width: 100px;
color: #FFFFFF;
padding: 5px;
line-height: 17px;
}
/* BOF - PARAGRAPHS ----- */
.box-brown p,
.box-blue p {
color:#fff;
}
.box-railcard p {
color:#13115f;
}
.box-brown a,
.box-brown p strong {
color:#e1c04d;
}
.box-railcard p a {
color:#13115f;
font-weight:bold;
}
.box-redwhite p {
color:#b20000 !important;
}
.background-greenwhite p {
color:#82bc00;
}
/*
#join-intro-00 p {
margin:0px 250px 15px 20px;
}
*/
#box-member-recommendations p {
font-size:11px;
margin:0;
}
/* EOF - PARAGRAPHS ----- */
.background-button-cinema-discounts {
background:url("../images/background-button-home-cinema235px.jpg") no-repeat top left;
}
#box-member-intro-00 ul {
float:left;
list-style-type: none;
width:280px;
color:#000;
margin:0px 20px 0 20px;
}
#box-member-intro-00 ul li {
float:left;
margin:0 0 10px 0;
padding:0 0 10px 0;
font-size:13px;
width:280px;
border-bottom:1px dotted #e0e0e0;
}
#box-member-intro-00 ul li.last {
float:left;
text-align:left;
border-bottom:none;
margin-bottom:0;
padding-bottom:0;
}
#box-member-intro-00 ul li a,
#box-member-intro-00 ul li span{
float:left;
display:block;
width:280px;
padding:15px 0px 0px 100px;
min-height:70px;
text-align:left;
}
#box-member-intro-00 ul li a#ptrtemp3354 {
float:left;
display:block;
width:auto !important;
padding:10px 0px 10px 0px !important;
text-align:left;
}
#box-member-intro-00 ul li form {
float:left;
display:block;
width:100px;
padding:10px 0px 0px 0px;
text-align:left;
}
#main-content-top #box-member-intro-00 ul li a.how-to-use {
background:url("../images/members_area/how_it_works.png") no-repeat top left;
}
#main-content-top #box-member-intro-00 ul li a.getting-the-best {
background:url("../images/members_area/getting_the_best.png") no-repeat top left;
}
#main-content-top #box-member-intro-00 ul li a.account-information {
background:url("../images/members_area/account_information.png") no-repeat top left;
}
#main-content-top #box-member-intro-00 ul li a.faq {
background:url("../images/members_area/faq.png") no-repeat top left;
}
#main-content-top #box-member-intro-00 ul li a.recommend-friend {
background:url("../images/members_area/recommend_a_friend.png") no-repeat top left;
}
#main-content-top #box-member-intro-00 ul li .cinema-tickets {
background:url("../images/members_area/cinema.png") no-repeat top left;
}
#main-content-top #box-member-intro-00 ul li a.more-offers {
background:url("../images/members_area/more_offers.png") no-repeat top left;
}
#main-content-top #box-member-intro-00 ul li a.recommend-restaurant {
background:url("../images/members_area/recommend_a_restaurant.png") no-repeat top left;
}
#main-content-top #box-member-intro-00 ul li a.contact-us {
background:url("../images/members_area/contact_us.png") no-repeat top left;
padding:10px 0px 20px 100px;
}
#main-content-top #box-member-intro-00 ul li a.afternoon-tea {
background:url("../images/members_area/afternoon_tea.png") no-repeat top left;
}
#main-content-top #box-member-intro-00 ul li a.change_password {
background:url("../images/members_area/change_password.png") no-repeat top left;
}
#main-content-top #box-member-recommendations #favourite-restaurants-listing-00,
#main-content-top #box-member-recommendations #new-restaurants-listing-00,
#main-content-top #box-member-recommendations #recommendations-listing-00,
#main-content-top #box-member-recommendations #local-restaurants-listing-00{
float:left;
width:287px;
margin:0px 0 0px 0px;
overflow:auto;
}
#main-content-top #box-member-recommendations #favourite-restaurants-listing-01,
#main-content-top #box-member-recommendations #new-restaurants-listing-01,
#main-content-top #box-member-recommendations #recommendations-listing-01,
#main-content-top #box-member-recommendations #local-restaurants-listing-01{
float:left;
width:260px;
}
#main-content-top #box-member-recommendations #favourite-restaurants-listing-01 .item,
#main-content-top #box-member-recommendations #new-restaurants-listing-01 .item,
#main-content-top #box-member-recommendations #recommendations-listing-01 .item,
#main-content-top #box-member-recommendations #local-restaurants-listing-01 .item {
float:left;
width:260px;
margin:0 0 20px 0;
padding:0 0 0 0;
}
#main-content-top #box-member-recommendations #favourite-restaurants-listing-01 .item .thumb,
#main-content-top #box-member-recommendations #new-restaurants-listing-01 .item .thumb,
#main-content-top #box-member-recommendations #recommendations-listing-01 .item .thumb,
#main-content-top #box-member-recommendations #local-restaurants-listing-01 .item .thumb {
float:left;
width:75px;
height:75px;
margin:0 10px 0px 0;
text-decoration: none;
}
#main-content-top #box-member-recommendations #favourite-restaurants-listing-01 .item .thumb a img,
#main-content-top #box-member-recommendations #new-restaurants-listing-01 .item .thumb a img,
#main-content-top #box-member-recommendations #recommendations-listing-01 .item .thumb a img,
#main-content-top #box-member-recommendations #local-restaurants-listing-01 .item .thumb a img {
float:left;
width:75px;
height:75px;
margin:0 10px 0px 0;
text-decoration: none;
}
#main-content-top #membership-number-00 {
position:absolute;
width:200px;
top:20px;
right:20px;
font-size:11px;
text-align:right;
color:#fff;
padding:0;
}
#main-content-top .membership-number-01 {
float:right;
background:url("../images/members_area/membership_number_left.png") no-repeat top left white;
margin:0 0 0 10px;
padding:0;
height:20px;
}
#main-content-top .membership-number-02 {
float:left;
background:url("../images/members_area/membership_number_right.png") no-repeat top right;
color:#5b5b00;
font-weight:bold;
font-size:13px;
text-transform:uppercase;
padding: 2px 10px;
height:20px;
}
#main-content-top #box-member-profile-00 .line {
float:left;
display:inline;
width: 280px;
margin:0 0 10px 20px;
}
#main-content-top #box-member-profile-00 .line #button-renew-membership {
float:right;
display:block;
width:163px;
height:22px;
background:url("../images/button_renew_membership.png") no-repeat left top #82bc00;
margin:0 0 10px 0;
text-decoration:none;
}
#main-content-top #box-member-profile-00 .line #button-update-address {
float:right;
display:block;
width:110px;
height:22px;
background:url("../images/button_update_address.png") no-repeat left top #82bc00;
margin:0 0 10px 0;
text-decoration:none;
}
#main-content-top #box-member-profile-00 .line #button-change-preferences {
float:right;
display:block;
width:136px;
height:22px;
background:url("../images/button_change_preferences.png") no-repeat left top #82bc00;
margin:0 0 20px 0;
text-decoration:none;
}
#main-content-top #box-member-profile-00 .line .left {
float:left;
width:75px;
color: #d2d22e;
font-weight:bold;
font-size:11px;
text-align:right;
}
#main-content-top #box-member-profile-00 .line .right {
float:right;
width:195px;
color: #fff;
font-weight:normal;
font-size:11px;
text-align:left;
}
#main-content-top #box-member-profile-00 .line .right strong span {
text-transform:uppercase;
}
#main-content-top #slideshow-a {
float:left;
display:block;
width:490px;
height:260px;
margin:0 20px 0 0;
}
#main-content-top #slideshow-b {
float:left;
display:block;
width:490px;
height:245px;
overflow:hidden;
}
body#index #main-content-top-wrapper-01 #floating-book {
position:absolute;
top:120px;
left:-50px;
width:168px;
height:185px;
z-index:10003;
background:url("../images/book2012.png") no-repeat left top;
}
#main-content-top #index-showcase-00 #subBar span {
float:left;
display:block;
margin:4px 0 0 180px;
color:#fff;
font-style:normal;
font-size:16px;
font-weight:normal;
}
#main-content-top #index-box-search-00 .line {
float:left;
display:inline;
width:235px;
margin:0 0 5px 0;
}
#main-content-top #index-box-search-00 .line .left {
float:left;
display:inline;
width:65px;
margin:0;
text-align:right;
}
#main-content-top #index-box-search-00 .line .right {
float:right;
width:160px;
margin:0;
padding:0;
}
#main-content-top #index-box-search-00 .line .right .note,
#main-content-top #index-box-search-00 .line .left label {
color:#fff;
font-size:11px;
}
#main-content-top #index-box-search-00 .line .right label.checkbox_lbl {
color:#fff;
font-weight:bold;
font-size:11px;
}
#main-content-top #index-box-search-00 .line .right label.location_lbl {
font-size:11px;
}
#main-content-top #index-box-search-00 .line .right select#radius {
width:50px;
border:0;
color:#000;
font-size:11px;
padding:1px;
}
#index-testimonials-00 {
float:left;
width:320px;
background:none;
margin:0 0 20px 0;
overflow:hidden;
}
#index-testimonials-00 img {
float:left;
width:320px;
margin:0;
padding:0;
}
/* BOF _ HOW IT WORKS */
body#how #main-content-top-wrapper-01 #floating-book {
position:absolute;
bottom:-20px;
left:-100px;
width:280px;
height:330px;
z-index:100;
background:url("../images/membership-pack-transparent.png") no-repeat left top;
}
body#how #main-content-top-wrapper-01 #floating-bill {
position:absolute;
top:25px;
right:-50px;
width:267px;
height:294px;
z-index:100;
background:url("../images/example-bill-transparent.png") no-repeat left top;
}
/*
@media only screen and (max-width: 768px) {
body#how #main-content-top-wrapper-01 #floating-book {display: none;}
body#how #main-content-top-wrapper-01 #floating-bill {display: none;}
}
*/
.icon-how-it-works {
width:98px;
height:98px;
margin:0 auto 20px;
}
img.icon-centered {
display:block;
margin-left:auto!important;
margin-right:auto!important;
}
/* EOF _ HOW IT WORKS */
/* BOF _ SEARCH */
.tip{
position: absolute;
z-index: 100000;
background: #000;
color: #fff;
font-size:11px;
padding: 10px;
display: none;
max-width:230px;
_width:230px;
opacity: 0.9;
filter: alpha(opacity=90);
}
#tooltip h3, #tooltip div {
margin: 0;
font-size:11px;
color:#fff;
font-weight:normal;
}
#main-content-top .button-login-restaurant,
#main-content-top .button-login-search {
float:left;
display:block;
width:320px;
height:40px;
background:url("../images/button_log_in_search.png") no-repeat top left;
margin:0 0 20px 0;
text-decoration:none;
}
#main-content-top .button-login-search {
width:320px;
}
#main-content-top h2 form {
display:inline;
margin:0;
padding:0;
}
#main-content-top h2 form label {
display:inline;
margin:0;
padding:0;
font-size:11px;
color:#fff;
}
#main-content-top h2 form input {
margin:0;
padding:0;
}
/* AUTOCOMPLETE */
ul.ui-menu {
background:#fff;
width:165px;
margin:0;
padding:0;
}
ul.ui-menu li.ui-menu-item {
}
ul.ui-menu li.ui-menu-item a {
display:block;
padding:2px 5px;
color:#000;
background:#fff;
cursor:pointer;
font-size:11px;
}
ul.ui-menu li.ui-menu-item a:link,
ul.ui-menu li.ui-menu-item a:visited {
text-decoration:none;
}
ul.ui-menu li.ui-menu-item a:active,
ul.ui-menu li.ui-menu-item a:hover {
background:#000;
color:#fff;
text-decoration:none;
}
/* END - AUTOCOMPLETE */
#search #main-content-top #search-box-availability p {
color:#fff;
margin:20px 20px 20px 20px;
}
#search #main-content-top #search-box-basic .line,
#search #main-content-top #search-box-availability .line {
float:left;
display:inline;
width:320px;
margin:0 0 15px 0;
}
#search #main-content-top #search-box-basic .line .left,
#search #main-content-top #search-box-availability .line .left {
float:left;
display:inline;
width:105px;
margin:0;
text-align:right;
}
#search #main-content-top #search-box-basic .line .left label,
#search #main-content-top #search-box-availability .line .left label,
#search #main-content-top #search-box-availability .line .right label {
color:#fff;
font-size:11px;
margin:0;
}
#search #main-content-top #search-box-basic .line .right,
#search #main-content-top #search-box-availability .line .right {
float:right;
position:relative;
width:200px;
margin:0;
padding:0;
}
#search #main-content-top #search-box-availability .line .right ul {
display:block;
float:left;
margin:0;
padding:0;
}
#search #main-content-top #search-box-availability .line .right ul li {
display:block;
float:left;
width:80px;
margin:0 0 5px 0;
}
#search #main-content-top input.search-textfield-a {
width:165px;
display:inline;
font-family:arial,helvetica;
font-size:13px;
padding:3px 5px;
margin:0;
border:0;
color:#321908;
}
#search #main-content-top input.search-checkbox-a {
font-family:arial,helvetica;
display:inline;
font-size:13px;
padding:0;
margin:0 5px 0 0;
border:0;
color:#321908;
}
#search #main-content-top select.search-dropdown-a {
width:165px;
font-family:arial,helvetica;
display:inline;
font-size:13px;
padding:3px 3px;
margin:0;
border:0;
color:#321908;
}
#search #main-content-top select.search-dropdown-b {
width:50px;
font-family:arial,helvetica;
font-size:13px;
padding:3px 3px;
margin:0;
border:0;
color:#321908;
display:inline;
}
#search #main-content-top span.search-note {
font-size:11px;
/*color:#e1c04d;*/
color:#fff;
}
#search #main-content-bottom #search-box-map-00 .box-300px-white-c {
height:500px;
}
#search #main-content-bottom #search-box-results-00 #map_sidebar_results {
width:280px;
height:470px;
margin:0 0 0 20px;
overflow:auto;
}
#search #main-content-bottom #search-box-results-00 #map_sidebar_results img.map-sidebar-image {
border:0;
margin:0;
padding:0;
width:280px;
height:470px;
}
#search #main-content-bottom #search-box-results-00 #map_sidebar_results.loading {
background:url("../images/loading2.gif") no-repeat left top white;
}
#search #main-content-bottom #search-box-results-00 #map_sidebar_results.loaded {
background:#fff;
}
#search #main-content-bottom #search-box-results-00 #map_sidebar_results div {
float:left;
width:250px;
font-size:13px;
line-height:1.5em;
padding:5px 0;
margin:0 0 0 0;
}
#search #main-content-bottom #search-box-results-00 #map_sidebar_results div.heading {
border-bottom:1px solid #d9d9d9;
padding:0 0 0 0;
margin:0 0 15px 0;
display:inline;
}
#search #main-content-bottom #search-box-results-00 #map_sidebar_results div.photo_wrapper {
display:block;
width:75px;
float:left;
border:0;
margin:0 15px 0 0;
}
#search #main-content-bottom #search-box-results-00 #map_sidebar_results img {
display:block;
width:75px;
height:auto;
float:left;
border:0;
margin:0;
}
#search #main-content-bottom #search-box-results-00 #map_sidebar_results p {
display:block;
float:left;
width:155px;
font-size:10px;
margin:0;
padding:0;
}
#search #main-content-bottom #search-box-results-00 #map_sidebar_message {
position:relative;
float:left;
display:block;
width:280px;
margin:0 0 10px 20px;
padding:0;
color:#000;
}
#search #main-content-bottom #search-box-results-00 #map_sidebar_message h2 {
color:#000;
border-bottom:1px solid #d9d9d9;
padding:0 0 15px 0;
margin:0 0 15px 0;
}
#search #main-content-bottom #search-box-results-00 #map_sidebar_message p {
color:#000;
font-size:11px;
margin:0;
padding:0;
}
#search #main-content-bottom #search-box-results-00 #map_sidebar_results div.image_box{
float:left;
/* width:;*/
display:inline;
margin-top:5px;
}
#search #main-content-bottom #search-box-results-00 #map_sidebar_results div.image_box div.img_left{
display:block;
float:left;
width:62px;
}
#search #main-content-bottom #search-box-results-00 #map_sidebar_results div.image_box div.img_left img{
float: left;
display: block;
width:62px;
margin: 0 0 10px 0;
border:0px;
}
#search #main-content-bottom #search-box-results-00 #map_sidebar_results div.image_box div.img_right{
display:block;
float:left;
width:170px;
margin-left:15px;
}
#search #main-content-bottom #search-box-results-00 #map_sidebar_results div.image_box div.img_right img{
width:40px;
float: left;
display: block;
margin:0;
border:0px;
}
#search #main-content-bottom #search-box-map-00 {
float:right;
}
#search #main-content-bottom #search-box-map-00 .box-660px-white-c {
}
#search #main-content-bottom #search-box-map-00 #map_canvas {
width:960px;
height:485px;
margin:0px 0px 0px 20px;
}
#map-info-window {width:350px;}
#map-info-window .heading {}
#map-info-window .heading h2 {margin:0 0 5px 0;}
#map-info-window .heading p {margin:0 0 15px 0;}
#map-info-window .left {
width:150px;
vertical-align:top;
}
#map-info-window .left a.image {display:block;border:0;margin:0 0 15px 0;padding:0;width:133px;background:#fff;}
#map-info-window .left a.image img {width:133px;border:0;display:inline;margin:0px;padding:0;}
#map-info-window .right {vertical-align:top;width:200px;}
#map-info-window .right p {margin:0 0 20px 0;}
#map-info-window .right img {float:left;display:block;margin:0 0 10px 0;}
#map-info-window .right .img_right {
width:120px;
float:right;
}
#map-info-window .right .img_right img {
margin:0;
}
/* EOF _ SEARCH */
/* BOF _ CORPORATE */
body#corporate #corporate-intro-00 {
float:none;
margin:0 0 30px 0;
}
#corporate-temp-sidebox {
float:right;
}
#corporate-pros-01,
#corporate-pros-02,
#corporate-pros-03 {
margin:0 20px 0 0;
}
#corporate-pros-01,
#corporate-pros-02,
#corporate-pros-03,
#corporate-pros-04 {
position:relative;
}
#corporate-pros-01 .box-235px-white-c,
#corporate-pros-02 .box-235px-white-c,
#corporate-pros-03 .box-235px-white-c,
#corporate-pros-04 .box-235px-white-c {
padding-bottom:20px;
}
/* EOF _ CORPORATE */
/* BOF _ RESTAURANT */
.fav_star {
float:left;
display:block;
width:19px;
height:18px;
background:url("../images/icon_fav_star.png") no-repeat left top;
margin:0 5px 0 0;
text-decoration:none;
}
.fav_star:hover,
.fav_star:active {
background:url("../images/icon_fav_star.png") no-repeat center top;
text-decoration:none;
}
.fav_star.active {
background:url("../images/icon_fav_star.png") no-repeat right top;
text-decoration:none;
}
#main-content-top #restaurant-info {
float:left;
position:relative;
width:320px;
display:inline;
padding:0 0 0 0;
overflow:hidden;
}
#main-content-top #restaurant-info .restaurant-info-bottom-gradient {
display:none;
position:absolute;
bottom:0;
left:0;
width:320px;
height:40px;
background:url("../images/restaurant_info_bottom_gradient.png") repeat-x bottom left;
}
.icon-main-offer {
float:left;
width:90px;
margin:0 0 0 0;
}
.icon-availability {
float:left;
width:33px;
margin:0px;
}
#main-content-top #offer-availability .button-view-general-conditions {
float:left;
display:block;
height:30px;
width:320px;
background:url("../images/button_view_general_conditions_green.png") no-repeat top left;
}
#main-content-bottom #reviews-00 {
display:inline;
float:right;
width:660px;
margin:0;
padding:0;
}
#main-content-bottom #reviews-00 h2 {
width:660px;
color:#000;
border-bottom:1px solid #e0e0e0;
padding:0 0 15px 0;
margin:0 0 15px 0;
}
#main-content-bottom #reviews-00 .line {
display:inline;
float:right;
width:660px;
margin:0 0 20px 0;
}
#main-content-bottom #reviews-00 .line .author {
display:inline;
float:left;
width:130px;
}
#main-content-bottom #reviews-00 .line .author h3 {
color: #262626;
font-size:11px;
margin:14px 0 0 0;
padding:0;
}
#main-content-bottom #reviews-00 .line .author p {
color:#000;
font-size:10px;
font-weight:normal;
margin:0 0 0 0;
}
#main-content-bottom #reviews-00 .line .review p {
color:#000;
font-size:11px;
font-weight:normal;
margin:10px 20px;
text-align:justify;
}
#main-content-bottom #reviews-00 .line .bubble-00 {
display:inline;
float:right;
width:520px;
background:url("../images/review_bubble_02.png") right bottom no-repeat;
padding:0 0 6px 0;
}
#main-content-bottom #reviews-00 .line .bubble-01 {
display:inline;
float:right;
width:520px;
background:url("../images/review_bubble_01.png") left top no-repeat;
padding:6px 0 0 0;
}
#main-content-bottom #reviews-00 .line .bubble-02 {
display:inline;
float:right;
width:520px;
background:url("../images/review_bubble_00.png") right top repeat-y;
}
#main-content-bottom #reviews-00 .line .bubble-03 {
display:inline;
float:right;
width:520px;
background:url("../images/review_bubble_03.png") left 12px no-repeat;
}
#main-content-bottom .button-post-review {
float:left;
width:92px;
height:23px;
background:url("../images/button_post_review.png") no-repeat top left;
margin:0 0 20px 145px;
}
#main-content-bottom .button-post-review:active,
#main-content-bottom .button-post-review:hover {
text-decoration:none;
background:url("../images/button_post_review.png") no-repeat bottom left;
}
#main-content-bottom .button-login-small {
display:block;
border:0;
float:left;
width:75px;
height:25px;
background:url("../images/button_log_in.png") no-repeat top left;
margin:0 0 20px 145px;
text-decoration:none;
}
#restaurant-location-box #directions {
}
#restaurant-location-box .form {
float:left;
display:inline;
width: 274px;
padding:0;
font-size:11px;
margin:0 0 0 0px;
}
#restaurant-location-box .form input {
}
/* EOF _ RESTAURANT */
/* BOF - CONTACT */
.query-details,
.query-details-messages {
display:none;
}
.contact-type-messages {
display:none;
}
#main-content-top #box-contact-form-00 p,
#main-content-top #box-contact-info-00 p {
/* font-size:11px;*/
font-weight:normal;
padding:0;
margin:0 20px 20px 20px;
border:0;
}
#main-content-top #box-contact-info-00 a {
color:#ffffff;
font-family:'Roboto-Bold',arial,sans-serif;
}
#main-content-top #box-contact-info-00 ul {
float:left;
width:260px;
display:inline;
list-style-type:none;
margin:0 0 15px 20px;
}
#main-content-top #box-contact-info-00 ul li {
display:inline;
float:left;
width:260px;
padding:0 0 0 25px;
}
#main-content-top #box-contact-info-00 ul li.telephone {
background:url("../images/bullet_phone.png") no-repeat top left;
}
#main-content-top #box-contact-info-00 ul li.fax {
background:url("../images/bullet_fax.png") no-repeat top left;
}
#main-content-top #box-contact-info-00 ul li.email {
background:url("../images/bullet_email.png") no-repeat top left;
}
/* EOF - CONTACT */
#restaurant-feature-box {
height:439px;
}
#restaurant-feature-box {
float:left;
width:314px;
margin:0 20px 0px 0;
}
#restaurant-feature-box #tabs-1 .button-read-more {
display:block;
position:absolute;
bottom:-1px;
left:-1px;
width:320px;
height:35px;
margin: 0;
background:url("../images/button_read_more_320px.png") no-repeat left bottom;
text-decoration:none;
}
#restaurant-feature-box #tabs-1 .button-read-more:active,
#restaurant-feature-box #tabs-1 .button-read-more:hover {
text-decoration:none;
}
#tabs-1 {
padding:20px;
}
#restaurant-feature-box #tabs-1 h2 {
color:#000;
border-bottom:1px solid #e0e0e0;
padding:0 0 15px 0;
margin:0px 0px 15px 0px;
}
#restaurant-feature-box #tabs-1 h3 {
color:#000;
font-size:13px;
font-weight:normal;
margin:15px 0px 15px 0px;
}
#restaurant-feature-box #tabs-1 p {
color:#000;
font-size:11px;
margin:20px 0px 0px 0px;
padding:0;
text-align:justify;
}
#restaurant-feature-box #tabs-1 .thumb {
float:left;
display:inline;
width: 133px;
height: 133px;
margin:0 15px 10px 0px;
text-decoration:none;
}
#restaurant-feature-box #tabs-1 .thumb a {
float:left;
display:block;
width: 133px;
height: 133px;
text-decoration:none;
}
#tabs-2 {
padding:20px;
}
#restaurant-feature-box #tabs-2 .items {
float:left;
display:inline;
width:280px;
height:370px;
overflow:auto;
margin:0px 0px 0px 0px;
padding:0;
}
#restaurant-feature-box #tabs-2 .items .item {
float:left;
width:250px;
display:inline;
padding:0;
margin:0 0 10px 0;
padding:0;
}
#restaurant-feature-box #tabs-2 h2 {
float:left;
color:#000;
width:250px;
display:block;
border-bottom:1px solid #e0e0e0;
padding:0 0 10px 0;
margin:0px 0px 10px 0;
}
#restaurant-feature-box #tabs-2 h3 {
float:left;
display:block;
width:250px;
color:#000;
font-size:13px;
font-weight:normal;
margin:0px 0px 10px 0px;
}
#restaurant-feature-box #tabs-2 p {
color:#000;
font-size:11px;
margin:0px 0px 10px 0px;
padding:0;
text-align:left;
}
#restaurant-feature-box #tabs-2 .thumb {
float:left;
display:block;
width: 75px;
height: 75px;
margin:0 15px 10px 0px;
text-decoration:none;
}
#restaurant-feature-box #tabs-2 .thumb a img {
float:left;
display:block;
width: 75px;
height: 75px;
margin:0 15px 10px 0px;
text-decoration:none;
}
#restaurant-feature-box #tabs-2 a.button-read-more {
float:right;
display:block;
width: 70px;
height:18px;
background:url("../images/button_read_more_small.png") no-repeat top left;
}
#tabs-3 {
padding:20px;
}
#restaurant-feature-box #tabs-3 .items {
float:left;
display:inline;
width:280px;
height:370px;
overflow:auto;
margin:0px 0px 0px 0px;
padding:0;
}
#restaurant-feature-box #tabs-3 .items .item {
float:left;
width:250px;
display:inline;
padding:0;
margin:0 0 10px 0;
padding:0;
}
#restaurant-feature-box #tabs-3 h2 {
float:left;
color:#000;
width:250px;
display:block;
border-bottom:1px solid #e0e0e0;
padding:0 0 10px 0;
margin:0px 0px 10px 0;
}
#restaurant-feature-box #tabs-3 h3 {
float:left;
display:block;
width:250px;
color:#000;
font-size:13px;
font-weight:normal;
margin:0px 0px 10px 0px;
}
#restaurant-feature-box #tabs-3 p {
color:#000;
font-size:11px;
margin:0px 0px 10px 0px;
padding:0;
text-align:left;
}
#restaurant-feature-box #tabs-3 .thumb {
float:left;
display:block;
width: 75px;
height: 75px;
margin:0 15px 10px 0px;
text-decoration:none;
}
#restaurant-feature-box #tabs-3 a.button-read-more {
float:right;
display:block;
width: 70px;
height:18px;
background:url("../images/button_read_more_small.png") no-repeat top left;
}
#tabs-4 {
padding:20px;
}
/* --------- JOIN NOW PAGE ---------- */
body#join #main-content-top-wrapper-01 #floating-book {
position:absolute;
top:120px;
left:-50px;
width:168px;
height:185px;
z-index:100;
background:url("../images/book2012.png") no-repeat left top;
}
#join-form-wrapper {
float:left;
position:relative;
width:1000px;
margin:0;
padding:0;
/* background:brown;*/
}
#floating-bit-wrapper {
float:right;
position:relative;
width:320px;
/* background:blue; */
}
#floating-bit {
/*position: absolute;*/
width:320px;
/* just used to show how to include the margin in the effect */
margin: 0px;
border: 0px;
padding: 0px;
/* background:violet;*/
}
#floating-bit.fixed {
position: fixed;
top: 0;
}
#floating-bit.start {
position: absolute;
top: 0px;
}
#floating-bit.stop {
position: absolute;
bottom: 0px;
}
#fixed-bit-wrapper {
/* background:green; */
}
#join-form_1 {
position:relative;
display:block;
float:left;
/*background:red;*/
}
#livehelp-wrapper-00{
position:absolute;
top:150px;
right:0px;
margin-left:235px;
width:193px;
height:73px;
/*background:pink;*/
z-index:999;
overflow:hidden;
/*nothing*/
}
#livehelp-wrapper-00 .close-button {
background:url('../images/icon_close.png') 0% 0% no-repeat;
width:16px;
height:16px;
display:block;
position: absolute;
top:0px;
left:0px;
display:none;
cursor: pointer;
z-index: 1000;
}
#craftysyntax_2 {
margin:0 0 0 193px;
/*background:blue;*/
float:left;
overflow:hidden;
width:193px;
height:73px;
}
.logo-comodo-secure {
float:right;
display:inline;
margin:0px 20px 0 0;
}
#upgrade-suggestion-image {
float:left;
position:relative;
width:235px;
height:250px;
margin:0 20px;
background:url("../images/book2012_upgrade_suggestion.png") no-repeat top left;
}
#upgrade-suggestion-amount {
position:absolute;
top:35px;
left:100px;
width:123px;
height:100px;
color:white;
}
#upgrade-suggestion-amount span.line01 {
display:block;
font-size:38px;
font-weight:normal;
letter-spacing:-0.05em;
color:#ebd96b;
margin:0 0 5px 0;
text-align:center;
}
#upgrade-suggestion-amount span.line02 {
display:block;
font-size:40px;
font-weight:bold;
letter-spacing:-0.05em;
color:#fff;
margin:0 0 0 0;
text-align:center;
/*test*/
}
#upgrade-suggestion-options {
float:left;
width:705px;
}
#upgrade-suggestion-options p {
margin:0 0 20px 0;
}
#offercode-intro-01 {
margin:0;
padding:0;
}
#join #button-toggle-description {
font-size:11px;
font-weight:bold;
float:right;
text-align:right;
padding:15px 0 0 0;
margin:0 20px 20px 0;
}
#join #offercode-info {
float:left;
position:relative;
width:740px;
margin:0 0 10px 0;
overflow:hidden;
}
img#offercode-image-00 {
float:right;
display:block;
margin: 0 0 10px 20px;
}
p#offercode-message-00 {
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
}
#offercode-info .offercode-info-bottom-gradient {
position:absolute;
bottom:0;
left:0;
width:740px;
height:40px;
background:url("../images/restaurant_info_bottom_gradient.png") repeat-x bottom left;
}
#box-offer-code-00 {
float:left;
height:207px;
}
#box-offer-code-00 .input-offer-code{
width:275px;
display:inline;
border:0px;
margin:0 20px 22px 20px;
padding:2px 1%;
}
#box-offer-code-00 .input-offer-code-submit {
display:block;
float:left;
width:320px;
height:30px;
border:0;
background:url("../images/button_update_offer.png") no-repeat left top;
cursor:pointer;
}
.clear-offer-code-submit {
position:absolute;
top:0px;
right:0px;
display:block;
width:22px;
height:22px;
border:0;
background:url("../images/button_clear_offer.png") no-repeat left top;
cursor:pointer;
margin:0;
padding:0;
}
#join #button-box-proceed-to-join {
display:block;
float:left;
width:235px;
height:30px;
border:0;
background:url("../images/button_box_proceed_to_join.png") no-repeat left top;
text-decoration:none;
cursor:pointer;
}
#corporate #button-box-proceed-to-join {
display:block;
float:left;
width:235px;
height:30px;
border:0;
background:url("../images/button_box_proceed_to_join.png") no-repeat left top;
text-decoration:none;
cursor:pointer;
}
#box_catch_intu00 .input-activation-code{
width:120px;
display:inline;
border:1px solid #bbbbbb;
margin:0 0px 0px 0px;
padding:2px 1%;
}
#box_catch_intu00 .input-activation-code-submit {
display:block;
float:right;
width:40px;
height:20px;
border:0;
background:url("../images/intu/button_intu_small_submit.png") no-repeat left top;
cursor:pointer;
}
#intu_box {
display:block;
float:right;
width:170px;
margin:0 20px 0 0;
}
#intu_box p {
margin:0;
}
/* JOIN PAGE BOXES */
#oxfam {
width:620px;
float:left;
margin:0 0 0 20px ;
}
#oxfam h3 {
margin-left:0px !important;
}
#oxfam table {
float:left;
width:310px;
margin:0;
padding:0;
border:0;
}
#oxfam table td {
font-size:13px;
color:#000;
padding:5px 0;
}
#oxfam table td.summary {
padding-top:10px;
border-top:1px solid #dedede;
}
#free-join-step2-cta #box3 .column-wrapper{
float:left;
width:290px;
}
#free-join-step2-cta #box4 {
float:left !important;
/*height:400px;*/
width:290px;
background:/*url("https://www.gourmetsociety.co.uk/images/join-free-step2-ctabox3.jpg") no-repeat right 35px */#f9f9f5;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 0px solid #800000;
border-top:4px solid #a31f73;
}
#free-join-step2-cta #box4 .badge_best_value {
position: absolute;
bottom:70px;
right:-30px;
}
#free-join-step2-cta div .line {
float:left !important;
/*height:43px;*/
margin:0 20px;
padding:10px 0;
width:195px;
}
#free-join-step2-cta #box2 .line {
width:85px !important;
}
#free-join-step2-cta #box3 .line,
#free-join-step2-cta #box4 .line {
width:250px !important;
}
#free-join-step2-cta div .button-wrapper {
margin:0 20px 20px 20px;
height:36px;
}
#free-join-step2-cta #box1 div .button-wrapper {
width:90px;
}
#free-join-step2-cta #box2 div .button-wrapper {
width:85px;
}
#free-join-step2-cta #box3 div .button-wrapper,
#free-join-step2-cta #box4 div .button-wrapper {
width:250px;
}
/*
.button-get-basic-pack {
float:left;
display:block;
width:85px;
background:#878787;
color:white !important;
cursor:pointer;
text-align: center;
padding: 10px 0;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 0px solid #800000;
border-bottom: 2px solid #8f8f8f;
}*/
.button-get-bacic-pack-homeserve {
float:left;
display:block;
width:85px;
background:#bd0226;
color:white !important;
cursor:pointer;
text-align: center;
padding: 10px 0;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 0px solid #800000;
}
.button-get-enhanced-pack {
float:left;
display:block;
width:250px;
height:39px;
background:url("https://www.gourmetsociety.co.uk/images/button_get_enhanced_pack.png") no-repeat top left;
cursor:pointer;
}
.button-get-ultimate-pack {
float:left;
display:block;
width:250px;
/*height:39px;
background:url("https://www.gourmetsociety.co.uk/images/button_get_premier_pack.png") no-repeat top left pink;*/
background:#990764;
color:white !important;
cursor:pointer;
text-align: center;
padding: 10px 0;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: 0px solid #800000;
border-bottom: 2px solid #810656;
}
.button-get-basic-pack:active,
.button-get-basic-pack:hover,
.button-get-enhanced-pack:active,
.button-get-enhanced-pack:hover,
.button-get-premier-pack:active,
.button-get-premier-pack:hover,
.button-get-ultimate-pack:active,
.button-get-ultimate-pack:hover,
.button-get-bacic-pack-homeserve:active,
.button-get-bacic-pack-homeserve:hover {
text-decoration:none;
}
#free-join-step2-cta div .image-wrapper {
float:left;
width:255px;
margin:0 0 0 0;
padding:0 0 0 0;
}
#free-join-step2-cta div .cinema-logos-wrapper {
float:left;
margin:0px 20px 0px 20px;
padding:0;
width:195px;
}
#free-join-step2-cta div .last {
float:left !important;
border:0 !important;
}
#free-join-step2-cta #box1 .last,
#free-join-step2-cta #box2 .last,
#free-join-step2-cta #box3 .last {
/*padding-bottom:100px;*/
}
#free-join-step2-cta #box1 .heading {
border-bottom:1px dashed #c1de80 !important;
}
#free-join-step2-cta #box2 .heading,
#free-join-step2-cta #box3 .heading {
border-bottom:1px dashed #d2d2d0 !important;
}
#free-join-step2-cta #box1 .line {
border-bottom:1px solid #c1de80;
}
#free-join-step2-cta #box2 .line,
#free-join-step2-cta #box3 .line,
#free-join-step2-cta #box4 .line {
border-bottom:1px solid #e0e0e0;
}
#free-join-step2-cta div .line h2 {
font-size:16px;
text-align:center;
margin:0;
padding:0;
}
#free-join-step2-cta div .line p {
font-size:14px;
text-align:center;
margin:0;
}
#free-join-step2-cta div .line p.bigger {
font-size:16px;
}
#free-join-step2-cta #box1 .line h2 {
}
#free-join-step2-cta #box1 .line h2,
#free-join-step2-cta #box1 .line p {
color:white;
text-align:right;
}
#free-join-step2-cta #box1 .line a {
color:white !important;
text-decoration: underline;
}
#free-join-step2-cta #box3 .line p {
}
#free-join-step2-cta div ul {
list-style-type:none;
margin:0;
text-align:center;
padding:0;
}
#free-join-step2-cta div ul li {
margin:0;
line-height:1.5em;
}
#free-join-step2-cta #box2 .button-wrapper,
#free-join-step2-cta #box3 .button-wrapper,
#free-join-step2-cta #box1 .cinema-logos-wrapper {
/*
position:absolute;
bottom:20px;
left:20px;*/
}
.member-info-00,
#join-start-date-00,
#join-number-of-memberships-00 {
margin:0 0 20px 0;
}
#security-info {
margin-bottom:20px;
color:#000;
}
#contact-info {
/*margin-bottom:30px;*/
color:#000;
}
#join-billing-info,
#join-order-summary,
#join-terms-and-conditions {
margin-bottom:20px;
color:#000;
}
.box-660px-white-a .column-half {
float:left;
display:inline;
width:290px;
margin:0 20px;
}
.box-1000px-white-a .column-half {
float:left;
display:inline;
width:460px;
margin:0 20px;
}
.box-1000px-white-a .column {
float:left;
display:inline;
width:290px;
margin:0 20px;
}
/*for Qub part*/
.join-member .join-member-middle .jmm-infoQ {
float: left;
padding-left:50px;
padding-right: 50px;
overflow:hidden;
font-size:11px;
}
.msg{
width:300px;
border:solid 1px #aaaaaa;
}
/* - BOF gift page - */
#floating-gift-card {
position:absolute;
top:70px;
left:-78px;
width:258px;
height:232px;
z-index:10003;
background:url("../images/card01.png") no-repeat left top;
}
/* BOF - order confirmation page */
#payment-info-table,
#order-summary-table {
margin:0 20px 20px 20px;
font-size:11px;
color:#000;
}
#payment-info-table td,
#order-summary-table td {
width:193px;
}
/* EOF - order confirmation page */
/* - BOF renewal page - */
#renew-form-wrapper {
float:left;
position:relative;
width:1000px;
margin:0;
padding:0;
}
#box-update-renewal-data-00 {
float:left;
height:207px;
}
.update-renewal-middle {
float:left;
width:320px;
height:177px;
margin:0;padding:0;
}
#box-update-renewal-data-00 #input-renewal-email,
#box-update-renewal-data-00 #input-renewal-membership-number {
width:180px;
display:inline;
border:1px solid #325604;
margin:0 0px 0px 0px;
padding:2px 1%;
}
#box-update-renewal-data-00 label {
color:#fff;
float:right;
}
#box-update-renewal-data-00 .update-renewal-data-submit {
display:block;
float:left;
width:320px;
height:30px;
border:0;
background:url("../images/button_update_renewal_data.png") no-repeat left top;
cursor:pointer;
}
#box-update-renewal-data-00 .clear-renewal-data-submit {
display:block;
float:left;
width:320px;
height:30px;
border:0;
background:url("../images/button_clear_renewal_data.png") no-repeat left top;
cursor:pointer;
}
a#button-jumpto-renew {
display:block;
float:left;
width:660px;
height:30px;
background:url("../images/button_jumpto_renew.png") no-repeat top left ;
margin:0 0 0px 0;
}
/* - EOF renewal page - */
#example-hotels-00 {
float:left;
width:960px;
margin:0 0 20px 20px;
}
#example-hotels-00 .item {
float:left;
width:312px;
margin:0 20px 0 0;
border-right:1px solid #d9d9d9;
}
#example-hotels-00 .last {
float:right;
width:290px;
margin:0 0 0 0;
border:0;
}
#example-hotels-00 .item .inside {
float:left;
width:290px;
}
#example-hotels-00 .item .inside img {
margin:0 0 10px 0;
}
#example-hotels-00 .item .inside h3 {
margin:0 0 0px 0;
}
#example-hotels-00 .item .inside p {
margin:0 0 0px 0;
}
#floating-intro-corner {
position:absolute;
left:-20px;
top:84px;
width:20px;
height:90px;
background:url("../images/promos/hotels_intro_corner.png") no-repeat left top;
}
/* GLOBAL PAGINATION */
.pagination {
width:960px;
float:left;
display:inline;
margin:0 0 0 20px;
font-size:11px;
color:#000;
}
.pagination .pagination_summary {
width:190px;
float:left;
}
.pagination .pagination_links {
width:750px;
float:right;
text-align:right;
}
.pagination .pagination_links a {
font-family: 'Roboto-Bold',arial,sans-serif;
}
/* EOF - CONTENT */
/* BOF - FOOTER */
#main-footer-chains-00 {
background:#fff;
}
#main-footer-chains-01 {
width:1000px;
}
div#chains-wrapper-00 {
float:left;
display:block;
width: 1000px;
height: 100px;
border-top:1px solid #d9d9d9;
margin:0 0 0 0;
white-space: nowrap;
}
div#chains {
float:left;
position:relative;
display:block;
width: 920px;
height: 100px;
background:none;
overflow:hidden;
white-space: nowrap;
}
div#chains div {
float:left;
height:100px;
}
div#chains img {
float:left;
display:inline;
margin: 0 40px 0 0
}
#main-footer-wrapper-00 {
background:#fff;
}
#main-footer-wrapper-01 {
width:1000px;
}
#footer-navigation-headings {
float:left;
width:1000px;
height:30px;
}
#footer-navigation-links {
float:left;
width:1000px;
padding:0 0 20px 0;
margin:0;
}
#footer-navigation-headings .credits,
#footer-navigation-links .credits {
float:left;
width:235px;
}
#footer-navigation-headings .column,
#footer-navigation-links .column {
width:140px;
}
#footer-navigation-headings .left,
#footer-navigation-links .left {
float:left;
}
#footer-navigation-headings .right,
#footer-navigation-links .right {
float:right;
text-align:right;
}
#footer-navigation-headings .credits p,
#footer-navigation-headings .column p {
font-size:13px;
font-family:'Roboto-Bold',arial,sans-serif;
line-height:1em;
color:#fff;
margin:0;
padding:8px 0 0 0;
}
#footer-navigation-links .credits p,
#footer-navigation-links .column p {
font-size:11px;
line-height:2em;
margin:0;
padding:14px 0 0 0;
}
#footer-navigation-links .credits p a:link,
#footer-navigation-links .credits p a:visited,
#footer-navigation-links .column p a:link,
#footer-navigation-links .column p a:visited {
font-family:'Roboto-Regular',arial,sans-serif;
font-weight:normal;
text-decoration:none;
margin:0;padding:0;
}
#footer-navigation-links .credits p a:active,
#footer-navigation-links .credits p a:hover,
#footer-navigation-links .column p a:active,
#footer-navigation-links .column p a:hover {
font-weight:normal;
text-decoration:underline;
}
#footer-navigation-headings .share,
#footer-navigation-links .share {
width:80px;
margin:0 0 0 30px;
}
#footer-navigation-links .share {
padding:5px 0 0 0;
}
#footer-navigation-headings .share a,
#footer-navigation-links .share a {
display:block;
float:right;
margin:10px 0 0 10px;
}
#footer-navigation-links .share a img {
display:block;
float:left;
margin:0;
}
#footer-message {
float:left;
width:1000px;
padding:20px 0 20px 0;
margin:0;
border-top:1px solid #d9d9d9;
}
#footer-message p {
font-size:11px;
font-style:italic;
}
/* EOF - FOOTER */
#join-free-intro-00 #join-free-intro-text {
float:left;
display:block;
width:1000px;
min-height:100px;
_height:100px;
border-top:2px solid #82bc00;
border-bottom:2px solid #82bc00;
margin:0;
padding:20px 0;
}
#join-free-intro-00 #floating-iphone{
position:absolute;
right:40px;
top:20px;
background:url("../images/iphone5_transparent.png");
width:207px;
height:415px;
z-index:100;
}
#join-free-intro-00 #floating-custom-image{
position: absolute;
right: 35px;
top: 10px;
width: 210px;
/*height:420px;*/
z-index:100;
}
#join-free-intro-00 #floating-hand-card{
position:absolute;
right:0px;
bottom:20px;
background:url("../images/hand_holding_card_transparent.png");
width:398px;
height:335px;
z-index:100;
}
/* bof - CINEMA ORDER PAGE */
#cinema-intro-00 {
position:relative;
width:1000px;
background:url("../images/background_cinema_intro.jpg") no-repeat left top;
margin:0 0 20px 0;
padding:40px 0 0 0;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
#cinema-intro-00 #join-free-intro-heading {
float:left;
display:block;
width:1000px;
margin:0 0 20px 0;
padding:0;
}
#cinema-intro-00 #join-free-intro-heading .line {
float:left;
width:1000px;
margin:0 0 5px 0;
padding:0;
}
#cinema-intro-00 #join-free-intro-heading .line .heading {
float:left;
width:auto;
margin:0;
padding:10px 20px;
}
#cinema-intro-00 h2 {
float:left;
display:block;
font-family: 'Lato', sans-serif !important;
font-size:60px !important;
font-weight:300 !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
letter-spacing:-0.05em;
line-height:1em;
color:white !important;
}
#cinema-intro-00 h2.strong {
font-weight:700 !important;
}
.button-register-wrapper {
float:left;
display:block;
padding:10px;
margin:0 0 0 20px;
}
.button-register-wrapper .button-register:link,
.button-register-wrapper .button-register:visited {
float:left;
display:block;
width:230px;
height:45px;
border:0;
background:url("../images/button-register-free.png") no-repeat left bottom #9f2c72;
color:white;
}
.button-register-wrapper .button-register:active,
.button-register-wrapper .button-register:hover {
text-decoration:none;
background:url("../images/button-register-free.png") no-repeat left top #9f2c72;
}
.button-register-wrapper .button-join:link,
.button-register-wrapper .button-join:visited {
float:left;
display:block;
width:230px;
height:45px;
border:0;
background:url("../images/button-join-now.png") no-repeat left bottom #9f2c72;
color:white;
}
.button-register-wrapper .button-join:active,
.button-register-wrapper .button-join:hover {
text-decoration:none;
background:url("../images/button-join-now.png") no-repeat left top #9f2c72;
}
.button-register-wrapper h3 {
float:left;
display:block;
font-family: 'Lato', sans-serif !important;
font-size:16px !important;
font-weight:700 !important;
font-style:italic;
margin:0 !important;
padding:0 !important;
border:0 !important;
/*letter-spacing:-0.05em;*/
line-height:1em;
}
#cinema-intro-00 #join-free-intro-text {
float:left;
display:block;
width:1000px;
min-height:100px;
_height:100px;
border-top:2px solid #82bc00;
border-bottom:2px solid #82bc00;
margin:0;
padding:5px 0;
}
#cinema-intro-00 #join-free-intro-text #join-free-intro-text-wrapper {
float:left;
width:700px;
margin:0px 0 0px 20px;
}
#cinema-intro-00 #join-free-intro-text p {
color:black;
font-size:15px;
margin:0;
}
#cinema-intro-00 #join-free-intro-text p strong {
color:black;
}
#cinema-intro-00 #floating-odeon-logo{
position:absolute;
right:80px;
top:55px;
background:url("../images/odeon_logo_transparent.png?v3");
width:410px;
height:197px;
z-index:100;
}
/* eof - CINEMA ORDER PAGE */
/*
ColorBox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:110; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}
/*
ColorBox example user style
The following rules are ordered and tabbed in a way that represents the
order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}
#colorbox{}
#cboxLoadedContent{background:#fff;}
#cboxLoadedContent * {
box-sizing: border-box;
}
#cboxTopLeft{width:25px; height:25px; background:url(../images/colorbox/border1.png) no-repeat 0 0;}
#cboxTopCenter{height:25px; background:url(../images/colorbox/border1.png) repeat-x 0 -50px;}
#cboxTopRight{width:25px; height:25px; background:url(../images/colorbox/border1.png) no-repeat -25px 0;}
#cboxBottomLeft{width:25px; height:25px; background:url(../images/colorbox/border1.png) no-repeat 0 -25px;}
#cboxBottomCenter{height:25px; background:url(../images/colorbox/border1.png) repeat-x 0 -75px;}
#cboxBottomRight{width:25px; height:25px; background:url(../images/colorbox/border1.png) no-repeat -25px -25px;}
#cboxMiddleLeft{width:25px; background:url(../images/colorbox/border2.png) repeat-y 0 0;}
#cboxMiddleRight{width:25px; background:url(../images/colorbox/border2.png) repeat-y -25px 0;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:0px; margin-top:-32px; background:url("../images/colorbox/controls.png") no-repeat top left; width:30px; height:60px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:0px; margin-top:-32px; background:url("../images/colorbox/controls.png") no-repeat top right; width:30px; height:60px; text-indent:-9999px;}
#cboxNext.hover{background-position:bottom right;}
#cboxLoadingOverlay{background:#fff;}
#cboxLoadingGraphic{background:url("../images/loading2.gif") no-repeat center center;}
#cboxClose{position:absolute; top:-10px; right:-10px; display:block; background:url("../images/colorbox/controls.png") no-repeat top center; width:30px; height:30px; text-indent:-9999px;}
#cboxClose.hover{background-position:bottom center;}
/*
The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9.
See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
/*
The following provides PNG transparency support for IE6
Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(../images/colorbox/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(../images/colorbox/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(../images/colorbox/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(../images/colorbox/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(../images/colorbox/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(../images/colorbox/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(../images/colorbox/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(../images/colorbox/ie6/borderMiddleRight.png);}
.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
}
#cboxLoadedContent h2 {
display:block;
font-family:'Roboto-Bold',arial,sans-serif;
font-size:18px;
margin:0 0 15px 0;
line-height:1.3em;
}
#cboxLoadedContent .heading-logo {
background:url("../images/logo_GS_heading.png") no-repeat left 3px;
padding-left:45px ;
}
#cboxLoadedContent h2.aa {
background:url("../images/logo_AA_heading.png") no-repeat left top !important;
}
#popup-progress h2 {
background:url("../images/loading2.gif") no-repeat left top;
}
#cboxLoadedContent h3 {
font-size:13px;
margin:0 0 10px 0;
padding:0;
}
#cboxLoadedContent h3.big-heading {
font-weight:bold;
font-size:38.5px !important;
letter-spacing:-0.075em !important;
margin:0 0 25px 0;
}
#cboxLoadedContent h4 {
font-size:13px;
font-weight:bold;
margin:0 0 10px 0;
padding:0;
}
#cboxLoadedContent p {
font-family:arial,helvetica,sans;
font-size:13px;
margin:0 0 20px 0;
}
#popup-competition {
/* width:680px !important;*/
/*background:yellow;*/
}
#cboxLoadedContent #popup-competition p {
font-size: 16px;
}
.handwriting {
font-family: 'Shadows Into Light Two', cursive !important;
font-weight:bold;
line-height:1.4em;
/*letter-spacing:0.05em;*/
/*margin:10px;*/
}
.handwriting span {
letter-spacing: -0.3em;
}
#cboxLoadedContent .handwriting {
color:#82bc00 !important;
font-size:21px !important;
}
.floating-amazon-gift-voucher {
position:absolute;
left:260px;
top:386px;
width:234px;
height:151px;
z-index:100;
}
/*
#popup-recommend-friend input[type='text'] {
width:197px;
}
*/
#popup-login input[type='text'],
#popup-login input[type='password'] {
width:183px;
}
/*#popup-review input[type='text'],
#popup-review textarea,*/
/*#popup-recommend-restaurant input[type='text'],
#popup-recommend-restaurant textarea,*/
#popup-enquiry-form input[type='text'],
#popup-enquiry-form textarea {
width:327px;
}
#cboxLoadedContent textarea {
height:100px;
}
#popup-login #msg {
color:#b20000 !important;
font-size:11px !important;
font-weight:bold !important;
margin:0 0 20px 0;
}
#popup-login #msg a {
color:#b20000 !important;
font-size:11px !important;
font-weight:bold !important;
}
#popup-login .ln {
}
#popup-login .ln .left {
width:55%;
}
#popup-login .ln .right {
width:40%;
}
#popup-login .button-back {
background: #b20000;
border:0;
color: #fff;
font-size:11px;
font-weight:bold;
padding:3px 6px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin:0;
}
#popup-cinema .cinema-filmology-link,
#popup-cinema .cinema-gs-link {
float:left;
margin:0 20px 0 0;
font-size:16px;
}
/* - JQuery OVERPLACEHOLDER (input label inside) - */
.overplaceholder {
color:#808080;
cursor:text;
padding-left:5px;
position:absolute;
white-space:nowrap;
z-index:0;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-o-user-select:none;
user-select:none;
}
.oph-wrapper {
display:inline-block; /* required by older Opera versions */
padding:0;
position:relative;
}
/* popup style goes here */
.popup-00 { /* instead of padding on #cboxLoadedContent which was causing a glitch */
float:left;
padding:10px;
}
.popup-00 h1{
font-size: 2em;
}
.popup-00 a{
color: green;
font-weight: normal;
}
.card {
position: relative;
max-width: 358px;
left: 165px;
}
.card .digit {
position: absolute;
bottom:15%;
}
.card .digit_ns {
position: absolute;
bottom:13%;
}
@media(max-width:330px){
.card .digit {
bottom:13%;
}
}
#digit1 {
left: 6.5%;
}
#digit2 {
left: 13%;
}
#digit3 {
left: 20%;
}
#digit4 {
left: 27.5%;
}
#digit5 {
left: 34.5%;
}
#digit6 {
left: 41%;
}
#digit7 {
left: 54.5%;
}
#digit8 {
left: 61.5%;
}
#digit9 {
left: 71.5%;
}
#digit10 {
left: 78.5%;
}
#digit11 {
left: 55%;
}
#digit12 {
left: 62%;
}
#digit13 {
left: 72%;
}
#digit14 {
left: 79%;
}
/* XMAS 2014 */
#xmas-2014 {
float:left;
width:auto;
}
/* END XMAS 2014 */