/* Ballyliffen Golf Club */ /* C. Luddy */ /* reset.css (From Blueprint CSS) */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} body {line-height:1.5;} table {border-collapse:separate;border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;} table, td, th {vertical-align:middle;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} a img {border:none;} a{ outline:none;} /* General styles */ body { margin: 0; padding: 0; text-align: center; background-color: #FFF; background-image:url(../images/general/bodyBg.jpg); background-repeat: repeat-x;} body, p, ul, ol, li, th, td, input, select, textarea { font: normal 11px/17px Verdana, Arial, Helvetica, sans-serif; color: #000; } img { border: 0; } a { text-decoration: none; color: #9A833D; } a:hover { text-decoration: underline; color: #9A833D; } abbr, acronym { font-style: normal; border-bottom: dotted 1px #333; cursor: help; } form { margin: 0; } h1 { font: bold 24px Helvetica, Arial, sans-serif; margin: 0; } h2 { font: normal 18px Helvetica, Arial, sans-serif; } h3 { font: normal 22px Helvetica, Arial, sans-serif; } h4 { font: normal 24px Helvetica, Arial, sans-serif; } hr { border: none; height: 1px; background: #ccc; } .languages { float: right; margin: -6px 0 0; } .languages .swedish { background: url("../images/se.png") no-repeat scroll 0 0 transparent; display: block; font-size: 0; position: absolute; right: 6px; top: 21px; width: 16px; } .languages .swedish a{ text-indent: -9999px; } /* General classes */ .hide { display: none; } .clear { clear: both; } .onepixel { height:1px; width:1px; font-size:1px; } .bullet8px { font-size:8px; } .flLeft { float: left; margin: 0 15px 0 0; } /* useful for images that appear in the flow of content */ .flRight { float: right; margin: 0 0 0 15px; } /* ------------------------------------------------------------------------------------------ */ /* Element styles */ #siteHolder {width: 998px;text-align:left;margin:auto;position:relative;} #siteHeader {width: 998px;height:190px;float:left;text-align:left;position:relative;z-index:50}/* Had to be set to 300px to allow cross browser alignment */ #noticeBox { background: url("../images/general/homeRoundedBox.png") no-repeat scroll 0 0 transparent; color: #FFFFFF; height: 145px; left: 45px; overflow: hidden; padding: 4px 10px 10px; position: absolute; top: 284px; width: 434px; z-index: 50; }#noticeBoxText {color:#FFF;text-align:justify;} #social a{display:inline-block;} #social { float: left; left: 787px; padding-top: 38px; position: absolute; } /*#siteFloat {float: left; width: 761px; height:100%; background-color: #fff;} */ /*#holder { width: 700px; margin: 10px auto; }*/ #headerLogo {clear:both;border:0px solid #FFF;float:left;margin-left:14px;text-align:left;height:162px;width:162px;position:relative;z-index:50;background:url(../images/general/logo.png) top left no-repeat;} #headerLogo a {display:block;width:162px;height:162px;text-indent:-9999px;text-decoration:none;border-bottom:0px;} #headerLogo h1 {margin:0px 0px 0px 0px} #topFlashShadow {background: url(../images/general/topFlashShadow.png); width:996px; height: 50px; float: left; position:relative;z-index:40;top:-122px;} #flashArea{width:984px;margin:0 0 0 10px;height:469px;float:left;position:relative;top:-150px;z-index:10;} #flashHolder{width:984px;margin:0px auto;height:469px; position:absolute; top:0px; left:0px; z-index:20;} #flashContentLayer{width:984px;margin:0px auto;height:370px; position:absolute; top:165px; left:-10px; z-index:30;} #tabHolder ul {float:left; padding:0px; margin:0px; width:141px; position:absolute;left:0px;top:160px;z-index:60;list-style-type:none;} #tabHolder ul li {float:left;padding:0px;margin:0px;position:relative;z-index:60;} #tabHolder ul li a {float:left;padding:0px;margin:0px;height:30px;position:relative;z-index:70;} #tabHolder ul li#tabTeeTime a {float:left;width:141px;height:30px;background: transparent url(../images/general/teetime.png) no-repeat; text-indent:-9999px;position:relative;z-index:70;} #tabHolder ul li#tabShopOnline a {float:left;width:141px;height:30px;background: transparent url(../images/general/shoponline.png) no-repeat; text-indent:-9999px;margin-top:12px;position:relative;z-index:70;} #tabHolder ul li#tabGiftVouchers a {float:left;width:141px;height:30px;background: transparent url(../images/general/giftvouchers.png) no-repeat; text-indent:-9999px;margin-top:12px;position:relative;z-index:70;} /* ------------------------------------------------------------------------------------------ */ /* Navigation */ #navBar {float:right; height:40px; width: 816px; position:relative; z-index:100; } #nav ul {float:left; padding:0px; margin:0px; list-style-type:none; } #nav ul li {float:left; padding:0px; margin:0px; display:inline;} #nav ul li a {float:left; padding:0px; margin:0px; display:inline;height: 40px; } #nav ul li#navHome a {float:left; background: transparent url(../images/nav/home.gif) no-repeat; width:54px; text-indent:-9999px;} #nav ul li#navAbout a {float:left; background: transparent url(../images/nav/about.gif) no-repeat; width:69px; text-indent:-9999px;} #nav ul li#navCourse a {float:left; background: transparent url(../images/nav/course.gif) no-repeat; width:103px; text-indent:-9999px;} #nav ul li#navClubhouse a {float:left; background: transparent url(../images/nav/clubhouse.gif) no-repeat; width:87px; text-indent:-9999px;} #nav ul li#navFixtures a {float:left; background: transparent url(../images/nav/fixtures.gif) no-repeat; width:66px; text-indent:-9999px;} #nav ul li#navProshop a {float:left; background: transparent url(../images/nav/proshop.gif) no-repeat; width:75px; text-indent:-9999px;} #nav ul li#navClubnews a {float:left; background: transparent url(../images/nav/news.gif) no-repeat; width:84px; text-indent:-9999px;} #nav ul li#navResults a {float:left; background: transparent url(../images/nav/results.gif) no-repeat; width:61px; text-indent:-9999px;} #nav ul li#navAccommodation a {float:left; background: transparent url(../images/nav/accomodation.gif) no-repeat; width:125px; text-indent:-9999px;} #nav ul li#navGallery a {float:left; background: transparent url(../images/nav/gallery.gif) no-repeat; width:67px; text-indent:-9999px;} #nav ul li#navContact a {float:left; background: transparent url(../images/nav/contact.gif) no-repeat; width:91px; text-indent:-9999px;} #nav ul li#navMember a {float:left; background: transparent url(../images/nav/members.gif) no-repeat; width:87px; text-indent:-9999px;} #nav ul li a {background-position: left top; height:40px;} #nav ul li a:hover {background-position: 0px -40px;} #nav ul li.selected a {background-position: left bottom; height:40px;} #nav .selected#navHome a {background-position: 0px -40px!important;} #nav #navHome a:hover {background-position: 0px -40px;} #nav .selected#navAbout a {background-position: 0px -40px!important;} #nav #navAbout a:hover {background-position: 0px -40px;} #nav .selected#navCourse a {background-position: 0px -40px!important;} #nav #navCourse a:hover {background-position: 0px -40px;} #nav .selected#navClubhouse a {background-position: 0px -40px!important;} #nav #navClubhouse a:hover {background-position: 0px -40px;} #nav .selected#navFixtures a {background-position: 0px -40px!important;} #nav #navClubhouse a:hover {background-position: 0px -40px;} #nav .selected#navProshop a {background-position: 0px -40px!important;} #nav #navProshop a:hover {background-position: 0px -40px;} #nav .selected#navClubnews a {background-position: 0px -40px!important;} #nav #navClubnews a:hover {background-position: 0px -40px;} #nav .selected#navResults a {background-position: 0px -40px!important;} #nav #navResults a:hover {background-position: 0px -40px;} #nav .selected#navAccommodation a {background-position: 0px -40px!important;} #nav #navAccommodation a:hover {background-position: 0px -40px;} #nav .selected#navGallery a {background-position: 0px -40px!important;} #nav #navGallery a:hover {background-position: 0px -40px;} #nav .selected#navContact a {background-position: 0px -40px!important;} #nav #navContact a:hover {background-position: 0px -40px;} #nav .selected#navMember a {background-position: 0px -40px!important;} #nav #navMember a:hover {background-position: 0px -40px;} /* ------------------------------------------------------------------------------------------ */ /* Footer styles */ #footerNewsHolder {width:194px;height:114px;font-size:12px;color:#FFF;text-align:left;position:absolute;top:410px;left:550px;} #footerNewsImage{width:188px;height:108px; background: transparent url(../images/general/newsPic.png) no-repeat;position:absolute;top:0px;z-index:20;margin:3px} /* This image may be replaced */ #NewsControlImage{width:188px;height:108px; background-color:#000;position:absolute;top:0px;z-index:20;margin:3px;overflow:hidden;} /* This image may be replaced */ #footerNewsFrame{width:194px;height:114px; background: transparent url(../images/general/newsFrame.png) no-repeat;position:absolute;top:0px;z-index:30;} #footerNewsFrame a{width:184px;height:109px;padding:5px 0 0 10px;position:absolute;top:0px;left:0;} #footerNewsFrame a:hover{text-decoration:none;} #footerOffersHolder {width:194px;height:114px;font-size:12px;color:#FFF;text-align:left;position:absolute;top:410px;left:770px;} #footerOffersImage{width:188px;height:108px; background: transparent url(../images/general/offersPic.png) no-repeat;position:absolute;top:0px;z-index:20;margin:3px} /* This image may be replaced */ #OffersControlImage{width:188px;height:108px; background-color:#000;position:absolute;top:0px;z-index:20;margin:3px;overflow:hidden;} /* This image may be replaced */ #footerOffersFrame{width:194px;height:114px; background: transparent url(../images/general/offersFrame.png) no-repeat;position:absolute;top:0px;z-index:30;} #footerOffersFrame a{width:184px;height:109px;padding:5px 0 0 10px;position:absolute;top:0px;left:0;} #footerOffersFrame a:hover{text-decoration:none;} #boxTitle {width:45px;height:30px;font-weight:bold;padding:6px 9px;overflow:hidden;color:#FFFFFF;} /* For the pair of offer boxes to the bottom right of the flash banner */ #boxTitle a {color:#FFFFFF;} #boxDetails {margin:49px 0 0 5px;width:185px;height:16px;text-align:center;overflow:hidden;} #buttonHolder {float:left;display:block;margin:0px 0px 0px 12px;width:530px;height:25px;position:relative;top:-150px;z-index:50;} #homeFooter{position:relative;top:-150px;} #siteFooter {float:left;width:982px;height:85px;padding:0px 9px 5px 9px;text-align:left;background: bottom url(../images/general/footerBg.gif) repeat-x; } #newsMediaBtns ul {float:left; padding:0px; margin:0px; list-style-type:none;} #newsMediaBtns ul li {float:left; padding:0px; margin:0px; display:inline;} #newsMediaBtns ul li a {float:left; padding:0px; margin:0px; display:inline;height: 40px; } #newsMediaBtns ul li#newsBtn a {float:left;width:136px;height:28px;background: transparent url(../images/general/newsletter.gif) no-repeat; text-indent:-9999px;} #newsMediaBtns ul li#mediaBtn a {float:left;width:111px;height:28px;background: transparent url(../images/general/media.gif) no-repeat; text-indent:-9999px;margin-left:31px;} #newsMediaBtns ul li#playStayBtn a {float:left;width:140px;height:28px;background: transparent url(../images/general/playAndStay.gif) no-repeat; text-indent:-9999px;margin-left:31px;} #otherLinks {width:550px;height:12px;margin:5px 0;float:left;display:block;font:11px Verdana,Geneva,Arial,Helvetica,sans-serif;color:#585953;position:relative;z-index:100; } #otherLinks ul li {display:inline;color:#564f1f;background:url(../images/general/bulletpoint.gif) no-repeat;padding-left:7px;} #otherLinks ul li a {color:#564f1f;list-style-type:disc;} .goldGradientLine {float:left;display:block;height:1px;background:url(../images/general/linkHr.gif) left no-repeat;width:540px;margin:3px 0;} #footerContactInfo {float:left;display:block;font-size:11px;width:950px;line-height:15px;margin-top:10px;} .footerAddress{color:#585953;} .footerTelLocation{color:#a2a19f;} .footerTelNo{color:#9a833d;} .videoDescription{padding:0 0 10px 0;font-weight:bold;float:left;}