/* GENERAL STYLES */ * {padding: 0; margin: 0;} body {text-align: center; background: #EEE8D8 url(../images/bg.png) 0 0 repeat-x; font-family: helvetica, Arial, verdana, sans-serif; font-size: 12px; color: #333;} p {line-height: 22px; margin: 10px 0;} button {cursor:pointer; border:0; background: none; text-align: left;} .hide {display: none;} .clear {clear: both;} h1, h2, h3 {font-size: 20px; font-family: Georgia, Times, "Times New Roman", arial, verdana, sans-serif; font-weight: normal;} a {outline: none;} a img {border: none;} a:link, a:visited {text-decoration: underline; color: #333333;} a:hover, a:active {text-decoration: none; color: #ff0000;} .fl_left {float: left;} .fl_right {float: right;} li {list-style: none;} fieldset {border: none!important;} .left_third {width: 200px; float: left;} .left_two_thirds {width: 450px; float: left; margin-left: 30px;} /* LAYOUT */ #container {width: 1000px; text-align: left; margin: 30px auto; background: transparent url(../images/container_bg.gif) 0 0 repeat-y;} #left_content {width: 270px; background: #f9f7f1 url(../images/top_left.png) 0 0 no-repeat; float: left; text-align: center; padding-bottom: 30px;} #right_content {width: 730px; float: left;} #logo {margin-left: 12px;} #footer {clear: both; background: #3E3E2D; padding: 20px 0; color: #ffffff;} #slider {margin-bottom: 50px; clear: both;} #slider ul {margin-left: 8px;} #slider ul li {width: 225px; background: none; padding-left: 0;} #social_media {text-align: center; width: 100%; margin-top: 20px;} #availability_block {background: transparent url(../images/availability_bg.png) 50% 0 no-repeat; height: 213px; margin: 20px 0; text-align: center; position: relative;} #email_updates {margin-top: 20px;} #main_image {height: 400px; overflow: hidden; position: relative;} #body_home_page_only #main_image {height: 520px;} #body_booking_page #main_image {display: none;} #transparency {z-index: 11; position: absolute; bottom: 0; color: #ffffff; font-size: 16px; background: transparent url(../images/transparency.png) 0 0 repeat; padding: 15px 40px 15px 30px; width: 660px; } #page_body {padding-left: 30px;} #main_content {float: left; width: 100%;} /* TEXT */ #logo h1 a {display: block; text-indent: -9999px; height: 152px; width: 240px; background: transparent url(../images/logo.png) 0 0 no-repeat;} #social_media a {margin: 0 20px 20px 0;} #availability_block h2 {padding: 20px 0 10px 0;} #availability_block form .select_info {float: left; margin-right: 3px;} #availability_block form .select_info select {width: 55px;} .sub_select_holder {margin: 20px 0 0 45px; padding-bottom: 50px;} .avail_label {text-align: left; display: inline-block; margin-top: 6px;} button.cdg_button {border: 1px solid #BFB79A; width: 180px; padding: 6px; text-align: center; font-size: 15px; background: #eee8d8; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; } button.cdg_button:hover {background: #f5f4ef;} #transparency p {line-height: 28px; } #transparency a {color: #ffffff!important;} #transparency #transpChanger, #transparency #transpChanger2 {position: absolute; top: 10px; right: 20px; font-size: 11px;} #transparency #transpChanger2 {display: none;} #page_body h2, #page_body h3, #page_body h4 { margin: 15px 0;} .view_options {margin-left: 10px;} img.icon_logo {float: left; margin: 0 20px 20px 10px;} ul.brochures {margin-left: 30px;} ul.brochures li {background: transparent url(../images/icons/pdf.png) 0 50% no-repeat; line-height: 22px; padding-left: 32px; margin: 5px 0;} ul.brochures li a {text-decoration: none;} img.body_img, img.added_image {float: right; margin: 10px; border: 8px solid #F3F1E9;} #body_spa_page img.added_image {float: none;} #page_body li {line-height: 20px; padding-left: 20px; background: transparent url(../images/stag.png) 0 1px no-repeat;} table.MsoNormalTable {margin-left: 0px!important;} /*NAVIGATION */ #top_nav ul {width: 100%; display: block; height: 40px; background: #333 url(../images/nav_bg.gif) 100% 100% no-repeat;} #top_nav ul li {display: inline; margin: 0;} #top_nav ul li a {display: inline-block; height: 18px; padding: 11px; background: #333333; font-size: 13px; color: #ffffff; text-decoration: none; margin: 0;} #body_home_page_only #top_nav ul li a#li_home_page, #body_conference_page #top_nav ul li a#li_conference_page, #body_accommodation_page #top_nav ul li a#li_accommodation_page, #body_dining_page #top_nav ul li a#li_dining_page, #body_weddings_page #top_nav ul li a#li_weddings_page, #body_golf_page #top_nav ul li a#li_golf_page, #body_spa_page #top_nav ul li a#li_spa_page, #body_voucher_page #top_nav ul li a#li_vouchers, #body_specials_page #top_nav ul li a#li_specials, #top_nav ul li a:hover {background: #C2BBA3; color: #333} #third_nav {float: left; width: 150px; padding-right: 20px;} #second_nav ul, #third_nav ul {width: 100%; display: block; height: auto; } #second_nav ul li, #third_nav ul li {display: inline; margin: 0 3px 0 0;} #second_nav ul li a, #third_nav ul li a {display: inline-block; height: 15px; padding: 5px 5px; color: #333; text-decoration: none;} #second_nav ul li a.sec_active, #third_nav ul li a.third_active, #second_nav ul li a:hover, #third_nav ul li a:hover {border-bottom: 3px solid #EEEADB; padding-bottom: 2px;} #third_nav ul {height: auto; margin-top: 20px;} #third_nav ul li {display: block;} #third_nav ul li a {padding: 5px 0; height: auto;} #third_nav ul li {background: transparent url(../images/stag.png) 0 6px no-repeat; padding-left: 25px; margin-left: 5px; margin-right:1px;} /* progress bar for navigation */ /* the navigation controls for the sprite navigation */ #progress {background: url(../images/progress.gif); height: 57px;width: 665px; margin: 20px 0; position: relative;} .specials_cd #progress {background: url(../images/progress2.gif)!important; height: 57px;width: 665px; margin: 20px 0; position: relative;} #progress ul {width: 665px; height: 57px; position: relative; margin: 0;} #progress ul li{background: none; padding:0; margin: 0;} #progress li {position: absolute; top: 0;} #progress li, #progress a { height: 57px; display: block; text-indent: -999999px; margin: 0; padding: 0;} #prog1 {left: 0px; width: 110px;} #prog2 {left: 111px; width: 110px;} #prog3 {left: 222px; width: 110px;} #prog4 {left: 333px; width: 110px;} #prog5 {left: 444px; width: 110px;} #prog6 {left: 555px; width: 110px;} #prog1 a.progress_active {background: transparent url(../images/progress.gif) -0px -0px no-repeat;} .specials_cd #prog1 a.progress_active {background: transparent url(../images/progress2.gif) -0px -0px no-repeat;} #prog2 a.progress_active {background: transparent url(../images/progress.gif) -111px -0px no-repeat;} #prog3 a.progress_active {background: transparent url(../images/progress.gif) -222px -0px no-repeat;} #prog4 a.progress_active {background: transparent url(../images/progress.gif) -333px -0px no-repeat;} #prog5 a.progress_active {background: transparent url(../images/progress.gif) -444px -0px no-repeat;} #prog6 a.progress_active {background: transparent url(../images/progress.gif) -555px -0px no-repeat;} #prog1 a.progress_future {background: transparent url(../images/progress.gif) -0px -57px no-repeat;} #prog2 a.progress_future {background: transparent url(../images/progress.gif) -111px -57px no-repeat;} #prog3 a.progress_future {background: transparent url(../images/progress.gif) -222px -57px no-repeat;} #prog4 a.progress_future {background: transparent url(../images/progress.gif) -333px -57px no-repeat;} #prog5 a.progress_future {background: transparent url(../images/progress.gif) -444px -57px no-repeat;} #prog6 a.progress_future {background: transparent url(../images/progress.gif) -555px -57px no-repeat;} #prog1 a.progress_past {background: transparent url(../images/progress.gif) -0px -114px no-repeat;} #prog2 a.progress_past {background: transparent url(../images/progress.gif) -111px -114px no-repeat;} #prog3 a.progress_past {background: transparent url(../images/progress.gif) -222px -114px no-repeat;} #prog4 a.progress_past {background: transparent url(../images/progress.gif) -333px -114px no-repeat;} #prog5 a.progress_past {background: transparent url(../images/progress.gif) -444px -114px no-repeat;} #prog6 a.progress_past {background: transparent url(../images/progress.gif) -555px -114px no-repeat;} /* Booking Summary Information */ .booking_summary {color: #333333; font-size: 11px; font-family: verdana, helvetica, arial, sans-serif; width: 665px; margin-bottom: 20px;} .booking_summary td{text-align: center; padding: 3px 5px; border: 1px solid #D4CFBF;} .booking_summary tr.top_row td {background: #3E3E2D; text-align: left; color: #fff;} .booking_summary td.right_align {text-align: right;} .booking_summary td.left_align {text-align: left;} .booking_summary td.row_header {background: #BaB49C; border-bottom: 1px solid #333333; font-weight: bold; color: #fff;} .booking_summary tr.last_row td {background: #3E3E2D; color: #fff; font-weight: bold; border-top: 1px solid #333333; border-bottom: 2px solid #333333;} .booking_button {margin: -10px 0 0 0px;} .proceed_button {display: block; float: right; margin-right: 30px;} #generic_form label {display: block; float: none; text-align: left; width: auto; padding: 0; margin: 10px 0;} #generic_form input, #generic_form select {width: 250px; border: 1px solid #eaeaea; background: #f4f4f4; padding: 3px; height: 18px;} #generic_form select {height: 26px;} /* FOOTER */ #footer h3 {font-size: 16px; margin-left: 30px;} div.small_map {background: transparent url(../images/small_map.gif) 20px 30px no-repeat;width: 450px;} div.wider {width: 300px;} div.small_map p { padding-left: 170px;} a:link {color: #ffffff;} /* BINGO BUTTON */ .bingo-button {width: 231px; display: block; padding: 0 15px; position: relative;background: transparent url(../images/bingo/middle.jpg) 15px 0 repeat-y; margin: 10px 0 180px 5px;} .bingo-button .bingo-button-top {width: 231px; display: block; height: 80px; background: transparent url(../images/bingo/header.jpg) 0 0 no-repeat; overflow: hidden; margin-bottom: -15px;} .bingo-button h2 {font-size: 16px; color: #333333; padding-top: 20px; font-weight: bold;} .bingo-button p {margin: 15px 30px; line-height: 22px; font-size: 12px;} .bingo-button .bingo-button-body {padding-bottom: 35px;background: transparent url(../images/bingo/bottom.jpg) 100% 100% no-repeat; min-height: 40px; position: relative} .bingo-button .bingo-button-bottom {margin: -165px 0 0 10px; text-align: center} .bingo-button #book_now {position: absolute; bottom: 15px; left: 50px;} /* SLIDESHOW */ /*** set the width and height to match your images **/ #slideshow {position:relative;height:120px; overflow: hidden; margin-top: 15px;} #slideshow img {position:absolute;top:0;left:46px;z-index:8; opacity:0.0;} #slideshow img.active {z-index:10; opacity:1.0;} #slideshow img.last-active {z-index:9;} #home_slider {position:relative;height:400px; overflow: hidden;} #body_home_page_only #home_slider {height: 520px;} #home_slider img {position:absolute;top:0;z-index:8; opacity:0.0;} #home_slider img.active {z-index:10; opacity:1.0;} #home_slider img.last-active {z-index:9;} /* FORMS */ #email_signup input {width: 180px; border: 1px solid #cccccc; padding: 5px; height: 20px; margin-top: 20px;}