@import "reset.css";
@import "typography.css";

html { height: 100%; }

body { height: 100%; background: url('../_images/css-backgrounds/body.png') 50% 0 no-repeat; font-family: Tahoma, Verdana, Helvetica, sans-serif; font-size: 62.5%; color: #333333; }

#ie6Warning { position: absolute; z-index: 2000; top: 0; left: 0; padding: 5px 50px 5px 50px; line-height: 20px; background: url('../_images/ie6-stop.jpg') no-repeat #ca0000; color: #fff; font-size: 1.1em; border-bottom: 2px solid #fff; }
#ie6Warning a { color: #fff; text-decoration: underline; }

#header { width: 100%; height: 80px; }
#header #header_inner { width: 960px; margin: 0 auto; }
#header #header_inner h3 { float: left; width: 800px; height: 40px; line-height: 40px; color: #fff; text-indent: 10px; }
#header #header_inner a#contactus { float:right; width: 83px; background: url('../_images/css-backgrounds/contact-us.png') right no-repeat; height: 40px; margin-right: 20px; }
#header #header_inner ul#menu { float: left; height: 40px; }
#header #header_inner ul#menu li { float: left; height: 32px; margin: 8px 5px 0; }
#header #header_inner ul#menu li a { display: block; padding: 0 10px; }
#header #header_inner ul#menu li a.selected { background: #fff; color: #53075e; }

#background_wrapper { position: relative; height: 600px; background: url('../_images/background-images/1.jpg') 50% 0 no-repeat #fff; z-index: 0; }
#background_wrapper #buttons { width: 1050px; position: absolute; left: 50%; margin-left: -525px; }
#background_wrapper #buttons #prev_button { float: left; margin-top: 50px; }
#background_wrapper #buttons #next_button { float: right; margin-top: 50px; }

#content_wrapper { width: 960px; margin: 0 auto; margin-top: -600px; position: relative; z-index: 1; }

#banner { width: 960px; height: 220px; }
#banner h1 { float: left; position: relative; top: 20px; left: 20px; z-index: 2; background: #fff; padding: 5px 10px; opacity:0.8; filter:alpha(opacity=80); }
#banner img { position: relative; top: -36px; z-index: 1; }

#content { width: 940px; margin: 0 auto; padding: 10px; }
#content #left_content { float: left; width: 630px; }

#content #side_banner_holder { float: right; width: 300px; }
#content #side_banner_holder .side_banner { float: left; width: 300px; height: 150px; margin-bottom: 10px; }
#content #side_banner_holder .side_banner h5 { margin: 8px 0 0 8px; }
#content #side_banner_holder .side_banner p { padding-right: 125px; }
#content #side_banner_holder .side_banner a { float: left; margin-left: 37px; margin-top: 17px; color: #fff; }
#content #side_banner_holder #ourlodges { background: url('../_images/boxes/our-lodges.png') no-repeat; }
#content #side_banner_holder #stay { background: url('../_images/boxes/availability.png') no-repeat; }
#content #side_banner_holder #golf { background: url('../_images/boxes/golf.png') no-repeat; }
#content #side_banner_holder #links { background: url('../_images/boxes/links.png') no-repeat; }
#content #side_banner_holder .links { font-size: 0.9em; }
#content #side_banner_holder .links p { padding: 7px 0 0 30px; line-height: 20px; }
#content #side_banner_holder .links a { margin: 0; }

#content .purple_box { float: left; width: 204px; height: 196px; background: url('../_images/css-backgrounds/purple-box.png') no-repeat; margin-top: 30px; }
#content .purple_box h5 { margin: 3px 0 0 15px; text-align: left; }
#content #whatson ul { padding: 0 10px; margin-top: 15px; color: #444; }
#content #whatson ul li { height: 40px; margin-bottom: 13px; }
#content #whatson ul li img { float: left; padding-right: 5px; width: 50px; height: 40px; }
#content #photogallery img { margin: 15px 0 0 12px; width: 181px; height: 152px; }
#content #specialoffers { text-align: center; }

#locationMap { float: right; background: #f6f6f6; border: 1px solid #ccc; width: 350px; height: 400px; padding: 5px; margin: 10px 0 10px 10px; }
#getdirections { clear: right; float: right; background: #f6f6f6; border: 1px solid #ccc; width: 350px; padding: 5px; margin: 0 0 10px 10px; }
#getdirections input { width: 233px; border: 1px solid #ccc; padding: 2px 5px; }
#getdirections input#submit { width: 100px; padding: 1px 5px; }

#footer { width: 920px; width: 920px; height: 400px; padding: 0 20px; margin-top: 10px; background: url('../_images/css-backgrounds/footer-bg.png') repeat #310735; }
#footer a { color: #fff; }

.middle_item_horiz { margin: 0 9px; }

ul#progressBar { width: 790px; height: 40px; margin: 10px auto; padding: 5px 5px 6px 5px; }
ul#progressBar li { float: left; width: 168px; margin-right: 10px; padding: 0 10px; height: 40px; line-height: 40px; font-size: 1.2em; color: #999; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #f6f6f6; }
ul#progressBar li.lastitem { margin-right: 0; }
ul#progressBar li span { float: left; padding-right: 15px; font-size: 1.8em; color: #999; }
ul#progressBar li.current { background: #f6f6f6; font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #ccc; color: #999; }
ul#progressBar li.current span { color: #53075e; }
ul#progressBar li.completed { background: url('../_images/tick.png') right no-repeat }

form#booking_form { padding: 10px 20px; }
form#booking_form label { float: left; width:  170px; font-size: 1.2em; line-height: 23px; margin-bottom: 8px; clear: left; }
form#booking_form input { float: left; width: 380px; border: 1px solid #ccc; padding: 3px 5px; font-size: 1.2em; margin-bottom: 8px; }
form#booking_form input:focus { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-color: #53075e; }
form#booking_form input#submit { clear: left; width:  200px; margin-left: 350px; color: #fff; background: #53075e; border-color: #53075e; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
form#booking_form input.checkbox { float: none; width: auto; }
form#booking_form input.radiobox { }
form#booking_form textarea { float: left; width: 380px; height: 100px; border: 1px solid #ccc; padding: 3px 5px; font-size: 1.2em; margin-bottom: 8px; }
form#booking_form select { float: left; width: 400px; border: 1px solid #ccc; padding: 3px 5px; font-size: 1.2em; margin-bottom: 8px; }
form#booking_form select.age_select { width: 220px; margin-left: 150px; }
form#booking_form .form_help { float: right; font-size: 1.2em; line-height: 19px; width: 300px; background: #FFFF99; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; border: 1px solid #FFEF00; }
form#booking_form #termsandconditions { float: left; font-size: 1.2em; width: 400px; margin: 0 0 8px 150px; padding: 5px; background: #f6f6f6; border: 1px solid #ccc; }

#errorLog { margin: 10px 0; min-height: 128px; border: 1px solid #ca0000; background: url('../_images/error.png') no-repeat 10px 10px #FFE5E5; padding-left: 140px; }
#errorLog p { padding: 0; padding: 3px 0 3px 10px; }
#errorLog p a { font-weight: bold; color: #ca0000; padding-right: 10px; }

.lodge_gallery { height: 75px; background: #f9f9f9; padding: 5px; border: 1px solid #ccc; border-width: 1px 0; margin: 0 10px; text-align: center; }
.lodge_gallery img { float: left; width: 96px; height: auto; margin-right: 5px; }

#directions_form { background: #f9f9f9; border:1px solid #ccc; padding:10px; margin: 10px 0; font-size: 1.2em; }
#directions_form input, #directions_form select { border: 1px solid #aaa; padding: 2px 5px; margin: 0 15px; }
#directions { float: left; width: 500px; font-size: 1.2em; }
#directions_map { float: right; width: 400px; height: 500px; border: 1px solid #ccc; margin-top: 15px; }

table#ratesTable { margin: 0 auto; }
table#ratesTable tr {}
table#ratesTable tr td { padding: 4px 10px; }

#lodge25_availability, #lodge26_availability { width: 570px; margin: 20px 0 20px 20px; }

a.bookastaybutton { float: right; margin: 80px 70px 0 0; }

form#contactus { float: right; width: 500px; padding: 20px; margin-top: 40px; margin-bottom: 40px; background: #f9f9f9; border: 1px solid #53075e; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-weight: bold; }
form#contactus label { float: left; width: 150px; font-size: 1.2em; margin-bottom: 5px; }
form#contactus input { float: left; width: 340px; border: 1px solid #ccc; margin-bottom: 10px; padding: 3px 0; font-size: 1.2em; text-indent: 5px; }
form#contactus input#submit { clear: left; width: 100%; color: #fff; background: #53075e; border-color: #53075e; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
form#contactus textarea { float: left; clear: left; width: 100%; height: 80px; border: 1px solid #ccc; margin-bottom: 10px; }
form#contactus p { padding: 3px 0 3px 0; margin-bottom: 15px; font-style: italic; text-indent: 5px; background: #fff; color: #53075e; border-top: 1px solid #53075e; border-bottom: 1px solid #53075e; }

.whatsonevent { margin-top: 20px; padding: 0 10px 20px 10px; border-bottom: 1px solid #ccc; }
.whatsonevent img { float: left; width: 200px; height: 150px; padding-right: 10px; }

/***** Photo Gallery *****/

#main_image { text-align: center; margin: 20px 0 0 0; }
.galleria{ list-style:none; width:100%; padding: 5px 0; margin-top: 10px; }
.galleria li{ display:block; width:60px; height:60px; overflow:hidden; float:left; margin:0 5px 5px 0; }
.galleria li a{display:none}
.galleria li a img { height: 60px; width: 60px }
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;height: 60px; width: 60px}
#main_image .caption{display:block;padding-top:10px; font-size: 1.2em; line-height: 16px; }
* html .galleria li div span{width:400px} /* MSIE bug */