/* Created for Birr Castle Demesne, Offaly, Ireland */ /* Copyright OSD Web Design, eBusiness, eMarketing.ie, Training and Software Solutions, Ireland - www.osd.ie */ /* CSS Document */ /* PAGE SETTINGS */ * { margin: 0; padding: 0; } body { margin: 0 auto; background: #00653b; font: normal 13px Georgia, "Times New Roman", Times, serif; color: #404040; } h1 { clear:left; font-size: 180%; margin: 0px 0px 5px 0px; font-weight: normal; color: #00653d; } h2 { font-size: 145%; margin: 0px 0px 5px 0px; font-weight: normal; color: #8b1921; } h3 { font-size: 120%; margin: 5px 0px 5px 0px; font-weight: bold; color: #20782a; line-height: 120%; } h3 a { color: #00653d !important; text-decoration:none !important; } h4 { font-size: 110%; margin: 10px 0px 10px 0px !important; font-weight: bold; color: #155231; } h5 { font-size: 14px; margin: 5px 0px 5px 0px; font-weight: bold; color: #8b1921; } p, ul, ol { margin-bottom: 15px; line-height: 180%; } ul, ol { margin-left: 2em; } a:link, a:visited { text-decoration: underline; color: #00653b; } a:hover, a:active { text-decoration: none; color: #00653d; } img { border: none; } img.left { float: left; margin: 0 20px 0 0; } img.right { float: right; margin: 0 0 0 20px; } /* Header */ #header { width: 900px; height: 240px; margin: 0px; z-index: 1; } ul#slideshow { width:900px; height:236px; list-style:none; padding:0; margin: 0; z-index:1999; } #slideshow { visibility:hidden; } .frame-block { position: absolute; display: block; height:236px; width: 900px; margin: 0px; } .frame-block span { background: url(/site_includes/css/images/top-banner-frame.png) no-repeat center top; height:236px; width: 900px; display: block; position: absolute; z-index: 11000; } span { behavior: url(/site_includes/js/iepngfix.htc) } #banner { width: 900px; height: 160px; margin: 10px 0; float: left; } /* Top Menu */ #menu { width: 874px; line-height:normal; margin: 15px auto 0px auto; padding: 0px; } #menu ul { margin:0; padding: 0px; list-style:none; height: 42px; overflow: hidden; } #menu ul li { display: inline; float:left; margin: 0; padding: 0; list-style: none; z-index: 1000; } /* - - - ADxMenu: BASIC styles [ MANDATORY ] - - - */ /* remove all list stylings */ .menu, .menu ul { margin: 0; padding: 0; list-style-type: none; text-align:center; display: block; z-index: 1; } .menu li { margin: 0; padding: 0; display: block; float: left; position: relative; z-index: 5; } .menu li:hover { z-index: 5; white-space: normal; } .menu li li { float: none; background: #e2e3f0; font-size: 12px !important; } .menu ul { visibility: hidden; position: absolute; z-index: 5; left: 0; top: 0; margin: 0px; padding: 0px; z-index: 99999; } .menu li:hover>ul { visibility: visible; top: 100%; } .menu li li:hover>ul { top: 0; left: 100%; } /* -- float.clear -- force containment of floated LIs inside of UL */ .menu:after, .menu ul:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; } /* IE7 float clear: */ .menu, .menu ul { min-height: 0; } /* -- sticky.submenu -- */ .menu ul { background-image: url(/images/blank.gif); padding: 10px 30px 30px 30px; margin: -10px 0 0 -30px; } .menu ul ul { padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px; } /* -- sticky.submenu.END -- */ /* - - - ADxMenu: DESIGN styles [ OPTIONAL, design your heart out :) ] - - - */ .menu, .menu ul li { color: #ffffff; } .menu ul { width: 11em; } #menu a { float:left; background:url("/site_includes/css/images/toptableft.jpg") no-repeat left top; margin:0; padding:0px 0px 0px 8px; text-decoration:none; position: relative; text-decoration: none; display: block; } #menu a span { float:left; display:block; background:url("/site_includes/css/images/toptabright.jpg") no-repeat right top; padding:10px 16px 8px 9px; font-weight:bold; color:#ffffcc; font-size:12px; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #menu a span {float:none;} /* End IE5-Mac hack */ #menu a:hover span { color:#408b6a; } #menu a:hover { background-position:0% -42px; } #menu a:hover span { background-position:100% -42px; } .menu a:hover, .menu li:hover>a { color: #ffffff; } .menu li li { width:17em !important; text-align:left !important; background: #e2e3f0; font-size: 12px !important; } .menu ul>li + li { border-top: 0; width:17em; text-align:left !important; background: #e2e3f0; font-size: 12px !important; } .menu li li:hover>ul { top: 5px; left: 90%; } .menu li li a { text-decoration: none; color: #25408d; font: bold 13px verdana, arial, sans-serif; padding: 9px 3px 9px 10px !important; height: 15px; display: block; position: relative; background:#e2e3f0; border: 1px solid #ffffff !important; width: 201px; } .menu li li a:hover { text-decoration: none; color: #ffffff !important; background:#25408d !important; } /* Fix for IE5/Mac \*/ .menu a { float: left; } .menu .adxmhoverUL .adxmhoverUL { /* 2nd+ levels go on the right side of the parent item */ top: 0; left: 100%; } /* Sub Menu */ #submenu { float: left; height: 38px; margin: -20px 0 20px 0px; display:block; width: 680px; border-bottom: 1px solid #00653b; padding:0; } #submenu ul { margin: 0px; padding: 0px; list-style: none; line-height: normal; } #submenu li { display: block; float: left; margin: 0px; padding: 0 5px; text-align: left; color: #5c0114; border-right: 1px solid #00653b; } #submenu li:hover { background: #8b1921; } #submenu a { display: block; float: left; padding: 0px; margin: 0px; text-decoration: none; font-size: 13px; font-weight:bold; color: #8b1921; padding: 8px 5px; } #submenu a:hover { text-decoration: none; color: #ffffff !important; background: #8b1921; } #submenu li.subactive { text-decoration: none; color: #ffffff !important; background: #8b1921; } #submenu li.subactive a { text-decoration: none; color: #ffffff !important; } #submenu li.first { text-decoration: none; color: #ffffff !important; background: #c79c8c; } #submenu li.first a { text-decoration: none; color: #ffffff !important; } /*** Buttons ***/ #btns { clear:both; margin: 0 auto 10px auto; width: auto; font-size:16px; line-height:normal; text-align:center; } #btns ul { margin: 5px 0px 10px 0px; padding: 0px; list-style:none; } #btns li { display:inline; margin: 0px; padding:0; font-weight:bold; } #btns a { float:left; background:url("/images/button-info-left.jpg") no-repeat left top; margin: 0px 5px 0px 1px; padding:0px 0px 0px 10px; text-decoration:none; } #btns a span { float:left; display:block; background:url("/images/button-info.jpg") no-repeat right top; padding:1px 17px 0px 5px; margin: 0px 0px 0px 0px; color:#ffffff; text-align:center; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #btns a span { float:none; } /* End IE5-Mac hack */ #btns a:hover span { color:#000000; } #btns a:hover { background-position:0% -28px; } #btns a:hover span { background-position:100% -28px; } .float_right { float: right; } .float_left { float: left; } /* Wrapper */ #wrapper { width: 1100px; margin: 0 auto; padding: 0; } /* Page */ #page { width: 900px; margin: 0; padding: 15px 0 0 0; } #rightside { clear:both; width: 170px; float: right; margin: 6px 0 0 0; padding: 0px; } #rightside #times { width: 153px; height:220px; margin: 0px 0 30px 0; padding: 3px 2px 3px 6px; text-align:center; background-color: #fdfded; color: #00663c; overflow:hidden; } #rightside #times p { font-size: 85%; margin: 0 0 8px 0; line-height: 155%; text-align: left; } #rightside #times a { color: #a00815 !important; font-weight: bold; text-decoration: none; } #rightside #bookmark { width: 161px; margin: 0px; padding: 0px; text-align:center; } #rightside #special { width: 155px; margin: 10px 0 30px 0; padding: 3px 2px 3px 4px; text-align:center; background-color: #fdfded; color: #00663c; } #rightside #special p { font-size: 85%; margin: 0 0 8px 0; line-height: 155%; text-align: left; } #rightside #special h5 { font-size: 85%; color: #a00815; } #rightside #special a { color: #a00815 !important; font-weight: bold; text-decoration: none; } #rightside #discover { width: 155px; margin: 10px 0 30px 0; padding: 3px 2px 3px 4px; text-align:center; background-color: #fdfded; color: #00663c; } #rightside #discover p { font-size: 85%; margin: 0 0 8px 0; line-height: 155%; text-align: left; } #rightside #discover h5 { font-size: 85%; color: #a00815; } #rightside #discover a { color: #a00815 !important; font-weight: bold; text-decoration: none; } #rightside #discover_button { width: 155px; margin: 10px 0 9px 0; padding: 3px 5px 4px 5px; text-align:center; background: url(images/discover-button.png) no-repeat; color: #fff; } #rightside #discover_button h5 { font-size: 140%; color: #fff; margin:0; padding: 0; line-height: 100%; } #rightside #discover_button a { color: #fff !important; font-weight: bold; text-decoration: none; } #rightside #shop_online { width: 155px; margin: 10px 0 9px 0; padding: 8px 5px 10px 5px; text-align:center; background: url(images/shop-button.png) no-repeat; color: #fff; } #rightside #shop_online h5 { font-size: 170%; color: #fff; margin:0; padding: 0; line-height: 100%; } #rightside #shop_online a { color: #fff !important; font-weight: bold; text-decoration: none; } #rightside #visit_santa { width: 155px; margin: 10px 0 9px 0; padding: 4px 5px 6px 2px; text-align:center; background: url(images/shop-button.png) no-repeat; color: #fff; } #rightside #visit_santa h5 { font-size: 120%; color: #fff; margin:0; padding: 0; line-height: 100%; } #rightside #visit_santa a { color: #fff !important; font-weight: bold; text-decoration: none; } #rightside #annual { width: 155px; margin: 10px 0 9px 0; padding: 4px 5px 6px 2px; text-align:center; background: url(images/shop-button.png) no-repeat; color: #fff; } #rightside #annual h5 { font-size: 130% !important; color: #fff; margin:0; padding: 0; line-height: 100%; } #rightside #annual a { color: #fff !important; font-weight: bold; text-decoration: none; } /* Content */ #content_top { clear:both; width: 900px; margin: 10px 0 0px 0; height:10px; background:url(/site_includes/css/images/content-top.jpg) no-repeat; } #content_main { clear: left; float: left; margin:0px; _margin: -6px 0 0px 0; padding: 15px 15px 0px 15px; width: 867px; color: #404040; background: #ffffff; font-size: 13px; } #content_left { float: left; margin: 0px; width: 600px; display: inline; } #content_right { float: right; margin: 0px; width: 185px; display: inline; } #content_main a { color: #00653b; } #content_main a:hover { color: #000000; } #content_bottom { width: 900px; margin: 0px; height:10px; background:url(/site_includes/css/images/content-bottom.jpg) no-repeat; } #content_main .areas { clear: none !important; height: auto; float:left; width: 100%; vertical-align: top; margin: 0 0 10px 0; } #content_main .areas .cols { float:left; width: 30%; margin: 0px 9px 0 0; padding: 2px 10px 0px 10px !important; text-align: left; vertical-align: top; height: 300px; max-height: 300px; } #content_main .areas .cols img { margin: 0px; } #content_main .areas p { text-align: left !important; margin: 0px !important; font-size: 100%; color: #ffffff; line-height: 145%; } #content_main .areas p a { display: block; margin: 0px; text-decoration: underline; color: #ffffff; text-align: left; font-size: 12px; font-weight: bold; } #content_main .areas p a:hover { text-decoration: none !important; color: #ffffff; } #content_main .areas .no_right_margin { margin-right: 0px !important; } #content_main .areas h3 { font-size: 140%; color: #ffffff; } #content_main .areas h3 a { color: #ffffff !important; text-decoration:none !important; } #content_main .areas .cols.green { background: #20782a url(/site_includes/css/images/green-bg.jpg) top left no-repeat; } #content_main .areas .cols.red { background: #a80017 url(/site_includes/css/images/red-bg.jpg) top left no-repeat; } #content_main .areas .cols.orange { background: #bc3a16 url(/site_includes/css/images/orange-bg.jpg) top left no-repeat; } #content_main .areas .cols.pink { background: #84006d url(/site_includes/css/images/pink-bg.jpg) top left no-repeat; } #content_main .areas .cols.blue { background: #00456c url(/site_includes/css/images/blue-bg.jpg) top left no-repeat; } #content_main .areas .cols.purple { background: #791031 url(/site_includes/css/images/purple-bg.jpg) top left no-repeat; } .colsfootergreen span { background: url(/site_includes/css/images/green-footer.jpg) no-repeat left bottom; height:300px; display: block; position: absolute; z-index: 1000; margin: 0px -10px 0px -10px; width: 280px; } .colsfooterred span { background: url(/site_includes/css/images/red-footer.jpg) no-repeat left bottom; height:300px; display: block; position: absolute; z-index: 1000; margin: 0px -10px 0px -10px; width: 280px; } .colsfooterorange span { background: url(/site_includes/css/images/orange-footer.jpg) no-repeat left bottom; height:300px; display: block; position: absolute; z-index: 1000; margin: 0px -10px 0px -10px; width: 280px; } .colsfooterpink span { background: url(/site_includes/css/images/pink-footer.jpg) no-repeat left bottom; height:300px; display: block; position: absolute; z-index: 1000; margin: 0px -10px 0px -10px; width: 280px; } .colsfooterblue span { background: url(/site_includes/css/images/blue-footer.jpg) no-repeat left bottom; height:300px; display: block; position: absolute; z-index: 1000; margin: 0px -10px 0px -10px; width: 280px; } .colsfooterpurple span { background: url(/site_includes/css/images/purple-footer.jpg) no-repeat left bottom; height:300px; display: block; position: absolute; z-index: 1000; margin: 0px -10px 0px -10px; width: 280px; } .gallery { height: auto; float:left; width: 100%; vertical-align: top; margin: 0; } .gallery img { padding-right: 1px; width: 214px; } .gallery p { margin:0; padding:0; } #bullets ul { margin: 0; padding: 0; } #bullets li { margin: 0 0 5px 0; list-style:url(/images/yellow-bullet-point.jpg); padding: 0 0 0 5px; } #contact { clear:both; width: 260px; float: right; margin: 0px; padding: 0px 0px 0px 20px; border-left: 1px solid #ccc; } #contact p { font-size: 95%; margin: 0 0 8px 0; } #contact a { color: #a00815 !important; font-weight: bold; text-decoration: none; } table.prices { height: auto; width: 90%; vertical-align: top; border-collapse:collapse; border: 1px solid #ccc; } table.prices td { padding: 5px 10px !important; text-align: left; vertical-align: top; border: 1px solid #ccc;} table.prices td p { margin: 0; font-size: 11px; } table.prices td p a { display: block; margin: 0px; text-decoration: underline; font-weight:normal; text-align: left; } table#contact_form { height: auto; width: 550px; vertical-align: top; border-collapse:collapse; } table#contact_form td { padding: 5px 10px !important; text-align: left; vertical-align: top; } table#contact_form td p { margin: 0; font-size: 11px; } table#contact_form td p a { display: block; margin: 0px; text-decoration: underline; font-weight:normal; text-align: left; } table#events { margin: 20px 0 0 0; height: auto; width: 99%; vertical-align: top; border-collapse:collapse; border-top: 1px solid #ccc; } table#events h3 { margin: 0px 0px 5px 0px; } table#events h4 { margin: 0px; padding: 0; } table#events p { margin: 0px 0px 10px 0px; } table#events td { vertical-align:top; border-bottom: 1px solid #cccccc; padding: 10px; } table.gallery { margin: 20px 0 0 0; height: auto; width: 99%; vertical-align: top; border-collapse:collapse; } table.gallery h2 { margin: 0px; padding: 3px 0 5px 0; text-align: center; border: 1px solid #cccccc; background: #fdfded; } table.gallery p { margin: 0px 0px 0px 0px; } table.gallery td { vertical-align:top; padding: 10px; text-align:center; width: 33%; } table.gallery img { border: 1px solid #cccccc; padding: 5px; width: 250px; height: auto; } .photographs { float: right; width: 220px; margin: -20px -10px 0 20px; padding: 10px 10px 10px 10px; background: url(/site_includes/css/images/photographs-bg.jpg) top left no-repeat; text-align: center; height: 68px;} .photographs p { text-align: center; margin: 0px 0px 7px 0px; color: #ffffff; line-height: 135%; } .photographs p a { text-decoration: underline; color: #ffffff !important; font-size: 12px; font-weight: bold; } .photographs p a:hover { text-decoration: none !important; color: #ffffff; } #google_translate_element { float: right; width: 180px; margin: -20px 0 0 0; text-align:center;} .elements2 { width: 100% !important; margin: 10px 0 0 0 !important; } #facebook { display: inline; float:right; width: 200px; margin: 0 5px 0 0; } #facebook img { float:right; width: 40px !important; margin: 0 0 0 5px; } .cushycms { } /* Footer */ #footer { clear: both; width: 100%; margin: 0 !important; padding: 5px 0px 30px 0px; background: url(/site_includes/css/images/footer-background.jpg) no-repeat top left !important; text-align: center; font-size:11px; color: #ffffff; } #footer .left { float:left; width: 400px; margin: 0 0 10px 0; text-align: left; padding: 5px 0 5px 10px; } #footer .right { float:right; width: 430px; margin: 0 0 10px 0; text-align: left; padding: 5px 10px 5px 0; } #footer .address { clear:both; width: 100%; margin: 10px 0 0 0; text-align: left; padding: 5px 0px 5px 0; } #footer .address img { float: right; padding-left: 10px; } #footer { float:left; width: 100%; margin: 10px 0 0 15px; text-align: left; padding-top: 15px; } #footer ul { margin: 0px; padding: 0px; list-style: none; line-height: normal; text-align: left !important; } #footer li { display: block; margin: 0px; padding: 0px; width: 260px; } #footer li a { display: block; padding: 2px 5px; margin: 0px; text-decoration: none; font-weight:normal; color: #ffffff; border-bottom: 1px dotted #d5d6eb; } #footer li a:hover { text-decoration: none; color: #8d1922; background: #ffffcd; } #footer p { margin: 0; color: #ffffff; } #footer a { color: #ffffff; } #footer h4 { font-size: 120%; margin-bottom: 15px !important; }