/* @Version 0.1 @Created by Martin Dingley (createanet) @03 April 2007 // For a 2 colum layout cycle down this file and uncomment the styles in #main_content and #sub_content. It is also possible to shuffle the columns up, but for now im not explaining how ... // */ html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin : 0; padding : 0; } h1,h2,h3,h4,h5,h6, input, textarea, select { font-size : 100%; } h3 { font-size: 120%; } ol,ul { list-style : none; } table { border-collapse : collapse; border-spacing : 0; } p { margin-bottom: 1.3em; } a { color: #000; outline: none; } a:hover { text-decoration: none; } hr {margin:10px 0; background: #ccc; } *{ font-size: 100%; } th, td { padding: 5px; } th { background:#999999; margin: 0 0 .2em 0; color:#fff; text-align:left; } table { border:1px solid #999999; } /* Print Scheme Size //////////////////////////////////// */ body { font:75%/140% Helvetica, Arial, Helvetica, sans-serif; text-align:left; background:#6E5D54;} /*/////////////////////////////////////////////////////////*/ input, textarea, select { font-family:Helvetica, Arial, Helvetica, sans-serif; } h1#eaveshall { background:url(../images/eaves_hall_logo.gif) no-repeat top left; height:96px; width:295px; text-indent: -900em; float:left; } h1#eaveshall a {display:block; height:96px; width:295px; z-index:1; position:relative; } h2#richardsonhotels a {display:block; background:url(../images/richardson_logo.gif) no-repeat top left; height:56px; width:178px; text-indent: -900em; float:right; margin:13px 9px 0 0;} h2#welcome {display:block; background:url(../images/titles/welcome.gif) no-repeat top left; height:55px; width:289px; text-indent: -900em;} h2#corporate {display:block; background:url(../images/titles/corporate.gif) no-repeat top left; height:25px; width:289px; text-indent: -900em;} h2#accommodation {display:block; background:url(../images/titles/accommodation.gif) no-repeat top left; height:25px; width:289px; text-indent: -900em;} h2#restaurant {display:block; background:url(../images/titles/restaurant.gif) no-repeat top left; height:25px; width:289px; text-indent: -900em;} h2#about {display:block; background:url(../images/titles/about.gif) no-repeat top left; height:30px; width:289px; text-indent: -900em;} h2#gallery {display:block; background:url(../images/titles/gallery.gif) no-repeat top left; height:25px; width:289px; text-indent: -900em;} h2#sendto {display:block; background:url(../images/titles/sendtofriend.gif) no-repeat top left; height:25px; width:289px; text-indent: -900em;} h2#latestnews {display:block; background:url(../images/titles/latest_news.gif) no-repeat top left; height:25px; width:289px; text-indent: -900em;} h2#specialoffers {display:block; background:url(../images/titles/special_offers.gif) no-repeat top left; height:25px; width:289px; text-indent: -900em;} h2#recentnewstitle {display:block; background:url(../images/titles/recent_news.gif) no-repeat top left; height:25px; width:289px; text-indent: -900em;} h2#enquiry {display:block; background:url(../images/titles/enquiry.gif) no-repeat top left; height:25px; width:289px; text-indent: -900em;} h2#tariff {display:block; background:url(../images/titles/tariff.gif) no-repeat top left; height:25px; width:174px; text-indent: -900em;} h2#localhistory {display:block; background:url(../images/titles/history.gif) no-repeat top left; height:30px; width:289px; text-indent: -900em;} h2#weddings {display:block; background:url(../images/titles/weddings.gif) no-repeat top left; height:25px; width:289px; text-indent: -900em;} h2#receptionmenu {display:block; background:url(../images/titles/reception_menu.gif) no-repeat top left; height:25px; width:289px; text-indent: -900em;} h2#drinksmenu {display:block; background:url(../images/titles/drinks_menu.gif) no-repeat top left; height:25px; width:350px; text-indent: -900em;} h2#breakfastmenu {display:block; background:url(../images/titles/breakfast_menu.gif) no-repeat top left; height:25px; width:394px; text-indent: -900em;} h2#extrasmenu {display:block; background:url(../images/titles/extras_menu.gif) no-repeat top left; height:25px; width:250px; text-indent: -900em;} h2#whatson {display:block; background:url(../images/titles/whatson.gif) no-repeat top left; height:25px; width:250px; text-indent: -900em;} h2.offerstitle { font-family:"Times New Roman", Times, serif; font-size:150%; font-weight:100; color:#000; margin:10px 0 5px 0;} h2.offerstitle a {color:#000; text-decoration:none;} h2.offerstitle a:hover {color:#000; text-decoration:underline;} h2.weddingstitle { font-family:"Times New Roman", Times, serif; font-size:150%; font-weight:100; color:#000; margin:10px 0 10px 0;} h3#christmasoffers a {display:block; background:url(../images/titles/christmasoffers.gif) no-repeat top left; height:25px; width:150px; text-indent: -900em; margin:0;} h3#checkavailability a {display:block; background:url(../images/titles/checkavailability.gif) no-repeat top left; height:25px; width:150px; text-indent: -900em; margin:0;} h3#newsevents a {display:block; background:url(../images/titles/news_events.gif) no-repeat top left; height:25px; width:150px; text-indent: -900em; margin:0;} h3#hotelbrochure a {display:block; background:url(../images/titles/brochure.gif) no-repeat top left; height:25px; width:150px; text-indent: -900em; margin:0;} h3#hotelgallery a {display:block; background:url(../images/titles/hotel_gallery.gif) no-repeat top left; height:25px; width:150px; text-indent: -900em; margin:0;} h3#contactdetails {display:block; background:url(../images/titles/contact_details.gif) no-repeat top left; height:25px; width:150px; text-indent: -900em; margin:0;} h3#directions {display:block; background:url(../images/titles/directions.gif) no-repeat top left; height:25px; width:150px; text-indent: -900em; margin:0;} h5 { font-family:"Times New Roman", Times, serif; font-size:130%; font-weight:100; color:#000; margin:10px 0 5px 0;} .hidden_navigation{ width: 1px; position: absolute; left: -9999px; } #header { background: #FFF; height:96px; margin:0px; padding:0px; } /*\Template Variables /*\/*/ #wrap{ background:url(../images/body_bg.gif) repeat-y top left #FFF; border-left: solid 1px #FFF; border-right: solid 1px #FFF; width: 770px; margin: 0 auto; text-align: left; } #header li { display: inline; } #main_content{ width:365px; /* width:585px; */ display: inline; float: left; margin-left: 145px; padding:18px 16px 0 16px; margin-bottom: 10px; min-height: 400px; background:url(../images/content_bg.gif) repeat-x top left; color:#454545; text-align:justify; } #main_content h2 { font-size: 140%; margin-bottom: 10px; } #sub_content{ width: 228px; float: left; background:url(../images/content_bg.gif) repeat-x top left; padding:18px 0 0 0; margin-bottom: 10px; font-size:90%; color:#454545; /* display:none; */ } #one_column { width:593px; display: inline; float: left; margin-left: 145px; padding:18px 16px 0 16px; margin-bottom: 10px; background:url(../images/content_bg.gif) repeat-x top left; color:#454545; text-align:justify; } #flashbanner {height:171px; margin:0; padding:0;} /*=Main Navigation -------------------------------------------------------*/ #menu ul {margin:20px 0 250px 0; padding:0; list-style-type:none;} #menu li { text-indent:-9000em;margin:0 0 14px 0; width: 129px; color:#FFF; } #menu li a { display:block; width: 129px; height:11px; color:#FFF; z-index:999; } #menu ul ul {margin:0; text-align:right;} #menu ul ul li { color:#FFF; text-indent:0; margin:0 0 3px 0; } #menu ul ul li a { color:#FFF; text-decoration:none; margin:0; } #menu ul ul li a:hover { color:#FFF; text-decoration:underline; } #menu {width:144px; display:block; padding:0; margin:0; float:left; margin-left:-770px; border-right:1px solid #FFF; color:#FFF; font-size:90%; position:relative; min-height:700px; line-height:normal;} #menu a {color:#FFF; text-decoration:none;} #menu a:hover {color:#FFF; text-decoration:underline;} #menu li.list1 a:hover {background:transparent url(../images/nav/home_on.gif) no-repeat top left;} #menu li.list2 a:hover {background:transparent url(../images/nav/offers_on.gif) no-repeat top left;} #menu li.list3 a:hover {background:transparent url(../images/nav/book_on.gif) no-repeat top left;} #menu li.list4 a:hover {background:transparent url(../images/nav/corporate_on.gif) no-repeat top left;} #menu li.list5 a:hover {background:transparent url(../images/nav/accommodation_on.gif) no-repeat top left;} #menu li.list6 a:hover {background:transparent url(../images/nav/restaurant_on.gif) no-repeat top left;} #menu li.list7 a:hover {background:transparent url(../images/nav/about_on.gif) no-repeat top left;} #menu li.list8 a:hover {background:transparent url(../images/nav/gallery_on.gif) no-repeat top left;} #menu li.list9 a:hover {background:transparent url(../images/nav/news_on.gif) no-repeat top left;} #menu li.list10 a:hover {background:transparent url(../images/nav/contact_on.gif) no-repeat top left;} #menu li.list11 a:hover {background:transparent url(../images/nav/tariff_on.gif) no-repeat top left;} #menu li.list12 a:hover {background:transparent url(../images/nav/history_on.gif) no-repeat top left;} #menu li.list13 a:hover {background:transparent url(../images/nav/weddings_on.gif) no-repeat top left;} #menu li.list14 a:hover {background:transparent url(../images/nav/blog_on.gif) no-repeat top left;} #menu li.list15 a:hover {background:transparent url(../images/nav/what_on.gif) no-repeat top left;} #menu li.list1 a {background:url(../images/nav/home_off.gif) 0 0 no-repeat;} #menu li.list2 a {background:url(../images/nav/offers_off.gif) 0 0 no-repeat;} #menu li.list3 a {background:url(../images/nav/book_off.gif) 0 0 no-repeat;} #menu li.list4 a {background:url(../images/nav/corporate_off.gif) 0 0 no-repeat;} #menu li.list5 a {background:url(../images/nav/accommodation_off.gif) 0 0 no-repeat;} #menu li.list6 a {background:url(../images/nav/restaurant_off.gif) 0 0 no-repeat;} #menu li.list7 a {background:url(../images/nav/about_off.gif) 0 0 no-repeat;} #menu li.list8 a {background:url(../images/nav/gallery_off.gif) 0 0 no-repeat;} #menu li.list9 a {background:url(../images/nav/news_off.gif) 0 0 no-repeat;} #menu li.list10 a {background:url(../images/nav/contact_off.gif) 0 0 no-repeat;} #menu li.list11 a {background:url(../images/nav/tariff_off.gif) 0 0 no-repeat;} #menu li.list12 a {background:url(../images/nav/history_off.gif) 0 0 no-repeat;} #menu li.list13 a {background:url(../images/nav/weddings_off.gif) 0 0 no-repeat;} #menu li.list14 a {background:url(../images/nav/blog_off.gif) 0 0 no-repeat;} #menu li.list15 a {background:url(../images/nav/what_off.gif) 0 0 no-repeat;} #home a#item1 {background:transparent url(../images/nav/home_on.gif) 0 0 no-repeat; height:0; padding-top:11px;} #offers2 a#item2 {background:transparent url(../images/nav/offers_on.gif) 0 0 no-repeat; height:0; padding-top:11px;} #gallery2 a#item8 {background:transparent url(../images/nav/gallery_on.gif) 0 0 no-repeat; height:0; padding-top:11px;} #news2 a#item9 {background:transparent url(../images/nav/news_on.gif) 0 0 no-repeat; height:0; padding-top:11px;} #contact2 a#item10 {background:transparent url(../images/nav/contact_on.gif) 0 0 no-repeat; height:0; padding-top:11px;} #corporate2 a#item4 {background:transparent url(../images/nav/corporate_on.gif) 0 0 no-repeat; height:0; padding-top:11px;} #accommodation2 a#item5 {background:transparent url(../images/nav/accommodation_on.gif) 0 0 no-repeat; height:0; padding-top:11px;} #restaurant2 a#item6 {background:transparent url(../images/nav/restaurant_on.gif) 0 0 no-repeat; height:0; padding-top:11px;} #about2 a#item7 {background:transparent url(../images/nav/about_on.gif) 0 0 no-repeat; height:0; padding-top:11px;} #tariff2 a#item11 {background:transparent url(../images/nav/tariff_on.gif) 0 0 no-repeat; height:0; padding-top:11px;} #history2 a#item12 {background:transparent url(../images/nav/history_on.gif) 0 0 no-repeat; height:0; padding-top:11px;} #weddings2 a#item13 {background:transparent url(../images/nav/weddings_on.gif) 0 0 no-repeat; height:0; padding-top:11px;} #whatson2 a#item15 {background:transparent url(../images/nav/what_on.gif) 0 0 no-repeat; height:0; padding-top:11px;} /*=Promo Boxes -------------------------------------------------------*/ .thumbnail {width:64px; height:64px; border:1px solid #666; padding:2px; margin-right:7px; float:left; } #promoboxes ul {margin:0; padding:0; list-style:none;} #promoboxes li {margin:0; padding:0 0 11px 0; clear:both; height:87px;} #promoboxes li h3 {color:#124374; margin:0 0 3px 0; padding:0; float:right; width:150px;} #promoboxes li p {line-height:normal; margin:0 0 15px 7px; padding:0; float:right; width:140px;} #promoboxes li a { color:#124374; text-decoration:none;} #promoboxes li a:hover { color:#124374; text-decoration:underline;} /*=Footer -------------------------------------------------------*/ #footer{ clear: left; height:34px; font-size:90%; padding:5px 7px 0 7px; background-color:#4D4038; border-top: 1px solid #FFF; color:#FFF; } #footer a { color:#FFF; text-decoration:none;} #footer a:hover { color:#FFF; text-decoration:underline;} #footer p { margin-bottom: 0; } #footer li {display: inline; } #page_slugs { margin-bottom: 10px; color:#666; } #page_slugs li { display: inline; font-size: 85%;} #page_slugs a {color:#666; text-decoration:none;} #page_slugs a:hover {color:#666; text-decoration:underline;} #offers .category #offer_thmb { float: left; margin: 0 10px 10px 0; } #offers .category { margin-bottom: 10px; border-bottom: 1px solid #000; padding-bottom: 10px; } #categorylisting li { border-bottom: 1px solid #ccc; padding: 5px 0 0 0; } #categorylisting li a { } #categorylisting p { margin-bottom: 0; } .category_thumb {float: left; margin: 0 10px 10px 0; width:80px; height:80px; padding:2px; border:1px solid #999;} .offersmainpic {float: left; margin: 0 10px 10px 0; width:140px; height:140px; padding:2px; border:1px solid #999;} .previouspage a {color:#000; text-decoration:none;} .previouspage a:hover {color:#000; text-decoration:underline;} #categorylisting li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #recentnews li { margin-bottom: 10px; } .clearleft { clear: left; } .paging { margin-bottom: 10px;} /*=Download -------------------------------------------------------*/ .download { background: #fffeef; padding: 5px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: 20px; } .download a { background: url(../images/pdf.gif) 0 2px no-repeat; padding: .2em .8em; padding-left: 20px; } div.download span { font-size: 90%; } .pdf a { background: url(../images/pdf.gif) 0 2px no-repeat; display: block; } .swf a { background: url(../images/swf.gif) 0 2px no-repeat; display: block; } /*=Gallery -------------------------------------------------------*/ .filter { border-bottom: 1px solid #ccc; margin-bottom: 15px; padding-bottom: 10px;} #gallerylisting li{ width: 127px; border: 1px solid #CCC; background: #FFF; padding: 2px; text-align: center; position: relative; float: left; display: inline; margin-right: 15px; margin-bottom: 15px; height:102px } #gallerylisting li a span{ /*\*/ position: absolute; left: -9999px; } #gallerylisting li a:hover span{ top: 3px; left: 3px; width: 125px; background: #000; color: #FFF; padding: 5px 0 5px 0; text-transform: uppercase; font-size: 80%; filter: alpha(opacity=100); /**/ } #gallerylisting img{ border: 1px solid #EEE; width:125px; height:100px; } .maingalleryimage { border: 1px solid #999; padding:3px; margin-top:15px; } /*=Error Mesages -------------------------------------------------------*/ ul.error,ul.success { list-style: none; margin-bottom: 10px; } .error { color: #990000; font-weight: bold; background:url(../images/error.gif) no-repeat top left; padding:0 0 0 20px; } em.error { display: block; } ul.success { display: block; list-style: none; background: #863B4F; color: #fff; padding: 4px; } /*=Links -------------------------------------------------------*/ .links li { padding: 5px; } /*=Brochure request form -------------------------------------------------------*/ form.brochureForm fieldset { padding: 5px 10px; border: 1px solid #999; margin: 0 0 10px 0; } form.brochureForm legend { text-transform: capitalize; font-weight: bold; font-size:120%; font-family:"Times New Roman", Times, serif; color: #000; padding: 0 5px; } form.brochureForm ol { list-style: none; } form.brochureForm ol li { margin: 5px 0; } form.brochureForm ol li ol li { display: inline; } form.brochureForm ol li ol label { display: inline; } form.brochureForm em { font-weight: bold; color: #E00; } form.brochureForm label { display: block; text-transform: capitalize; } form.brochureForm label.radio { display: inline; padding-left: 5px; } /* ------------ Tariff Table ------------- */ .tarifftable {text-align:left;width:590px; margin:10px 0 15px 0; border:none;} .tarifftable td {text-align:left; padding:4px 0 4px 0;} .tarifftable .col1 {width:200px;} .tarifftable .col2 {width:590px; background-color:#000; color:#FFF; padding-left:5px; height:16px;} .tarifftable .col3 {width:146px; text-align:left} /* ------------ Side Pictures ------------- */ .sidepictures ul { margin:0; padding:0; list-style:none;} .sidepictures li { margin:0 0 15px 0; padding:2px; border:1px solid #999; width:206px; height:206px;} .leftpicture { border: 1px solid #CCC; padding:3px; margin:0 10px 0 0px; float:left; width:140px; height:140px;} .rightpicture { border: 1px solid #CCC; padding:3px; margin:10px 0 10px 10px; float:right; width:140px; height:140px;} .bottompicture { border: 0px solid #CCC; padding:3px; margin:10px 0 0px 0px; float:left; width:426px; height:80px;} /* ------------ Facilities List ------------- */ .facilities ul { margin:0 0 7px 0; padding:0 0 7px 0; list-style:none;} .facilities li { margin:0 0 4px 0; padding:0 0 0 10px; background:url(../images/bullet_point.gif) no-repeat top left;} .facilities li a { color:#4F4D4D; text-decoration:none;} .facilities li a:hover { color:#000; text-decoration:underline;}