/* dark blue : #151A25 darker blue : #0C1016 candy blue: #80DFFF light yellow: #FFCA59 darker yellow: #FFA940 */ body { font: 14px/1.5 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #FFF; background: #0C1016; margin: 0; padding: 0; text-align: center; min-width: 960px; } p { margin: .75em 0; } a { color: #F6E797; -webkit-transition:color 0.15s linear; } a:hover { color: #FDC858; text-decoration: none; } h1 { font-size: 30px; font-weight: 200; } h2 { font-size: 28px; margin: .8em 0 .4em; } .cufon-loading h2 { visibility: hidden !important; } h3 { font-size: 16px; } h4 { font-size: 14px; margin: .5em 0 0; } img { border: 0; } fieldset { border: 0; margin: 0; padding: 0; } legend { display: none; } blockquote { font: italic 20px/26px 'Georgia','Times New Roman', serif; } blockquote p { margin: .25em 0; } cite { font: 12px/1.5 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #FFF; } #container { background: #151A25 url(../images/header-bg.jpg) repeat-x 0 -475px; text-align: center; overflow: hidden; padding-top: 1px; } #header { width: 900px; margin: 24px auto 5px; position: relative; padding: 22px 0 0; text-align: left; } #header #site-name { margin: 0px 20px 28px; padding: 0; width: 300px; } #header #site-name img { display: block; } #header ul#nav { list-style: none; overflow: hidden; display: block; margin: 0; padding: 0; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; -webkit-text-size-adjust: none; } #header ul#nav li { float: left; margin: 0 2px 0 0; border-top: 1px solid #404B62; } #header ul#nav li a { display: block; color: #fff; text-decoration: none; border-top: 8px solid #363F50; } #header ul#nav li a b { float: left; padding: 8px 15px 8px; background: #1E2535; border-top: 9px solid #404B62; -webkit-transition:background-color 0.15s linear; cursor: pointer; } #header ul#nav li a:hover b { background: #262F44; } #header ul#nav li.menus, #header ul#nav li.news { margin-left: 8px; } #header ul#nav li.home a { border-color: #ccc; } #header ul#nav li.home a b { border-color: #eee; } #header ul#nav li.home a:hover { border-color: #eee; } #header ul#nav li.home a:hover b { border-color: #fff; } #header ul#nav li.about a { border-color: #FFA940; } #header ul#nav li.about a b { border-color: #FFCA59; } #header ul#nav li.about a:hover, #about #header ul#nav li.about a { border-color: #F7BA4B; } #header ul#nav li.about a:hover b, #about #header ul#nav li.about a b { border-color: #F9CD50; background: #262F44; } #header ul#nav li.contact a { border-color: #FAD839; } #header ul#nav li.contact a b { border-color: #FFF078; } #header ul#nav li.contact a:hover, #contact #header ul#nav li.contact a { border-color: #FCDF55; } #header ul#nav li.contact a:hover b, #contact #header ul#nav li.contact a b { border-color: #FEEE99; background: #262F44; } #header ul#nav li.menus a { border-color: #1fcc9d; } #header ul#nav li.menus a b { border-color: #5ADFB0; } #header ul#nav li.menus a:hover, #menus #header ul#nav li.menus a { border-color: #24D4AC; } #header ul#nav li.menus a:hover b, #menus #header ul#nav li.menus a b { border-color: #77E5B0; background: #262F44; } #header ul#nav li.bar a { border-color: #388BFC; } #header ul#nav li.bar a b { border-color: #3BA8FF; } #header ul#nav li.bar a:hover, #bar #header ul#nav li.bar a { border-color: #39F; } #header ul#nav li.bar a:hover b, #bar #header ul#nav li.bar a b { border-color: #58A9FC; background: #262F44; } #header ul#nav li.parties a { border-color: #F7C9AD; } #header ul#nav li.parties a b { border-color: #F4D9C7; } #header ul#nav li.parties a:hover, #parties #header ul#nav li.parties a { border-color: #FFDDB8; } #header ul#nav li.parties a:hover b, #parties #header ul#nav li.parties a b { border-color: #FFEDDA; background: #262F44; } /*#header ul#nav li.christmas { display: none; }*/ #header ul#nav li.christmas a { border-color: #4BA4A9; } #header ul#nav li.christmas a b { border-color: #6DBCAF; } #header ul#nav li.christmas a:hover, #christmas #header ul#nav li.christmas a { border-color: #4BA4A9; } #header ul#nav li.christmas a:hover b, #christmas #header ul#nav li.christmas a b { border-color: #6DBCAF; background: #262F44; } #header ul#nav li.valentines a { border-color: #B3716B; } #header ul#nav li.valentines a b { border-color: #C88B85; } #header ul#nav li.valentines a:hover, #valentines #header ul#nav li.valentines a { border-color: #C88B85; } #header ul#nav li.valentines a:hover b, #valentines #header ul#nav li.valentines a b { border-color: #CE938E; background: #262F44; } #header ul#nav li.mothers a { border-color: #C9615E; } #header ul#nav li.mothers a b { border-color: #DD8583; } #header ul#nav li.mothers a:hover, #mothers-day #header ul#nav li.mothers a { border-color: #DD8583; } #header ul#nav li.mothers a:hover b, #mothers-day #header ul#nav li.mothers a b { border-color: #ED8E8C; background: #262F44; } #header ul#nav li.news a { border-color: #aaa; } #header ul#nav li.news a b { border-color: #bbb; } #header ul#nav li.news a:hover, #news #header ul#nav li.news a { border-color: #CCC; } #header ul#nav li.news a:hover b, #news #header ul#nav li.news a b { border-color: #ddd; background: #262F44; } #header ul#nav li.offers a { border-color: #B86E84; } #header ul#nav li.offers a b { border-color: #C8879A; } #header ul#nav li.offers a:hover, #offers #header ul#nav li.offers a { border-color: #C8879A; } #header ul#nav li.offers a:hover b, #offers #header ul#nav li.offers a b { border-color: #C698A4; background: #262F44; } #header ul#nav li.photos a { border-color: #899DBF; } #header ul#nav li.photos a b { border-color: #99AFD6; } #header ul#nav li.photos a:hover, #photos #header ul#nav li.photos a { border-color: #99AFD6; } #header ul#nav li.photos a:hover b, #photos #header ul#nav li.photos a b { border-color: #AFC4E3; background: #262F44; } #header ul#nav li.open a { border-color: #ccc; } #header ul#nav li.open a b { border-color: #ddd; } #header ul#nav li.open a:hover { border-color: #ddd; } #header ul#nav li.open a:hover b { border-color: #eee; } #header p.breadcrumb { width: 100%; font-size: 10px; text-transform: uppercase; margin: 2em 0 0; } #header p.breadcrumb a { text-decoration: none; color: #999; } p#back_to_top { text-transform: uppercase; font-size: 11px; padding: 50px 0 0; clear: both; } p#back_to_top a { color: #fff; text-decoration: none; border: 2px solid #242C40; padding: 5px 10px; } p#back_to_top a:hover { border-color: #364158; } p#back_to_top a i { font-size: 14px; font-style: normal; line-height: 8px; position: relative; top: 3px; } #footer { width: 920px; margin: 0 auto 10px; padding: 4em 0 0; text-align: left; position: relative; } #footer h3 { font-size: 22px; margin: 0 0 .5em 10px; } .cufon-loading #footer h3 { visibility: hidden; } .cufon-active #footer h3 { font-size: 32px; line-height: 1em; } #footer #download_vcard { position: absolute; top: 4.3em; left: 200px; } #footer #download_vcard a { display: block; font-size: 11px; text-transform: uppercase; text-decoration: none; line-height: 12px; color: #fff; background: url(../images/vcard.gif) no-repeat 0% 50%; padding: 0 0 0 37px; } #locations { margin: 0 0 50px 0; overflow: hidden; font-size: 13px; } #locations .bristol { float: left; width: 283px; margin: 0 25px 0 10px; } #locations .clifton { float: left; width: 289px; min-height: 50px; margin: 0 25px 0 0; } #locations .bath { float: left; width: 283px; min-height: 50px; margin: 0 0 0 0; } #locations h4 { font-size: 14px; margin: 1em 0 0; } #locations .map { width: 278px; height: 120px; background: #000; margin-left: -5px; padding: 5px; } #locations .map img { height: 120px; width: 278px; } #locations p { margin: .5em 0; } #locations p.adr { margin: .5em 0 0; } #locations p.tel { margin: 0; } #locations p.email { margin: 0 0 .75em; } #locations .clifton .map, #locations .clifton .map img { width: 285px; } #locations p.gmap { margin: .3em 0; padding: 5px 0; font-size: 11px; text-transform: uppercase; font-weight: bold; -webkit-text-size-adjust: none; } #locations p.gmap a { margin: 0; color: #fff; text-decoration: none; background: url(../images/mini-icons.gif) no-repeat 0px 0px; padding: 0px 0 2px 20px; } #locations .open h5 { font-size: 14px; margin: 1em 0 .3em; } #locations .open p { overflow: hidden; font-size: 13px; border-bottom: 1px solid #1D2330; margin: 0; } #locations .open p span { float: left; width: 140px; } #locations .open p strong { float: right; width: 140px; text-align: right; } #locations .open p.note { font-size: 12px; border: 0; } #footer-nav { clear: both; border: 1px solid #1D2330; border-width: 1px 0; padding: 7px 10px; margin: 0; font-size: 11px; text-transform: uppercase; color: #999; position: relative; } #footer-nav a { text-decoration: none; color: #fff; } #footer-nav br { display: none; } #footer-nav a.back-to-top { position: absolute; top: 7px; right: 10px; background: url(../images/mini-icons.gif) no-repeat 0px -30px; padding: 0 0 0 20px; } #copyright { font-size: 9px; margin: 30px 0 .5em 10px; } #reg { font-size: 9px; color: #ccc; margin: 0 0 30px 10px; } #main { width: 900px; padding: 0px 10px 5em; margin: 0 auto; text-align: left; overflow: hidden; } #main .page-title { font-size: 42px; margin: .5em 0 .3em; line-height: 1em; font-weight: normal; letter-spacing: 2px; } .cufon-loading #main .page-title { visibility: hidden !important; } #main #sidebar { width: 170px; float: left; text-align: left; padding-left: 45px; margin-top: 22px; font-size: 12px; } #main #sidebar h3 { margin-bottom: .5em; } #main #sidebar ul { list-style: none; margin: 0; padding: 0; } #main #sidebar ul li { margin: 0 0 10px; padding: 0; clear: left; line-height: 1; } #main #sidebar ul li a.title { float: left; width: 120px; margin: 0 0 .25em; font-weight: bold; text-decoration: none; } #main #sidebar ul li:hover a.image { border-color: #fff; } #main #sidebar ul li a.image { float: left; border: 2px solid #ccc; margin: 0 5px 10px 0; height: 35px; width: 35px; } #main #sidebar ul li a.image:hover { border-color: #fff; } #main #sidebar ul li a.image img { display: block; line-height: 0; } #main #sidebar .terms { font-size: 12px; margin: 3em 0 0; font-style: italic; background: url(../images/dotted-greyblue.gif) repeat-x; padding: 1.6em 0 0; } #main #sidebar p.pdf { background: url(../images/pdf-icon.jpg) no-repeat; padding: 0 10px 0 35px; margin: .5em 0 1em -5px; line-height: 1.3; } .amp { font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; font-style: italic; font-weight: normal; } ul#sidebar-offers, ul#sidebar-offers li { list-style: none; margin: 0; padding: 0; } ul#sidebar-offers a { text-decoration: none; margin: 3px 6px 0; display: block; line-height: 15px; } ul#sidebar-offers a.img { margin: 0; } ul#sidebar-offers a img { border: 3px solid #000; height: 140px; width: 164px; } /* Page specific */ #default #main .left { width: 500px; margin: 0; float: left; } #default #main blockquote { margin: 0; } #default #main blockquote p { margin: 0 0 .5em; } #slideshow { width: 900px; height: 300px; background-color: #000; padding: 10px; margin: 20px -10px 40px; position: relative; } #slideshow.loading { background: #000 url(../images/loading-blk.gif) no-repeat 50% 50%; } #slideshow ul#slides { margin: 0; padding: 0; position: absolute; top: 12px; right: 12px; height: 296px; width: 190px; list-style: none; } #slideshow ul#slides li { list-style: none; } #slideshow ul#slides a { display: block; height: 52px; width: 166px; padding: 10px 12px; margin: 0 0 2px; background: rgb(14,14,14); background: rgba(0,0,0,.8); color: #fff; text-decoration: none; font-weight: bold; font-size: 12px; opacity: .4; line-height: 1.2; outline: none; -webkit-transition:opacity 0.15s linear; } #slideshow ul#slides a strong { font-size: 16px; display: block; margin: 0 0 5px; line-height: 1; } #slideshow ul#slides a.selected, #slideshow ul a:hover { background: rgb(0,0,0); background: rgba(0,0,0,.8); opacity: .9; } #slideshow ul#slides a.selected { cursor: default; } #slideshow ul#slides .s-4 a { padding-bottom: 11px; } #slideshow ul#slides .s-1 a { padding-top: 11px; } #slideshow ul#slide-ind { list-style: none; margin: 0; padding: 0; position: absolute; bottom: -23px; left: 417px; width: 76px; } #slideshow ul#slide-ind li { float: left; width: 13px; height: 13px; margin: 0 3px; } #slideshow ul#slide-ind a { height: 13px; width: 13px; display: block; background-image: url(../images/slide-ind.png); background-position: 0px -13px; text-indent: -9999px; opacity: .8; } #slideshow ul#slide-ind a:hover { background-position: 0px 0px; } #slideshow ul#slide-ind a.selected { background-position: 0px 0px; opacity: 1; } #default #main #intro { width: 253px; background: #000; padding: 20px; height: 228px; margin: 0 20px 0 -10px; float: left; font-size: 14px; } #default #main #intro h2 { margin: 0; font-size: 22px; line-height: 1em; } .cufon-active #default #main #intro h2 { font-size: 34px; } #default #main #links { width: 290px; margin: 0 20px 0 0; background: #000; float: left; min-height: 182px; padding: 2px; } #default #main #links ul { list-style: none; margin: 0; padding: 0; } #default #main #links li { float: left; border: 1px solid #000; } #default #main #links a { float: left; width: 143px; height: 130px; background: #444; position: relative; text-decoration: none; text-transform: uppercase; font-size: 11px; line-height: 11px; color: #fff; opacity: .9; } #default #main #links a:hover { opacity: 1; } #default #main #links strong { width: 135px; background-color: rgb(0,0,0); background-color: rgba(0,0,0,.75); position: absolute; bottom: 0; left: 0; padding: 4px 4px 3px; } #default #main #links .links-a-la-carte a { background: url(../images/27.jpg) no-repeat; } #default #main #links .links-classico a { background: url(../images/28.jpg) no-repeat; } #default #main #links .links-about a { background: url(../images/46t.jpg) no-repeat; } #default #main #links .links-christmas a { background: url(../images/142t.jpg) no-repeat; } #default #main #links .links-vouchers a { background: url(../images/39t.jpg) no-repeat; } #default #main #quotes { width: 253px; height: 228px; margin: 0 -10px 0 0; padding: 20px; background: #000; float: left; } #default #main #mc_embed_signup { width: 253px; height: 228px; margin: 0 -10px 0 0; padding: 20px; background: #000; float: left; position: relative; } #default #main #mc_embed_signup h2 { margin: 0; font-size: 22px; line-height: 1em; } .cufon-active #default #main #mc_embed_signup h2 { font-size: 34px; } #mc_embed_signup form { text-align: left; overflow: hidden; width: 260px; margin: 0; position: relative; } #mc_embed_signup form div { margin: 0; width: 260px; } #mc_embed_signup form div input { width: 145px; } #mc_embed_signup form label { font-size: 11px; } #mc_embed_signup form div.button { } #mc_embed_signup form div.button input { width: auto; margin: 10px 0 0; } #mc_embed_signup .mce_inline_error, #mce-error-response { width: auto; font-size: 11px; line-height: 13px; color: #F00; } #mce-success-response { position: absolute; top: 0; left: 0; background: #000; width: 240px; padding-top: 10px; height: 200px; } #main .menus { margin: 20px 0 0; padding: 0; list-style: none; } #main .menus li { width: 430px; margin: 0 40px 20px 0; padding: 0 0 0 0; float: left; min-height: 150px; } #main .menus li.even { margin: 0; } #main .menus li.odd { clear: left; } #main .menus li a.image { float: left; border: 2px solid #fff; margin: 0 20px 0 0; height: 140px; width: 160px; } #main .menus li a.image img { display: block; line-height: 0; } #main .menus li h2 { margin: 0; line-height: 1; } #main .menus li h2 a { text-decoration: none; font-size: 28px; } #main .menus dl { width: 250px; min-height: 120px; float: left; margin: 0 20px 20px 0; padding: 0 0 0 150px; outline: 1px solid #FC0; } #main .menus dl dt, #main .menus dl dd { margin: 0; padding: 0; } #main .menus dl dt a { font-size: 17px; text-decoration: none; } /* Individual menus */ #main .menu { width: 675px; float: left; } #main .menu h2 { font-family: Georgia, 'Times New Roman', serif; font-style: italic; font-weight: normal; color: #FFCA59; font-size: 36px; line-height: 1.2em; /*letter-spacing: 1px;*/ } .cufon-loading #main .menu h2 { visibility: hidden !important; } #main .menu h2 em { font-size: 20px; color: #758298; } #main .menu h3 { color: #FFCA59; font-size: 14px; margin: .67em 0; } #main .menu ul { list-style: none; overflow: hidden; margin: 0; padding: 0; } #main .menu ul li { background: url(../images/dotted-greyblue.gif) repeat-x 0% 100%; margin: 0 0 .67em; position: relative; padding: 0 80px 0 0; line-height: 1.2; } #main .menu ul li.option { margin-top: -.67em; } #main .menu ul li.plain { background: transparent; position: static; } #main .menu.fixed-price-menu ul li { background: transparent; position: static; } #main .menu ul li h4 { margin: 0; font-size: 13px; margin: 0 0 .2em; } #main .menu ul li h4 img { vertical-align: text-top; margin: 0 .5em; } #main .menu ul li h4 a.classico { opacity: .75; } #main .menu ul li h4 a.classico:hover { opacity: 1; } #main .menu ul.wine li { margin: 0 0 1em 3em; padding: 0 10em 1.3em 0; } #main .menu ul.wine li h4 strong { font: italic 400 24px/1 Georgia, 'Times New Roman', serif; display: block; width: 1.3em; position: absolute; left: -1.6em; top: -0.25em; text-align: right; } #main .menu ul li p { display: inline; padding: 0 4px 2px 0; margin: 0; font-size: 12px; background: #151A25; } #main .menu ul li span { position: absolute; right: 0; bottom: 0; font-weight: bold; font-size: 13px; line-height: 12px; padding: 0 0 2px 6px; background: #151A25; } #main .menu ul.wine li p.price { margin: 0; position: absolute; right: 0; bottom: 0; padding: 0 0 0 4px; font-size: 13px; } #main .menu ul.wine li p.price span { font-weight: bold; position: static; padding: 0; } #main .menu p.small { font-size: 10px; font-style: italic; margin: 1em 0; } #main .menu ul li span.caps { position: static; font-weight: normal; font-size: inherit; line-height: normal; background: transparent; padding: 0; } #main .menu ul li em.twoforone { margin-left: 1em; color: #ffc; background: #1E2535; padding: 2px; } body#valentines #main .menu { position: relative; } body#valentines #main .book { width: 150px; position: absolute; top: 22px; right: 0; text-align: left; border: 3px solid #000; background: #11171F; padding: 0 10px 5px; } body#valentines #main .book ul li { margin: 0 0 .5em; padding: 0; } body#valentines #main .book strong { white-space: nowrap; display: block; } #main .menu .highlight { background-color: #1E2535; margin-right:-10px; padding-right:10px; margin-left:-10px; padding-left:10px; } #main .menu .highlight p, #main .menu .highlight span { background-color: #1E2535; } .ie6 #main .menu .highlight { position: relative; } #main .menu .highlight {padding-bottom:0.8em; margin-top:28px; padding-top:0.8em;} #main .menu .highlight h2 {margin-top:0;} /* About */ #main img.right { float: right; margin: -3em 0 30px 60px; border: 5px solid #0C1016; } /* Christmas */ #christmas h2 { margin: .8em 0 0; color: #FDC858; line-height: 1em; } .cufon-active #christmas h2 { font-size: 36px; line-height: .8em; } #christmas .col1 { width: 465px; float: left; } #christmas .col2 { width: 405px; float: left; margin: 0 0 0 30px; } #christmas .menus { margin: 2em 0 1em; width: auto; overflow: hidden; } #christmas .menus li { width: 450px; margin-right: 0; margin-bottom: 0; } #christmas .menus li h2 { line-height: 1em; margin: 0; } #christmas .menus li h2 a { display: inline-block; } #christmas .menus li a.image { margin-bottom: 20px; } /* Valentines */ #valentines #intro { margin: 2em 0; position: relative; } #valentines #terms { font-size: 11px; color: #4F5A70; line-height: 13px; padding: 0 20px 10px; border-bottom: 5px solid #1B1F29; margin: 0 0 10px; } a.valentinesmenu { display: block; height: 280px; width: 470px; text-indent: -9999px; position: absolute; top: 0; left: 0; z-index: 200; background: transparent; } #valentines #main .menu { padding: 0 0 0 10px; width: 665px; position: relative; } #valentines #main .book { width: 150px; position: absolute; top: 22px; right: 20px; text-align: left; border: 3px solid #000; background: #11171F; padding: 0 10px 5px; } #valentines #main .book ul li { margin: 0 0 .5em; padding: 0; } #valentines #main .book strong { white-space: nowrap; display: block; } #valentines #competition { width: 266px; position: absolute; top: 95px; right: 15px; } #valentines #competition h2 { text-indent: -9999px; height: 0; overflow: hidden; } #valentines #competition p.intro, #valentines #competition form, #valentines #competition p.terms { background: #fff; background: rgba(255,255,255,0.8); margin: 1px 0; padding: 8px; color: #42425D; font-size: 12px; } #valentines #competition p.intro span { display: none; } #valentines #competition form label { display: block; } #valentines #competition form br { display: none; } #valentines #competition form p { margin: 0 0 5px; } #valentines #competition form input { font-size: 14px; } #valentines #competition form p input { border: 1px solid #ccc; background: #fff; width: 238px; padding: 3px; } #valentines #competition form p.birthday { float: left; margin-right: 20px; } #valentines #competition form p.birthday input { width: 40px; } #valentines #competition form p.postcode input { width: 80px; } #valentines #competition p.terms { font-size: 10px; line-height: 13px; } #valentines #competition #no-spam { font-size: 11px; margin: -5px 0 5px; } #valentines #competition input.submit { margin: .5em 0; } /* News */ #news blockquote { font: italic 14px/21px 'Georgia','Times New Roman', serif; padding: 0 0 0 1em; margin: 0; } #news blockquote p { margin: 1em 0; } #news cite { font: 12px/1.5 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #FFF; } #news #main .section { width: 600px; padding-right: 50px; float: left; } #news .article { margin: 1.5em 0 5em; } #news .comment { margin: 2em -10px 3.5em; padding: 10px; border: 1px solid #1C2234; background: #161B28; } #news .article .meta { font-size: 12px; line-height: 12px; color: #4F556A; margin: .5em 0 0; float: right; } #news .article h1 { margin: 0 0 .67em; font-size: 24px; line-height: 27px; } .cufon-loading #news .article h1 { visibility: hidden; } .cufon-active #news .article h1 { font-size: 36px; line-height: 32px; } #news .article .permlink { margin: 1em 0 0; background: ; } #news .comment blockquote { font-size: 19px; line-height: 24px; margin: 0 0 .35em; padding: 0 50px 0 0; } .cufon-loading #news .comment blockquote { visibility: hidden; } .cufon-active #news .comment blockquote { font-size: 23px; line-height: 28px; } #news .comment p { margin: 0; } #news .comment .meta { margin-top: 1.5em; } #news #main .aside { width: 250px; float: left; } #news #main .aside ul.archive { margin: 1em 0; padding: 0; border-top: 1px solid #1C2234; } #news #main .aside ul.archive li { margin: .5em 0; padding: 0 0 .5em; list-style: none; border-bottom: 1px solid #1C2234; font-size: 13px; line-height: 15px; } #news #main .aside ul.archive li span.date { font-size: 11px; } #news .pagination { width: 600px; margin: 5em auto 0; overflow: hidden; } #news .pagination a { margin: 0; padding: 3px 12px; color: #B2B6CF; text-decoration: none; text-shadow: 0 1px 1px #222; background: #262F44; -webkit-border-radius: 7px; -moz-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; border: 1px solid #23293B; border-top: 1px solid #3D4255; background-image : -moz-linear-gradient(top, rgb(38, 47, 68), rgb(22, 27, 40)); background-image : -webkit-gradient(linear, left top, left bottom, from(rgb(38, 47, 68)), to(rgb(22, 27, 40))); background-image : linear-gradient(top, rgb(38, 47, 68), rgb(22, 27, 40)); opacity: .9; } #news .pagination a:hover { opacity: 1; color: #fff; } #news .pagination a.newer, #news .pagination a.next { float: right; } #news .pagination a.older, #news .pagination a.prev { float: left; } #news img.img-left { float: left; margin: 3px 20px 20px 0; padding: 3px; border: 1px solid #3D4255; } #news img.img-right { float: right; margin: 3px 0 20px 20px; padding: 3px; border: 1px solid #3D4255; } /* Gift vouchers */ #gift-vouchers .gift-voucher { border: 10px solid #000; margin: 10px -10px 20px; width: 840px; background: #FBFBFB url(../images/39.jpg) no-repeat 120% 100%; min-height: 400px; overflow: hidden; color: #000; padding: 20px 30px; } #gift-vouchers .gift-voucher h1 { font-size: 38px; margin: .3em 0 .3em; line-height: 1em; font-weight: normal; letter-spacing: 1px; color: #da8735; text-transform: lowercase; } .cufon-active #gift-vouchers .gift-voucher h1 { font-size: 48px; margin-top: .1em; } #gift-vouchers .gift-voucher p.intro { font-size: 18px; width: 350px;} #gift-vouchers .gift-voucher a { color: #DA8735; } /* Offers lots of the offers CSS is inline in the txp articles... */ #offers ul.offers { margin: 0 0 3em; padding: 0; list-style: none; width: 600px; float: left; } #offers ul.offers li { margin: 0; padding: 0; overflow: hidden; } #offers ul.offers li .date { font-size: 18px; margin: 0 0 0 2em; text-transform: uppercase; letter-spacing: 1px; } #offers ul.offers li a { text-decoration: none; } #offers ul.offers li h2 { margin-top: 0; } #offers ul.offers li h2 a { display: inline-block; } #offers ul.offers li a.image { border: 5px solid #000; float: left; margin: 0 20px 20px 0; } #offers ul.offers li a.image img { display: block; width: 164px; height: 140px; } #offers #expired { float: left; width: 260px; margin-top: -40px; margin-left: 40px; } #offers #expired h2 { margin-top: 0; } #offers .expired { position: absolute; top: 10px; left: 0px; width: 540px; margin: 0; background: #000; background: rgba(0,0,0,0.8); padding: 50px 20px; color: #fff; font-size: 16px; height: 340px; } #offers ul.expired-offers { margin: 0; padding: 0; list-style: none; } #offers ul.expired-offers li { margin: 0 0 .5em; padding: 0; font-size: .928571429em; } #offers ul.expired-offers li .date { display: block; margin: 0 0 0; font-size: .923076923em; } #offers ul.expired-offers li a { text-decoration: none; } #offers p.offer-nav a { margin: 0 1em 0 0; } #offers #offer { position: relative; padding-top: 1px; min-height: 400px; } #offers #response { margin: 0 0 1em; font-weight: bold; color: #ffc; text-decoration: underline; } #offers #instructions { width: 790px; margin: 20px auto 0; padding: 10px 0 10px 10px; color: #fff; text-align: left; overflow: hidden; } #offers #instructions p { width: 620px; background: #1E2535; margin: 10px 15px 0 0; padding: 10px; float: left; font-size: 13px; } #offers #print { float: left; width: 122px; height: 54px; background: url(/images/voucher-print.gif) no-repeat; text-indent: -9999px; } #offers #print:hover { background-color: #1E2535; } #offer #signup { width: 500px; background: #000; background: rgba(0,0,0,0.6); padding: 20px 20px 20px; margin: 1em 0 1.5em; } #offer #signup p { margin: 0 0 .5em; overflow: hidden; } #offer #signup p label { float: left; width: 8em; } #offer #signup p input { font-size: 14px; width: 25em; } #offer #signup p.birthday input { width: 2em; } #offer #signup p.postcode input { width: 8em; } #offer #signup p.birthday { float: left; margin-right: 30px; } #offer #signup p.postcode { float: left; } #offer #signup p.postcode label { width: auto; padding-right: 10px; } #offer #signup #no-spam { font-size: 12px; margin: 0 0 1em; display: block; } #offer #signup .optin { font-size: 12px; } #offer #signup .clearer { clear: both; } #offer #signup .submit { margin: 1em 0 0; } #offer #signup div.comment { margin: 0 0 2em; } #offer #signup div.comment label { float: none; display: block; margin: 0 0 .5em; } #offer #signup div.comment textarea { display: block; overflow: auto; width: 33em; font-size: 14px; } #offer #terms { font-size: 12px; width: 550px; } #offer #terms p { margin: 0 0 .3em; } #offers #voucher { position: relative; width: 770px; margin: 20px auto; padding: 10px; background: #000; } #offers #voucher h1 { position: absolute; top: 345px; left: 55px; width: 450px; text-align: left; font-size: 28px; color: #000; } /* Contact */ .zemContactForm { width: 520px; margin: 2em 0 30px 0; } .zemContactForm legend { display :none; } .zemContactForm p { float: left; margin: 0 10px 3px 0; } .zemContactForm label { font-size: 12px; line-height: normal; display: block; margin: 0; } .zemContactForm br { display: none; } .zemContactForm p input { display: block; width: 157px; font-size: 14px; border: 1px solid #c3c3c3; border-top-color: #7C7C7C; border-bottom-color: #DDD; background: #F4F9F8; margin: 2px 0 0; padding: 2px; } .zemContactForm p.subject input { width: 504px; } .zemContactForm p.select { width: 504px; } .zemContactForm p.select select { font-size: 16px; } .zemContactForm label.zemTextarea { clear: both; width: 100%; display: block; } .zemContactForm textarea { width: 504px; margin: 2px 0 5px; padding: 2px; overflow: auto; border: 1px solid #c3c3c3; border-top-color: #7C7C7C; border-bottom-color: #DDD; background: #F4F9F8; font-size: 14px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; } .zemContactForm p.hidden { visibility: hidden; height: 0; width: 0; overflow: hidden; float: none; display: block; margin: 0; padding: 0; } .zemContactForm input.zemRadio { display: inline; } .zemContactForm label.zemRadio { display: inline; } .zemContactForm input.zemSubmit { margin: 20px 0; } .zemContactForm h5 { padding: 1em 0 0; clear: left; } .zemContactForm ol { padding-top: .5em; clear: left; } .zemContactForm ol li * { vertical-align: middle; } .zemContactForm label.zemRequirederrorElement { color: #c00; } .zemContactForm input.zemRequirederrorElement, .zemContactForm textarea.zemRequirederrorElement { border: 1px solid #c00; } ul.zemError { list-style: disc outside; font-size: 12px; color: #c00; margin: 1em 0; padding: 0; } ul.zemError li { margin: 0 0 .3em 1.5em; } .zemThanks { font-size: 15px; margin: 2em 0 0; color: #fff; } /* Book */ ul.booking-links { margin: 0 0 1em; padding: 0; list-style: none; } ul.booking-links li { margin: 0; padding: 0; } ul.booking-links li a { background: url(../images/mini-icons.gif) no-repeat 0px 2px; padding-left: 20px; text-decoration: none; font-weight: bold; } #booking-forms { width: 675px; float: left; } #booking-forms div.section { overflow: hidden; border-bottom: 2px solid #30394F; padding-bottom: 1em; } #booking-forms div.section .col1, #booking-forms div.section .col2 { width: 325px; float: left; } #booking-forms h2 { color: #FDC858; margin: .5em 0 .5em; line-height: 1em; } .cufon-active #booking-forms h2 { line-height: .8em; } p.addrows { margin: 0 0 1em; } a.button { display: inline-block; padding: .2em 1.25em .24em .5em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); font-weight: bold; color: #fef4e9; border: 2px solid #F90; background: #FF9D00; background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); background: -moz-linear-gradient(top, #faa51a, #f47a20); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); text-decoration: none; font-size: .928571429em; } a.button:hover { text-decoration: none; background: #f47c20; background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015)); background: -moz-linear-gradient(top, #f88e11, #f06015); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015'); } a.button:active { position: relative; top: 1px; color: #fcd3a5; background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a)); background: -moz-linear-gradient(top, #f47a20, #faa51a); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a'); } input.zemSubmit { display: inline-block; padding: .4em 1.25em .44em .8em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); font-weight: bold; color: #fef4e9; border: 2px solid #F90; background: #FF9D00; background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); background: -moz-linear-gradient(top, #faa51a, #f47a20); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); text-decoration: none; font-size: .928571429em; } table#menuselection td.action a.button { padding: .09em .45em .25em .45em; -webkit-border-radius: .5em; -moz-border-radius: .8em; border-radius: 1em; line-height: 1em; font-size: 12px; margin: 0 0 .1em; } #booking-forms form.zemContactForm { width: 675px; } #booking-forms .zemContactForm label { font-weight: bold; text-indent: 2px; } #booking-forms .zemContactForm p { margin-bottom: 10px; } #booking-forms .zemContactForm p input { width: 300px; } #booking-forms .zemContactForm p.select, #booking-forms .zemContactForm p.partydate { margin-right: 30px; width: auto; } #booking-forms .zemContactForm p.select select, #booking-forms .zemContactForm p.time select, #booking-forms .zemContactForm p.partydate select { font-size: 16px; } #booking-forms .zemContactForm p.time select { width: 7em; } #booking-forms .zemContactForm p.date { width: 210px; } #booking-forms .zemContactForm p.date input { width: 100px; float: left; margin-right: 8px; } #booking-forms .zemContactForm p.date .dp-choose-date { font-size: 12px; } #booking-forms .zemContactForm p.check { margin: 1em 0; } #booking-forms .zemContactForm p.check input { display: inline; width: auto; margin-right: .5em; } #booking-forms .zemContactForm p.check label { display: inline; } #booking-forms .zemContactForm input.zemSubmit { margin: 20px 0; clear: both; } #booking-forms .zemThanks { border: 10px solid #000; background: #0E1116; padding: 10px 15px; margin: 2em -10px; } #sidebar .conditions { clear: both; margin: 3em 0; } table#menuselection { border-collapse: collapse; width: 675px; margin: 1em 0; } table#menuselection th { text-align: left; font-size: 12px; } table#menuselection td { width: 150px; padding: 5px 5px 5px 0; border-top: 1px solid #30394F; } table#menuselection td select { width: 150px; } table#menuselection td input.text { width: 150px; } table#menuselection .num { border: 0; width: 3em; vertical-align: bottom; text-align: right; padding-right: 7px; } table#menuselection td.action { width: 50px; border:0; } table#menuselection td.action span { display: none; font-size: 10px; line-height: 10px; color: #fff; } table#menuselection td.hover span { display: inline; } table#menuselection tr.errorElement { background: #672D32; } table.jCalendar { border: 1px solid #ccc; background: #eee; border-collapse: separate; border-spacing: 2px; } table.jCalendar th { background: #fff; color: #ccc; font-weight: bold; padding: 3px 5px; } table.jCalendar td { background: #fff; color: #666; padding: 3px 5px; text-align: center; } table.jCalendar td.other-month { background: #fff; color: #ccc; } table.jCalendar td.today { background: #666; color: #666; } table.jCalendar td.selected { background: #f90; color: #fff; } table.jCalendar td.selected.dp-hover { background: #f33; color: #666; } table.jCalendar td.dp-hover, table.jCalendar tr.activeWeekHover td { background: #fff; color: #000; } table.jCalendar tr.selectedWeek td { background: #f66; color: #fff; } table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover { background: #bbb; color: #888; } table.jCalendar td.unselectable, table.jCalendar td.unselectable:hover, table.jCalendar td.unselectable.dp-hover { background: #bbb; color: #888; } /* For the popup */ div.dp-popup { position: relative; background: #fff; font-size: 10px; padding: 2px; width: 171px; line-height: 1.2em; } div#dp-popup { position: absolute; z-index: 199; } div.dp-popup h2 { font-size: 12px; text-align: center; margin: 2px 0; padding: 0; color: #444; } a#dp-close { font-size: 11px; padding: 4px 0; text-align: center; display: block; } a#dp-close:hover { text-decoration: underline; } div.dp-popup a { color: #000; text-decoration: none; padding: 3px 2px 0; } div.dp-popup div.dp-nav-prev { position: absolute; top: 2px; left: 4px; width: 100px; } div.dp-popup div.dp-nav-prev a { float: left; } /* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */ div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a { cursor: pointer; font-size: 14px; line-height: 9px; font-weight: normal; padding: 2px 4px; } div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled { cursor: default; } div.dp-popup div.dp-nav-next { position: absolute; top: 2px; right: 4px; width: 100px; } div.dp-popup div.dp-nav-next a { float: right; } div.dp-popup a.disabled { cursor: default; color: #aaa; } div.dp-popup td { cursor: pointer; } div.dp-popup td.disabled { cursor: default; } /* Gallery */ #main ul.gallery-thumbs { list-style: none; overflow: hidden; margin: 2em -10px 0; padding: 20px 0 5px 20px; background: #000; width: 920px; } #main ul.gallery-thumbs li { margin: 0px 16px 16px 0; float: left; padding: 0; } #main ul.gallery-thumbs li a { height: 175px; width: 200px; display: block; padding: 4px; background: #fff; } #main ul.gallery-thumbs li a:hover { background: #eee; } #main ul.gallery-thumbs li a img { display: block; background: #242424; height: 175px; width: 200px; } /* Lightbox */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a, #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none; } #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #000; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; font-size: 13px; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }