/* ## YUI CSS RESET # */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } q:before,q:after { content:''; } abbr,acronym { border:0; } strong {font-weight: bold;} /* ## END OF YUI CSS RESET # */ html { height: 100%; margin-bottom: 1px; } body {font-size: 11px; color: #6D5856; font-family: "Helvetica Neue", Helvetica, Tahoma, Arial; background: url('../images/background.gif') top left repeat #241010; text-align: center;} body.body_christmas {background:url('../images/christmas_background.png') top left repeat-x #004D86;} body.body_eatfilms {background:#17212A;} .clearer { clear:both; } #wrapper {width: 800px; text-align: left; margin: 0px auto 10px auto;} #header {width: 800px; float: left; position: relative;height:200px;} #header-left {width: 800px; float: left; position: absolute; left: 0px; bottom: 0px;} #header-right {width: 300px; float: right;position:absolute;right:0px;bottom:28px;} #site {width: 780px; padding: 11px 10px; background: #FFFFFF; float: left;} #content {width: 530px; float: left;} #sidebar {width: 240px; float: right;} #footer {width: 800px; color: #FEF0D3; float: left; letter-spacing: 0.5px; padding: 10px 0px 30px 0px; font-size: 11px;position:relative;} #footer a {color:#FEF0D3;} .facebook_link {position:absolute;right:0px;bottom:5px;} .body_christmas #footer {width: 800px; color: #FFFFFF; float: left; letter-spacing: 0.5px; padding: 10px 0px 140px 0px; font-size: 11px;position:relative;} .body_christmas #footer a {color:#FFFFFF;} .christmas_footer {display:none;} .body_christmas .christmas_footer {display:block;background:url('../images/sloansxmas_repeat.png') top left repeat-x;width:100%;height:140px;position:fixed;padding-top:60px;bottom:0px;left:0px;z-index:-1;} .msie6 .christmas_footer {display:none;} .msie6 #footer {padding-bottom:10px;} #footer a {color:#FEF0D3;} .facebook_link {position:absolute;right:0px;bottom:5px;} .twitter_link {position:absolute;right:60px;bottom:7px;width:60px;height:17px;background:url('../images/twitter.png') top left no-repeat;text-indent:-9999px;} .body_eatfilms .twitter_link {position:absolute;right:60px;top:10px;width:60px;height:18px;background:url('../images/twitter_blue.jpg') top left no-repeat;text-indent:-9999px;} h1 {width: 300px; height: 165px; background: url('../images/header.png') top left no-repeat; text-indent: -9999px;} .body_christmas h1 {background:url('../images/christmas_header.png') top left no-repeat;} .msie6 h1 {width: 300px; height: 165px; background: none; text-indent: -9999px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/crimson/themes/sloans/images/header.png'); } h2, h3, h4, h4 a, h5, h5 a {color: #241010; font-weight: bold;} body.body_eatfilms h2, body.body_eatfilms h3, body.body_eatfilms h4, body.body_eatfilms h4 a, body.body_eatfilms h5, body.body_eatfilms h5 a {color: #17212A; font-weight: bold;} h2 {font-size: 45px;} h2 span {font-size: 26px;} h2.border-bottom {border-bottom: 1px solid #918A88;margin-bottom:7px;} h2.events-header {width: 530px; height: 45px; background: url('../images/events-header.jpg') top left no-repeat; text-indent: -9999px;} h2.films-header {width: 530px; height: 45px; background: url('../images/upcoming-films-header.png') top left no-repeat; text-indent: -9999px;} h2.wedding-header {width: 530px; height: 45px; background: url('../images/weddings-header.jpg') top left no-repeat; text-indent: -9999px;} h2.history-header {width: 530px; height: 45px; background: url('../images/history-header.jpg') top left no-repeat; text-indent: -9999px;} h2.faq-header {width: 530px; height: 45px; background: url('../images/faq-header.jpg') top left no-repeat; text-indent: -9999px;} h2.terms-header {width: 530px; height: 45px; background: url('../images/terms-header.jpg') top left no-repeat; text-indent: -9999px;} h2.venues-header {width: 530px; height: 45px; background: url('../images/venues-header.jpg') top left no-repeat; text-indent: -9999px;} h2.menu-header {width: 530px; height: 45px; background: url('../images/menus-header.jpg') top left no-repeat; text-indent: -9999px;} h2.christmas-header {width: 530px; height: 45px; background: url('../images/christmas-header.jpg') top left no-repeat; text-indent: -9999px;} h2.market-header {width: 530px; height: 70px; background: url('../images/market-header.png') top left no-repeat; text-indent: -9999px;} h2.book-a-stall-header {width: 530px; height: 45px; background: url('../images/book-a-stall-white-header.png') top left no-repeat; text-indent: -9999px;} h2.market-faq-header {width: 530px; height: 45px; background: url('../images/market-faq-header.png') top left no-repeat; text-indent: -9999px;} h3 {font-size: 24px; line-height: 32px;} h3.book-a-stall {width: 230px; height: 30px; background: url('../images/book_a_stall_header.png') top left no-repeat; text-indent: -9999px;} h3.contact-stall {width: 230px; height: 30px; background: url('../images/contact_market_header.png') top left no-repeat; text-indent: -9999px;} h3.hire-enquiry {width: 230px; height: 30px; background: url('../images/hire-enquiry.png') top left no-repeat; text-indent: -9999px;} h3.table-enquiry {width: 230px; height: 30px; background: url('../images/table-enquiry.png') top left no-repeat; text-indent: -9999px;} h3.upcoming-events {width: 230px; height: 30px; background: url('../images/upcoming-events.png') top left no-repeat; text-indent: -9999px;} h3.newsletter-header {width: 230px; height: 30px; background: url('../images/newsletter-header.gif') top left no-repeat; text-indent: -9999px;} h3.eat_film_poll_header {width:230px;height:40px;background:url('../images/eat_film_poll_plain.jpg') top left no-repeat;text-indent:-9999px;} .body_eatfilms h3.eat_film_poll_header {width:230px;height:40px;background:url('../images/eat_film_poll_blue.jpg') top left no-repeat;text-indent:-9999px;} .body_eatfilms h3.hire-enquiry {width: 230px; height: 30px; background: url('../images/eatfilm_hire_enquiry.png') top left no-repeat; text-indent: -9999px;} h4 {font-size: 15px;color:#311313;} h5 {font-size: 12px; line-height: 18px;} p {line-height: 14px;} .copy p {padding-bottom: 14px;} .copy a {color: #241010;} .copy span.highlight {color:#241010;} /* NAV BAR */ ul#top-nav { position: relative; float: left; width: 800px; height: 25px;} ul#top-nav li {float: left; width: 70px; text-align: center; margin-right: 1px; height: 25px;} ul#top-nav li a {display: block; float: left; -moz-outline-style: none; width: 70px; height: 25px; color: #464748; text-indent: -9999px;overflow:hidden;} ul#top-nav li a.home {background: url('../images/home-nav.png') left -50px no-repeat;} ul#top-nav li a.history {background: url('../images/history-nav.png') left -50px no-repeat;} ul#top-nav li a.venues {background: url('../images/hire-nav.png') left -50px no-repeat;} ul#top-nav li a.menus {background: url('../images/menus-nav.png') left -50px no-repeat;} ul#top-nav li a.events {background: url('../images/events-nav.png') left -50px no-repeat;padding-bottom:0px;} ul#top-nav li a.film {background: url('../images/film-nav.png') left -50px no-repeat;} ul#top-nav li a.hire {background: url('../images/hire-nav.png') left -50px no-repeat;} ul#top-nav li a.market {background: url('../images/market-nav.png') left -50px no-repeat;} ul#top-nav li a.contact {background: url('../images/contact-nav.png') left -50px no-repeat;} ul#top-nav li a:hover {background-position: left -25px;} ul#top-nav li a.active {color: #000000; background-position: left 0px;} .body_eatfilms ul#top-nav li a.home {background: url('../images/eat-film-nav-home.png') left -50px no-repeat;} .body_eatfilms ul#top-nav li a.history {background: url('../images/eat-film-nav-history.png') left -50px no-repeat;} .body_eatfilms ul#top-nav li a.venues {background: url('../images/eat-film-nav-hire.png') left -50px no-repeat;} .body_eatfilms ul#top-nav li a.menus {background: url('../images/eat-film-nav-menus.png') left -50px no-repeat;} .body_eatfilms ul#top-nav li a.events {background: url('../images/eat-film-nav-events.png') left -50px no-repeat;} .body_eatfilms ul#top-nav li a.film {background: url('../images/eat-film-nav-eat-film.png') left -50px no-repeat;} .body_eatfilms ul#top-nav li a.hire {background: url('../images/eat-film-nav-hire.png') left -50px no-repeat;} .body_eatfilms ul#top-nav li a.market {background: url('../images/eat-film-nav-market.png') left -50px no-repeat;} .body_eatfilms ul#top-nav li a.contact {background: url('../images/eat-film-nav-contact.png') left -50px no-repeat;} .body_eatfilms ul#top-nav li a:hover {background-position: left -25px;} .body_eatfilms ul#top-nav li a.active {color: #000000; background-position: left 0px;} .msie6 ul#top-nav { top:5px;} .msie6 ul#top-nav li a {background:none;} .msie6 ul#top-nav li a.home { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/crimson/themes/sloans/images/home-nav.png', sizingMethod='crop'); } .msie6 ul#top-nav li a.history { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/crimson/themes/sloans/images/history-nav.png', sizingMethod='crop'); } .msie6 ul#top-nav li a.venues{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/crimson/themes/sloans/images/venues-nav.png', sizingMethod='crop'); } .msie6 ul#top-nav li a.menus{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/crimson/themes/sloans/images/menus-nav.png', sizingMethod='crop'); } .msie6 ul#top-nav li a.events{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/crimson/themes/sloans/images/events-nav.png', sizingMethod='crop'); } .msie6 ul#top-nav li a.hire{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/crimson/themes/sloans/images/hire-nav.png', sizingMethod='crop'); } .msie6 ul#top-nav li a.contact{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/crimson/themes/sloans/images/contact-nav.png', sizingMethod='crop'); } .msie6 ul#top-nav li a:hover {background-position: left -25px;} .msie6 ul#top-nav li a.active {color: #000000; background-position: left 0px;} /* SIDEBAR */ .gradient {background: url('../images/sidebar-gradient.png') top left repeat-x #F2D5B9;} .body_eatfilms .gradient {background: url('../images/red_gradient.jpg') top left repeat-x #761B14;} .sidebar-box {margin-bottom: 10px; width: 230px; padding: 5px; float: left;} .sidebar-box p {line-height: 12px;} .sidebar-event {border-top: 1px solid #9A8A88; width: 230px; padding: 5px 0px; float: left;} .sidebar-event .text {width: 125px; margin-right: 10px; float: left;} .sidebar-event .image {width: 95px; float: right; text-align: right;} /* SIDEBAR FORM */ .form .form-row {margin-bottom: 5px;clear:left;float:left;width:100%;} .form .inline-row {margin-bottom: 5px;clear:left;float:left;padding-right:2px;width:228px;} .form select {width: 74px;} .form .inline-row label {display:block;width:5em;float:left;} .form .form-row label {float:left;width:230px;} .form label {font-size: 12px; font-weight: bold; color: #241010; line-height: 18px;} .form input.text {border: none; width: 226px; padding: 2px;} .form textarea {border: none; width: 226px; padding: 2px;} .form .submit-row {padding-top: 10px;} .form .submit-row input {float: right;} .form .fieldWithErrors input, .form .fieldWithErrors textarea, .form .fieldWithErrors select { background: #FFCCCC; } /* HOMEPAGE */ .homepage h2 {width: 400px; height: 70px; background: url('../images/welcome-header.png') top left no-repeat; text-indent: -9999px;} .homepage .copy {clear: both;} .homepage .copy p {padding-left: 8px;width: 400px;} #slideshowWrapper {border: solid 5px #241010; margin-bottom:10px;height:346px;} #homepage-nav ul{ width: 530px; position: relative; float: left; clear: both; height: 84px;} #homepage-nav ul li {width: 126px; margin-right: 3px; float: left; font-size: 16px; background: #F2D5B9; padding: 20px 2px 2px 2px;} #homepage-nav ul li.last {margin-right: 0px; width: 127px;} #homepage-nav .todays-menu {text-indent: -9999px; background: url('../images/todays-menu.png') top left no-repeat; width: 115px; height: 20px; display: block;} #homepage-nav .having-a-party {text-indent: -9999px; background: url('../images/having-a-party.png') top left no-repeat; width: 115px; height: 20px; display: block;} #homepage-nav .weddings {text-indent: -9999px; background: url('../images/weddings.png') top left no-repeat; width: 115px; height: 20px; display: block;} #homepage-nav .book-a-table {text-indent: -9999px; background: url('../images/book-a-table.png') top left no-repeat; width: 115px; height: 20px; display: block;} /* EVENTS */ .upcoming-events h2#banner {width: 530px; height: 50px; margin-bottom: 5px; background: url('../images/upcoming-events-header.png') top left no-repeat; text-indent: -9999px; border-bottom: 1px solid #9A8A88;} .upcoming-events p {color: #000000;} .body_eatfilms .upcoming-events p {color: #1C2C38;} .event-gutter {width: 35px; padding-right: 5px; padding-top: 5px; float: left;} .event-divider {width: 530px; float: left; border-bottom: 1px solid #9A8A88; position: relative;} .events {width: 490px; float: left; padding: 0px 0px 5px 0px;} .events .event {margin-top: 5px;} .event {width: 470px; padding: 10px; float: left;} .event a {display: block; width: 470px; text-decoration: none; color: #241010; outline: none;} .event .text a, .event-details p a {color:#3A749C;text-decoration:underline;} .body_eatfilms .event a, .body_eatfilms .event a:visited, .body_eatfilms .events p a, .body_eatfilms .events p a:visited {display: block; width: 470px; text-decoration: none; color: #00a3e0; outline: none;} .body_eatfilms .upcoming-events .event-header p, .body_eatfilms .upcoming-events .event-header h4 {color:#FFFFFF;} .event-header:hover {cursor:pointer;} .event-details {float:left;width:490px;} .canvas {background: url(../images/event-dropshadow.gif) top left repeat-x #C6BBB9; padding: 10px;} .body_eatfilms .canvas {background: url(../images/event-dropshadow_blue.gif) top left repeat-x #B8CAD5; padding: 10px;} .canvas p {padding-bottom: 14px;} .canvas img {float: right; margin-left: 20px;} .feature-event {border-bottom: 2px solid #241010; float: left; position: relative;} .feature-event .event-gutter h5 {height: 90px; width: 35px; background: url('../images/gutter-feature.gif') top left no-repeat; text-indent: -9999px; position: absolute; bottom: 10px;} .feature-event .event{background: #EbE8E7; margin-bottom: 10px;} .body_eatfilms .feature-event .event{background: #B8CAD5;} .feature-event .event .image {width: 190px; float: left;} .feature-event .event .text {width: 270px; margin-left: 10px; float: right;} .feature-event .event p {padding-top: 14px;} .feature-event .event h3 {line-height: 24px;} .event p.details {padding-top: 0px;} .event-gutter h5.gutter-1 {height: 34px; width: 35px; background: url('../images/gutter-01.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .event-gutter h5.gutter-2 {height: 34px; width: 35px; background: url('../images/gutter-02.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .event-gutter h5.gutter-3 {height: 34px; width: 35px; background: url('../images/gutter-03.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .event-gutter h5.gutter-4 {height: 34px; width: 35px; background: url('../images/gutter-04.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .event-gutter h5.gutter-5 {height: 34px; width: 35px; background: url('../images/gutter-05.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .event-gutter h5.gutter-6 {height: 34px; width: 35px; background: url('../images/gutter-06.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .event-gutter h5.gutter-7 {height: 34px; width: 35px; background: url('../images/gutter-07.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .event-gutter h5.gutter-8 {height: 34px; width: 35px; background: url('../images/gutter-08.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .event-gutter h5.gutter-9 {height: 34px; width: 35px; background: url('../images/gutter-09.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .event-gutter h5.gutter-10 {height: 34px; width: 35px; background: url('../images/gutter-10.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .event-gutter h5.gutter-11 {height: 34px; width: 35px; background: url('../images/gutter-11.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .event-gutter h5.gutter-12 {height: 34px; width: 35px; background: url('../images/gutter-12.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .event-gutter h5.gutter-13 {height: 34px; width: 35px; background: url('../images/gutter-13.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .event-gutter h5.gutter-14 {height: 34px; width: 35px; background: url('../images/gutter-14.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .event-gutter h5.gutter-15 {height: 34px; width: 35px; background: url('../images/gutter-15.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .event-gutter h5.gutter-16 {height: 34px; width: 35px; background: url('../images/gutter-16.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .event-gutter h5.gutter-17 {height: 34px; width: 35px; background: url('../images/gutter-17.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .event-gutter h5.gutter-18 {height: 34px; width: 35px; background: url('../images/gutter-18.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .event-gutter h5.gutter-19 {height: 34px; width: 35px; background: url('../images/gutter-19.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .event-gutter h5.gutter-20 {height: 34px; width: 35px; background: url('../images/gutter-20.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .event-gutter h5.gutter-21 {height: 34px; width: 35px; background: url('../images/gutter-21.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .event-gutter h5.gutter-22 {height: 34px; width: 35px; background: url('../images/gutter-22.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .event-gutter h5.gutter-23 {height: 34px; width: 35px; background: url('../images/gutter-23.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .event-gutter h5.gutter-24 {height: 34px; width: 35px; background: url('../images/gutter-24.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .event-gutter h5.gutter-25 {height: 34px; width: 35px; background: url('../images/gutter-25.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .event-gutter h5.gutter-26 {height: 34px; width: 35px; background: url('../images/gutter-26.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .event-gutter h5.gutter-27 {height: 34px; width: 35px; background: url('../images/gutter-27.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .event-gutter h5.gutter-28 {height: 34px; width: 35px; background: url('../images/gutter-28.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .event-gutter h5.gutter-29 {height: 34px; width: 35px; background: url('../images/gutter-29.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .event-gutter h5.gutter-30 {height: 34px; width: 35px; background: url('../images/gutter-30.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .event-gutter h5.gutter-31 {height: 34px; width: 35px; background: url('../images/gutter-31.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .event-gutter h5.gutter-m1 {height: 20px; width: 35px; background: url('../images/gutter-jan.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 40px;} .event-gutter h5.gutter-m2 {height: 20px; width: 35px; background: url('../images/gutter-feb.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 40px;} .event-gutter h5.gutter-m3 {height: 20px; width: 35px; background: url('../images/gutter-mar.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 40px;} .event-gutter h5.gutter-m4 {height: 20px; width: 35px; background: url('../images/gutter-apr.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 40px;} .event-gutter h5.gutter-m5 {height: 20px; width: 35px; background: url('../images/gutter-may.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 40px;} .event-gutter h5.gutter-m6 {height: 20px; width: 35px; background: url('../images/gutter-jun.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 40px;} .event-gutter h5.gutter-m7 {height: 20px; width: 35px; background: url('../images/gutter-jul.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 40px;} .event-gutter h5.gutter-m8 {height: 20px; width: 35px; background: url('../images/gutter-aug.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 40px;} .event-gutter h5.gutter-m9 {height: 20px; width: 35px; background: url('../images/gutter-sep.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 40px;} .event-gutter h5.gutter-m10 {height: 20px; width: 35px; background: url('../images/gutter-oct.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 40px;} .event-gutter h5.gutter-m11 {height: 20px; width: 35px; background: url('../images/gutter-nov.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 40px;} .event-gutter h5.gutter-m12 {height: 20px; width: 35px; background: url('../images/gutter-dec.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 40px;} .body_eatfilms .event-gutter h5.gutter-1 {height: 34px; width: 35px; background: url('../images/gutter_blue/gutter-01.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .body_eatfilms .event-gutter h5.gutter-2 {height: 34px; width: 35px; background: url('../images/gutter_blue/gutter-02.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .body_eatfilms .event-gutter h5.gutter-3 {height: 34px; width: 35px; background: url('../images/gutter_blue/gutter-03.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .body_eatfilms .event-gutter h5.gutter-4 {height: 34px; width: 35px; background: url('../images/gutter_blue/gutter-04.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .body_eatfilms .event-gutter h5.gutter-5 {height: 34px; width: 35px; background: url('../images/gutter_blue/gutter-05.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .body_eatfilms .event-gutter h5.gutter-6 {height: 34px; width: 35px; background: url('../images/gutter_blue/gutter-06.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .body_eatfilms .event-gutter h5.gutter-7 {height: 34px; width: 35px; background: url('../images/gutter_blue/gutter-07.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .body_eatfilms .event-gutter h5.gutter-8 {height: 34px; width: 35px; background: url('../images/gutter_blue/gutter-08.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .body_eatfilms .event-gutter h5.gutter-9 {height: 34px; width: 35px; background: url('../images/gutter_blue/gutter-09.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .body_eatfilms .event-gutter h5.gutter-10 {height: 34px; width: 35px; background: url('../images/gutter_blue/gutter-10.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .body_eatfilms .event-gutter h5.gutter-11 {height: 34px; width: 35px; background: url('../images/gutter_blue/gutter-11.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .body_eatfilms .event-gutter h5.gutter-12 {height: 34px; width: 35px; background: url('../images/gutter_blue/gutter-12.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .body_eatfilms .event-gutter h5.gutter-13 {height: 34px; width: 35px; background: url('../images/gutter_blue/gutter-13.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .body_eatfilms .event-gutter h5.gutter-14 {height: 34px; width: 35px; background: url('../images/gutter_blue/gutter-14.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .body_eatfilms .event-gutter h5.gutter-15 {height: 34px; width: 35px; background: url('../images/gutter_blue/gutter-15.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .body_eatfilms .event-gutter h5.gutter-16 {height: 34px; width: 35px; background: url('../images/gutter_blue/gutter-16.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .body_eatfilms .event-gutter h5.gutter-17 {height: 34px; width: 35px; background: url('../images/gutter_blue/gutter-17.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .body_eatfilms .event-gutter h5.gutter-18 {height: 34px; width: 35px; background: url('../images/gutter_blue/gutter-18.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .body_eatfilms .event-gutter h5.gutter-19 {height: 34px; width: 35px; background: url('../images/gutter_blue/gutter-19.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .body_eatfilms .event-gutter h5.gutter-20 {height: 34px; width: 35px; background: url('../images/gutter_blue/gutter-20.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .body_eatfilms .event-gutter h5.gutter-21 {height: 34px; width: 35px; background: url('../images/gutter_blue/gutter-21.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .body_eatfilms .event-gutter h5.gutter-22 {height: 34px; width: 35px; background: url('../images/gutter_blue/gutter-22.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .body_eatfilms .event-gutter h5.gutter-23 {height: 34px; width: 35px; background: url('../images/gutter_blue/gutter-23.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .body_eatfilms .event-gutter h5.gutter-24 {height: 34px; width: 35px; background: url('../images/gutter_blue/gutter-24.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .body_eatfilms .event-gutter h5.gutter-25 {height: 34px; width: 35px; background: url('../images/gutter_blue/gutter-25.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .body_eatfilms .event-gutter h5.gutter-26 {height: 34px; width: 35px; background: url('../images/gutter_blue/gutter-26.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .body_eatfilms .event-gutter h5.gutter-27 {height: 34px; width: 35px; background: url('../images/gutter_blue/gutter-27.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .body_eatfilms .event-gutter h5.gutter-28 {height: 34px; width: 35px; background: url('../images/gutter_blue/gutter-28.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .body_eatfilms .event-gutter h5.gutter-29 {height: 34px; width: 35px; background: url('../images/gutter_blue/gutter-29.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .body_eatfilms .event-gutter h5.gutter-30 {height: 34px; width: 35px; background: url('../images/gutter_blue/gutter-30.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .body_eatfilms .event-gutter h5.gutter-31 {height: 34px; width: 35px; background: url('../images/gutter_blue/gutter-31.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 5px;} .body_eatfilms .event-gutter h5.gutter-m1 {height: 20px; width: 35px; background: url('../images/gutter_blue/gutter-jan.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 40px;} .body_eatfilms .event-gutter h5.gutter-m2 {height: 20px; width: 35px; background: url('../images/gutter_blue/gutter-feb.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 40px;} .body_eatfilms .event-gutter h5.gutter-m3 {height: 20px; width: 35px; background: url('../images/gutter_blue/gutter-mar.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 40px;} .body_eatfilms .event-gutter h5.gutter-m4 {height: 20px; width: 35px; background: url('../images/gutter_blue/gutter-apr.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 40px;} .body_eatfilms .event-gutter h5.gutter-m5 {height: 20px; width: 35px; background: url('../images/gutter_blue/gutter-may.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 40px;} .body_eatfilms .event-gutter h5.gutter-m6 {height: 20px; width: 35px; background: url('../images/gutter_blue/gutter-jun.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 40px;} .body_eatfilms .event-gutter h5.gutter-m7 {height: 20px; width: 35px; background: url('../images/gutter_blue/gutter-jul.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 40px;} .body_eatfilms .event-gutter h5.gutter-m8 {height: 20px; width: 35px; background: url('../images/gutter_blue/gutter-aug.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 40px;} .body_eatfilms .event-gutter h5.gutter-m9 {height: 20px; width: 35px; background: url('../images/gutter_blue/gutter-sep.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 40px;} .body_eatfilms .event-gutter h5.gutter-m10 {height: 20px; width: 35px; background: url('../images/gutter_blue/gutter-oct.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 40px;} .body_eatfilms .event-gutter h5.gutter-m11 {height: 20px; width: 35px; background: url('../images/gutter_blue/gutter-nov.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 40px;} .body_eatfilms .event-gutter h5.gutter-m12 {height: 20px; width: 35px; background: url('../images/gutter_blue/gutter-dec.gif') top left no-repeat; text-indent: -9999px; position: absolute; top: 40px;} /* MENUS */ .menus h2#banner {width: 110px; height: 50px; margin-bottom: 5px; background: url('../images/menus-header.png') top left no-repeat; text-indent: -9999px;} #sub-tabs {float: left; width: 530px; height: 20px; text-align: center; margin-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #9A8A88;} #sub-tabs li {float: left; width: auto; border-left: 1px solid #464748; font-size: 9px; line-height:16px;font-weight: bold; padding: 2px 5px;} #sub-tabs li.first {border-left: 1px solid #FFFFFF;} #sub-tabs li.selected {background: url('../images/menu-tab-gradient.png') top left repeat-x #E9C7A6;} #sub-tabs li a {color: #464748; text-decoration: none;} #sub-tabs li a:hover {text-decoration: underline; color: #161617;} #sub-tabs li.selected a{color:#161617;} .venues_container #sub-tabs {float: left; width: 530px; height: 48px; text-align: center; margin-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #9A8A88;} .venues_container #sub-tabs li {float: left; width: auto; border-left: 1px solid #464748; font-size: 11px; line-height:16px;font-weight: bold; padding: 1px 11px;margin:2px 0px;} .venues_container #sub-tabs li.first {border-left: 1px solid #FFFFFF;} .venues_container #sub-tabs li.selected {background: url('../images/menu-tab-gradient.png') top left repeat-x #E9C7A6;} .venues_container #sub-tabs li a {color: #464748; text-decoration: none;} .venues_container #sub-tabs li a:hover {text-decoration: underline; color: #161617;} .venues_container #sub-tabs li.selected a{color:#161617;} #menu-header {width: 510px; padding: 10px; float: left; height:45px;background: url('../images/mid-gradient.png') top left repeat-x #D68848; margin-top: 10px; position: relative;} .menu-header-course {float: left; width: 185px; position: absolute; bottom: 20px; left: 10px;} .menu-header-course_long {float: left; width: 250px; position: absolute; bottom: 20px; left: 10px;} .menu-header-course h3 {font-size: 28px; line-height: 28px;} .menu-header-course-cake-salon {float: left; width: 330px; position: absolute; bottom: 20px; left: 10px;} .menu-header-course-cake-salon h3 {font-size: 24px; line-height: 28px;} .menu-header-description {color: #241010; float: left; width: 250px; position: absolute; bottom: 20px; left: 195px;} .menu-header-description_short {color: #241010; float: left; width: 185px; position: absolute; bottom: 20px; left: 260px;} .menu-header-description p {font-size: 12px;} .menu-header-download {float: right; width: 45px; height: 45px;} .menu-header-download h5 a{display: block; width: 45px; height: 45px; background: url('../images/download-menu.gif') top left no-repeat; text-indent: -9999px;overflow:hidden;} #menu-container {background: url('../images/menu-container-shadow.gif') top left repeat-x #C6BBB9; float: left; width: 490px; padding: 10px 20px;} /* Shadows */ .menu-wrapper-top {background: url('../images/menu-shadow-top.gif') bottom left no-repeat; width: 490px; height: 20px;} .menu-wrapper-slice {background: url('../images/menu-shadow-slice.gif') top left repeat-y; width: 470px; padding: 0px 10px;} .menu-wrapper-bottom {background: url('../images/menu-shadow-bottom.gif') bottom left no-repeat; width: 490px; height: 20px;} /* end of shadows */ #menu-wrapper {background: url('../images/sidebar-gradient.png') top left repeat-x #F2D5B9; width: 410px; padding: 25px 30px 30px 30px;} #menu {background: #FFFFFF; border: 2px solid #241010; padding: 10px 25px 25px 25px; width: 356px;} #menu ul {text-align: center; color: #161617; border-bottom: 1px solid #F2D5B9; padding: 10px 0px; font-size: 11px; line-height: 16px;} #menu ul.last_course {border-bottom: 0px;padding-bottom:0px;} #menu ul li.course-header {font-weight: bold; font-size: 12px; line-height: 18px;} #menu ul li.christmas_menu {text-indent:-9999px;display:block;width:267px;height:30px;background:url('../images/christmas_menu.jpg') 89px top no-repeat;padding-bottom:6px;} /* HISTORY */ img.history_image {border:solid 5px #241010;margin-bottom:20px;} .christmas img.history_image {border:solid 5px #001543;margin-bottom:20px;} /* VENUES */ .thumbnail_carousel{margin:5px 0px 10px 0px;float:left;} .thumbnail_carousel li{float:left; margin-left:10px;} .thumbnail_carousel li.first_thumbnail {margin-left: 0px;} .thumbnail_carousel img{ border:solid 4px #c6bbb9; } .thumbnail_carousel .active img{ border:solid 4px #FFFFFF; } #venue-header {width: 510px; padding: 10px; float: left; height:45px;background: url('../images/mid-gradient.png') top left repeat-x #D68848; margin-top: 10px; position: relative;} .venue-header {float:left; width:510px; position:absolute;bottom:20px;left:10px;} .venue-header h3 {font-size: 28px; line-height: 28px;} #venue-container {background: url('../images/menu-container-shadow.gif') top left repeat-x #C6BBB9; float: left; width: 490px; padding: 10px 20px;} .msie6 #venue-container {padding:10px 5px;} #venue-container h4 {width:490px; border-bottom: 1px solid #241010;margin-bottom:5px;} #venue-container p {width:400px;color:#161617;} #venue-container table {width:490px;} #venue-container tr {} #venue-container th {width:98px;text-align:center;color:#241010;font-weight:bold;border-style: solid; border-color: #E0E0E0; border-width: 0px 0px 1px 0px;padding:4px 0px;} #venue-container td {width:98px;text-align:center;color:#241010;font-weight:bold;border-style: solid; border-color: #E0E0E0; border-width: 0px 0px 1px 0px;padding:4px 0px;} #venue-container td span, #venue-container th span {display:block;height:30px;width:97px; border-style: solid; border-color: #E0E0E0; border-width: 0px 1px 0px 0px;} /* FAQ */ .faq p {padding-bottom:7px;} .faq h4 {padding-top:7px;} .faq a {color:#241010;} #hire-charges {width:500px;font-size:12px;margin:6px 0px 12px 0px;} #hire-charges th {background:#241010;color:#FFFFFF;padding:1px 0px;} #hire-charges td {border-top:1px solid #241010;} #hire-charges .alt td {border-top:1px solid #241010;background:#FAE6CC;color:#241010;} #venue-capacity {width:500px;font-size:12px;margin:6px 0px 12px 0px;} #venue-capacity th {background:#241010;color:#FFFFFF;padding:1px 0px;} #venue-capacity td {border-top:1px solid #241010;} #venue-capacity .alt td {border-top:1px solid #241010;background:#FAE6CC;color:#241010;} /* VENUES FORM */ #venue_enquiry_venue { width:auto; float:right; } /*#venue_enquiry_required_at_4i { width:auto; } #venue_enquiry_required_at_5i { width:auto; }*/ #enquiry_form_time_holder { float:right; display:block; width:auto; } /* AR Error block */ #errorExplanation { float:left; width:270px; margin-right:10px; background: url('../images/sidebar-gradient.png') top left repeat-x #F2D5B9; padding:5px; } #errorExplanation h2 { margin:0 0 10px 0; padding:0; font-size:14px; } #errorExplanation li { font-weight:bold; list-style:disc; margin-left:18px; } /* The Flash */ .alert { padding:0.5em; text-align:center;margin-bottom:0.5em;} .alert:hover {cursor:pointer;} .info { border:2px solid #1fdf00; background-color:#bbffb6;font-weight:bold; } /* Google Map */ #map { height:240px; border:solid 5px #241010; } .vcard{font-size:12px;liine-height:14px;color:#241010;padding-top:10px;} .vcard .adr, .vcard .email, .vcard .facebook {padding-bottom:5px;} .vcard a {color:#241010;} /* CHRISTMAS STYLES */ #chrismas_booking_info { background:url("/crimson/themes/sloans/images/christmas_info_background.jpg") top left no-repeat #9c2732; padding:5px 10px; color:#FFFFFF; font-weight:bold; } #chrismas_booking_info p { line-height:16px; } .wide-box { width:280px; margin-right:0; padding-top:0; margin-top:0; } .christmas_offer { margin-left:20px; position:relative; } .christmas_offer h3 { margin-top:0; padding-top:0; color:#0a163c; text-transform:uppercase; font-size:14px; line-height:16px; padding-bottom:3px; width:150px; padding-right:110px; } .christmas_offer p { line-height:16px; } .christmas_price { position:absolute; top:0; right:0; height:28px; width:102px; overflow:hidden; padding:0; margin:0; } .christmas_price span {display:none;} #pounds_45 { background: url('/crimson/themes/sloans/images/45_pounds.jpg') top left no-repeat; } #pounds_35 { background: url('/crimson/themes/sloans/images/35_pounds.jpg') top left no-repeat; } #pounds_30 { background: url('/crimson/themes/sloans/images/30_pounds.jpg') top left no-repeat; } #pounds_25 { background: url('/crimson/themes/sloans/images/25_pounds.jpg') top left no-repeat; } #pounds_25-00 { background: url('/crimson/themes/sloans/images/25-00_pounds.jpg') top left no-repeat; } #pounds_34-95 { background: url('/crimson/themes/sloans/images/34-95_pounds.jpg') top left no-repeat; } #pounds_60-00 { background: url('/crimson/themes/sloans/images/60-00_pounds.jpg') top left no-repeat; } /* EAT FILM */ #eatfilm_banner {width:530px;height:281px;background:url('/crimson/themes/sloans/images/eatfilm_banner_plain.jpg') top left no-repeat;position:relative;padding-bottom:6px;} .eatfilm_copy {width:250px;position:absolute;bottom:5px;right:10px;} .body_eatfilms .upcoming-events .eatfilm_copy p {color:#FFFFFF;padding-bottom:10px;} .body_eatfilms #sidebar .gradient {background:#B8CAD5;} .body_eatfilms #sidebar .gradient p {color:#17212A;} .hire-eat-film {width:230px;height:41px;text-indent:-9999px;background:url('/crimson/themes/sloans/images/hire_eat_film.png') top left no-repeat;padding-bottom:6px;} .body_eatfilms .feature-event {border-bottom: 2px solid #B8CAD5; float: left; position: relative;} .body_eatfilms #sidebar .hire_eat_film_box {background:url('/crimson/themes/sloans/images/knifefork.png') bottom right no-repeat #B8CAD5;} .body_eatfilms .event-divider {width: 530px; float: left; border-bottom: 1px solid #B8CAD5; position: relative;} .body_eatfilms h3.newsletter-header {width: 230px; height: 30px; background: url('../images/newsletter-header_blue.gif') top left no-repeat; text-indent: -9999px;} .body_eatfilms .form label {font-size: 12px; font-weight: bold; color: #17212A; line-height: 18px;} .body_eatfilms .feature-event .event-gutter h5 {height: 90px; width: 35px; background: url('../images/gutter-feature-blue.gif') top left no-repeat; text-indent: -9999px; position: absolute; bottom: 10px;} .body_eatfilms #sidebar .gradient ul {color:#17212A;font-weight:bold;font-size:12px;width:230px;float:left;padding-bottom:10px;} .body_eatfilms #sidebar .gradient ul li {display:block;float:left;clear:left;width:230px;} .body_eatfilms #sidebar .gradient ul li.count {padding-bottom:3px;} .body_eatfilms #sidebar .gradient ul li.count span {display:block;background:#9F301E;text-indent:-9999px;height:13px;} .vote-film h4 {font-size:12px;line-height:18px;font-weight:bold;} .vote-film form p {font-size:12px;font-weight:bold;padding-bottom:8px;} .vote-film form .place_your_vote {cursor:pointer;float:right;text-indent:-9999px;display:block;width:140px;height:19px;background:url('/crimson/themes/sloans/images/place_your_vote.png') top left no-repeat;border:0px;} .body_eatfilms .vote-film form .place_your_vote {float:right;text-indent:-9999px;display:block;width:140px;height:19px;background:url('/crimson/themes/sloans/images/place_your_vote_blue.png') top left no-repeat;border:0px;} /* EAT FILM */ #eatfilm_banner {width:530px;height:281px;background:url('/crimson/themes/sloans/images/eatfilm_banner_plain.jpg') top left no-repeat;position:relative;padding-bottom:6px;} .eatfilm_copy {width:250px;position:absolute;bottom:5px;right:10px;} .body_eatfilms .upcoming-events .eatfilm_copy p {color:#FFFFFF;padding-bottom:10px;} .body_eatfilms #sidebar .gradient {background:#B8CAD5;} .body_eatfilms #sidebar .gradient p {color:#17212A;} .hire-eat-film {width:230px;height:41px;text-indent:-9999px;background:url('/crimson/themes/sloans/images/hire_eat_film.png') top left no-repeat;padding-bottom:6px;} .body_eatfilms .feature-event {border-bottom: 2px solid #B8CAD5; float: left; position: relative;} .body_eatfilms #sidebar .hire_eat_film_box {background:url('/crimson/themes/sloans/images/knifefork.png') bottom right no-repeat #B8CAD5;} .body_eatfilms .event-divider {width: 530px; float: left; border-bottom: 1px solid #B8CAD5; position: relative;} .body_eatfilms h3.newsletter-header {width: 230px; height: 30px; background: url('../images/newsletter-header_blue.gif') top left no-repeat; text-indent: -9999px;} .body_eatfilms .form label {font-size: 12px; font-weight: bold; color: #17212A; line-height: 18px;} .body_eatfilms .feature-event .event-gutter h5 {height: 90px; width: 35px; background: url('../images/gutter-feature-blue.gif') top left no-repeat; text-indent: -9999px; position: absolute; bottom: 10px;} .body_eatfilms #sidebar .gradient ul {color:#17212A;font-weight:bold;font-size:12px;width:230px;float:left;padding-bottom:10px;} .body_eatfilms #sidebar .gradient ul li {display:block;float:left;clear:left;width:230px;} .body_eatfilms #sidebar .gradient ul li.count {padding-bottom:3px;} .body_eatfilms #sidebar .gradient ul li.count span {display:block;background:#9F301E;text-indent:-9999px;height:13px;} .vote-film h4 {font-size:12px;line-height:18px;font-weight:bold;} .vote-film form p {font-size:12px;font-weight:bold;padding-bottom:8px;} .vote-film form .place_your_vote {cursor:pointer;float:right;text-indent:-9999px;display:block;width:140px;height:19px;background:url('/crimson/themes/sloans/images/place_your_vote.png') top left no-repeat;border:0px;} .body_eatfilms .vote-film form .place_your_vote {float:right;text-indent:-9999px;display:block;width:140px;height:19px;background:url('/crimson/themes/sloans/images/place_your_vote_blue.png') top left no-repeat;border:0px;}