/* ----------------------------------------------- CSS Framework v2.2 Copyright to James Kirby - www.jameskirby.me.uk Creative Commons Attribution-Noncommercial-No Derivative Works 2.0 UK: England & Wales License (http://creativecommons.org/licenses/by-nc-nd/2.0/uk/) ----------------------------------------------- */ html { margin:0; padding:0; } body { margin:0; padding:0; color:#A4A4A6; background:#FFFFFF url("background.jpg") center top no-repeat; font-size:0.8em; font-family:Arial,Helvetica,Sans-serif; } img { border-style:none; display:block; } img.inline, #article img, #sidebar img { display:-moz-inline-stack; display:inline-block; } img.block, embed, object { display:block!important; } form { margin:0 0 16px 0; padding:0; } blockquote { margin:16px; } hr { border:none 0; margin:16px 0; border-top:1px solid #D6E3C0; height:0; } hr.mini { border:none 0; margin:0 0 16px 0; border-top:1px solid #D6E3C0; height:0; } hr.white { border:none 0; margin:0 0 16px 0; border-top:1px solid #FFF; height:0; } p { padding:0; margin:0 0 16px 0; } dt { font-weight:bold; margin-bottom:4px; } dd { margin-bottom:16px; } h1, h2 { color:#1689CA; font-size:1.2em; margin-top:0; } h3 { color:#1689CA; font-size:1.1em; margin-top:0; } h4, h5, h6 { color:#1689CA; font-size:1em; } a, a:visited { color:#ffffff; text-decoration:none; } a:focus, a:hover { color:#ffffff; text-decoration:underline; } a:active { color:#ffffff; text-decoration:underline; } .clear { clear:both; height:0; overflow:hidden; } .hide { display:none; } .error { color:#FF0000; font-weight:bold; } .nowrap { white-space:nowrap; } .photoRight { float:right; margin:3px 0 7px 10px; } .photoLeft { float:left; margin:3px 10px 7px 0; } .photoCentre { display:block; margin:0 auto; } .center { text-align:center; } .justify { text-align:justify; } .text-none { text-transform:none!important; } .text-uppercase { text-transform:uppercase!important; } .text-lowercase { text-transform:lowercase!important; } .text-capitalize { text-transform:capitalize!important; } .article-left { width:313px; float:left; } .article-right { width:361px; float:right; } .article-rightalt { width:361px; float:right; text-align:right; } .article-left-eat { width:313px; float:left; } .article-right-eat { width:367px; float:right; } .article-left-location { width:395px; float:left; } .article-right-location { width:285px; float:right; } .protection { unicode-bidi:bidi-override; direction:rtl; } /* ---------------------- Interface CSS ---------------------- */ #side-advert { position:absolute; right:-140px; top:165px; width:120px; } #container { width:925px; margin:0 auto; background-color:#FFFFFF; position:relative; } #accessibility { width:925px; height:0; overflow:hidden; } #accessibility p { text-indent:-9000px; } #header { width:925px; height:155px; overflow:hidden; margin:0; } #header_content { background:#d1130a url("header.gif") left top no-repeat; width:925px; height:155px; } #header_content h1 { margin:0; padding:0; } #header_content h1 a, #header_content h1 a:visited { width:925px; height:155px; display:block; text-indent:-9000px; font-weight:normal; text-decoration:none; } #header_content h1 a span { width:220px; display:block; padding:77px 0 0 20px; text-transform:uppercase; text-indent:0; color:#868889; font-size:0.9em; line-height:120%; } #content { padding:10px 10px 0 10px; } #nav { width:177px; margin-bottom:16px; } #nav ul { list-style:none; margin:0; padding:0; } #nav ul li a, #nav ul li a:visited { color:#d1130a; display:block; text-decoration:none; width:177px; padding-left:15px; } #nav ul li a:focus, #nav ul li a:hover { color:#d1130a; background-position:left bottom; } #nav ul li.active a, #nav ul li a:active { color:#d1130a; background-position:left bottom; } #nav_0 a { background:url("nav_0.gif") left top no-repeat; height:20px; padding-top:5px; } #nav_1 a { background:url("nav_1.gif") left top no-repeat; height:20px; padding-top:5px; } #nav_2 a { background:url("nav_2.gif") left top no-repeat; height:22px; padding-top:9px; } #nav_3 a { background:url("nav_3.gif") left top no-repeat; height:20px; padding-top:5px; } #nav_4 a { background:url("nav_4.gif") left top no-repeat; height:18px; padding-top:5px; } #nav_5 a { background:url("nav_5.gif") left top no-repeat; height:20px; padding-top:8px; } #nav_6 a { background:url("nav_6.gif") left top no-repeat; height:22px; padding-top:8px; } #nav_7 a { background:url("nav_7.gif") left top no-repeat; height:21px; padding-top:5px; } #nav_8 a { background:url("nav_8.gif") left top no-repeat; height:23px; padding-top:6px; } #article { width:713px; float:right; margin-bottom:16px; border-left:2px solid #d1130a; font-size:0.9em; } #article_padding { padding:0 0 0 13px; color:#1689CA; } #sidebar { width:177px; float:left; margin-bottom:16px; font-size:0.9em; color:#1689CA; background:#d1130a url("nav_background.gif") left top no-repeat; min-height:613px; } #sidebar_padding { padding:0; } #base { width:925px; height:16px; } /* ---------------------- Content CSS ---------------------- */ .address { font-size:0.97em; color:#FFF; padding:0 10px 10px 10px; } #sticker { width:495px; float:left; height:143px; background:#fdce30 url("sticker.gif") left top no-repeat; overflow:hidden; position:relative; top:-3px; left:-5px; margin-right:-5px; } #sticker div { padding:30px 44px 20px 26px; text-transform:uppercase; color:#d1130a; font-size:1.8em; line-height:140%; } #sticker div a, #sticker div a:visited { color:#d1130a; text-decoration:none; } #sticker div a:hover { color:#d1130a; text-decoration:underline; } #header_flash { margin-bottom:16px; } #advert_flash { display:none; } /*#advert_flash { width:184px; height:125px; float:right; overflow:hidden; }*/ #icons { width:186px; float:right; overflow:hidden; } #icons ul { list-style:none; margin:4px 0 0 0; padding:0; } #icons ul li { float:left; margin:0 3px 1px 0; } #icons ul li.end { margin-right:0!important; } #register { width:177px; height:88px; overflow:hidden; } #register a, #register a:visited { width:177px; height:88px; background:#d1130a url("banner_register.gif") left top no-repeat; display:block; text-indent:-9000px; } #promotions { width:177px; height:135px; overflow:hidden; } #promotions a, #promotions a:visited { width:177px; height:135px; background:#d1130a url("banner_promotions.gif") left top no-repeat; display:block; text-indent:-9000px; } /* ---------------------- Pages ---------------------- */ .image-borders img { display:block; border:2px solid #d1130a; } #home_header { width:361px; height:64px; background:#d1130a url("pages/home_header.gif") left top no-repeat; overflow:hidden; } #home_header h2 { text-indent:-9000px; } #home_content { width:361px; background:#d1130a url("pages/home_background.gif") left top repeat-y; color:#FFF; } #home_padding { padding:2px 23px 1px 16px; } #home_footer { width:361px; height:22px; background:#d1130a url("pages/home_footer.gif") left top no-repeat; overflow:hidden; } #eat_header { width:367px; height:55px; background:#d1130a url("pages/eat_header.gif") left top no-repeat; overflow:hidden; } #eat_header h2 { text-indent:-9000px; } #eat_content { width:347px; height:413px; padding-right:20px; background:#d1130a url("pages/eat_background.gif") left top repeat-y; color:#FFF; } #eat_content h1, #eat_content h2, #eat_content h3, #eat_content h4, #eat_content h5, #eat_content h6 { color:#FFF; } #eat_padding { padding:2px 26px 1px 20px; height:380px; overflow:auto; } #cinema_header { width:367px; height:71px; background:#d1130a url("pages/cinema_header.gif") left top no-repeat; overflow:hidden; } #cinema_header h2 { text-indent:-9000px; } #cinema_content { width:347px; height:413px; padding-right:20px; background:#d1130a url("pages/eat_background.gif") left top repeat-y; color:#FFF; } #cinema_content h1, #eat_content h2, #eat_content h3, #eat_content h4, #eat_content h5, #eat_content h6 { color:#FFF; } #cinema_padding { padding:2px 26px 1px 20px; height:380px; overflow:auto; } #fitness_header { width:367px; height:71px; background:#d1130a url("pages/fitness_header.gif") left top no-repeat; overflow:hidden; } #fitness_header h2 { text-indent:-9000px; } #fitness_content { width:347px; height:413px; padding-right:20px; background:#d1130a url("pages/eat_background.gif") left top repeat-y; color:#FFF; } #fitness_content h1, #eat_content h2, #eat_content h3, #eat_content h4, #eat_content h5, #eat_content h6 { color:#FFF; } #fitness_padding { padding:2px 26px 1px 20px; height:380px; overflow:auto; } #drinks_dance_header { width:367px; height:69px; background:#d1130a url("pages/drinks_dance_header.gif") left top no-repeat; overflow:hidden; } #drinks_dance_header h2 { text-indent:-9000px; } #drinks_dance_content { width:347px; height:413px; padding-right:20px; background:#d1130a url("pages/eat_background.gif") left top repeat-y; color:#FFF; } #drinks_dance_content h1, #eat_content h2, #eat_content h3, #eat_content h4, #eat_content h5, #eat_content h6 { color:#FFF; } #drinks_dance_padding { padding:2px 26px 1px 20px; height:380px; overflow:auto; } #hotel_header { width:367px; height:71px; background:#d1130a url("pages/hotel_header.gif") left top no-repeat; overflow:hidden; } #hotel_header h2 { text-indent:-9000px; } #hotel_content { width:347px; height:413px; padding-right:20px; background:#d1130a url("pages/eat_background.gif") left top repeat-y; color:#FFF; } #hotel_content h1, #eat_content h2, #eat_content h3, #eat_content h4, #eat_content h5, #eat_content h6 { color:#FFF; } #hotel_padding { padding:2px 26px 1px 20px; height:380px; overflow:auto; } #events_promotions_header { width:367px; height:71px; background:#d1130a url("pages/events_promotions_header.gif") left top no-repeat; overflow:hidden; } #events_promotions_header h2 { text-indent:-9000px; } #events_promotions_content { width:347px; height:413px; padding-right:20px; background:#d1130a url("pages/eat_background.gif") left top repeat-y; color:#FFF; } #events_promotions_content h1, #eat_content h2, #eat_content h3, #eat_content h4, #eat_content h5, #eat_content h6 { color:#FFF; } #events_promotions_padding { padding:2px 26px 1px 20px; height:380px; overflow:auto; } #bowl_header { width:367px; height:71px; background:#d1130a url("pages/bowl_header.gif") left top no-repeat; overflow:hidden; } #bowl_header h2 { text-indent:-9000px; } #bowl_content { width:347px; height:413px; padding-right:20px; background:#d1130a url("pages/eat_background.gif") left top repeat-y; color:#FFF; } #bowl_content h1, #eat_content h2, #eat_content h3, #eat_content h4, #eat_content h5, #eat_content h6 { color:#FFF; } #bowl_padding { padding:2px 26px 1px 20px; height:380px; overflow:auto; } #market_header { width:367px; height:71px; background:#d1130a url("pages/market_header.gif") left top no-repeat; overflow:hidden; } #market_header h2 { text-indent:-9000px; } #market_content { width:347px; height:413px; padding-right:20px; background:#d1130a url("pages/eat_background.gif") left top repeat-y; color:#FFF; } #market_content h1, #eat_content h2, #eat_content h3, #eat_content h4, #eat_content h5, #eat_content h6 { color:#FFF; } #market_padding { padding:2px 26px 1px 20px; height:380px; overflow:auto; } #googleMap { border:2px solid #d1130a; margin-bottom:16px; width:395px; height:451px; margin-top:2px; overflow:hidden; } #location_header { width:285px; height:58px; background:#d1130a url("pages/location_header.gif") left top no-repeat; overflow:hidden; } #location_header h2 { text-indent:-9000px; } #location_content { width:265px; height:418px; padding-right:20px; background:#d1130a url("pages/location_background.gif") left top repeat-y; color:#FFF; } #location_content h1, #location_content h2, #location_content h3, #location_content h4, #location_content h5, #location_content h6 { color:#FFF; } #location_padding { padding:2px 26px 1px 20px; height:385px; overflow:auto; } #gallery_header { width:701px; height:58px; background:#d1130a url("pages/gallery_header.gif") left top no-repeat; overflow:hidden; } #gallery_header h2 { text-indent:-9000px; } #gallery_content { width:681px; height:418px; padding-right:20px; background:#d1130a url("pages/gallery_background.gif") left top repeat-y; color:#FFF; } #gallery_content ul { list-style:none; margin:0; padding:0; } #gallery_content ul li { float:left; border:1px solid #424242; margin:0 13px 13px 0; } #gallery_content ul li a, #gallery_content ul li a:visited { border:4px solid #FFFFFF; display:block; width:100px; height:100px; } #gallery_content ul li a:hover, #gallery_content ul li a:focus { border:4px solid #BFBFBF; display:block; width:100px; height:100px; } #gallery_content ul li a img { display:block; } #gallery_padding { padding:2px 26px 1px 20px; height:385px; overflow:auto; } /* ---------------------- Flash ---------------------- */ .flash p { margin:0; padding:15px; text-align:center; } .flash p a, .flash p a:visited { text-decoration:none; } .flash p a:hover, .flash p a:active { text-decoration:underline; } #coverflow_flash { margin-bottom:16px; } /* ---------------------- HighSlide ---------------------- */ .highslide { cursor:url("../behaviour/highslide/zoomin.cur"), pointer; outline:none; } .highslide-caption { display:none; padding:5px 7px 5px 7px; background-color:#333333; color:#FFF; font-weight:bold; text-align:center; } .highslide-loading { display:block; color:#FFF; font-size:9px; font-weight:bold; text-transform:uppercase; text-decoration:none; padding:3px; border:1px solid #FFF; background-color:#000; } .highslide-display-block { display:block; } .highslide-display-none { display:none; } .closebutton { position:relative; top:-15px; left:15px; width:30px; height:30px; cursor:pointer; background: url("../behaviour/highslide/close.png"); } .highslide-image { padding:4px; background-color:#FFF; border:1px solid #424242; } /* ---------------------- Tables ---------------------- */ .table { margin-bottom:16px; width:100%; border-collapse:collapse; } .table caption { text-align:left; font-size:0.85em; } .table th, .table td { border-bottom:1px solid #D6E3C0; padding:3px 0 3px 3px; } .table th { text-align:left; vertical-align:bottom; } .table th a, .table th a:visited { text-decoration:none; } .table th a:hover { text-decoration:underline; } .table td { text-align:left; vertical-align:top; } .table thead th, .table thead td { border-bottom:2px solid #D6E3C0!important; font-weight:bold; } .table tbody tr:hover { background-color:#D6E3C0; } .table tbody tr.alt { background-color:#D6E3C0; } .table tbody tr.alt:hover { background-color:#D6E3C0; }