* { padding: 0em; margin: 0em; } body { background: #C0C0C0 url('../images/bg1.jpg'); padding: 20px 0px 35px 0px; } body,input { font-size: 10pt; font-family: "georgia", "times new roman", serif; color: #333333; } p { font-size: 1.1em; line-height: 1.5em; margin-bottom: 1.0em; text-align: left; } p.cen { font-weight: bold; margin-bottom: 0em; text-align: center; } a { color: #B96D00; text-decoration: underline; } a:hover { text-decoration: none; } h3 span { font-weight: normal; } h3,h4 { display: inline; font-weight: bold; background-repeat: no-repeat; background-position: right; } h3 { font-size: 1.7em; padding-right: 34px; background-image: url('../images/db1.gif'); } h4 { font-size: 1.2em; padding-right: 28px; background-image: url('../images/db2.gif'); } .contentarea { padding-top: 1.3em; } #upbg { position: absolute; top: 0px; left: 0px; width: 100%; height: 275px; background: #C0C0C0 url('../images/bg2.jpg') repeat-x; z-index: 1; } #outer { z-index: 2; position: relative; width: 1000px; border: solid 7px #fff; background-color: #fff; margin: 0 auto; } #header { position: relative; width: 100%; height: 125px; background: #2B2B2B url('../images/topbg.gif') repeat-x; margin-bottom: 2px; } #headercontent { position: absolute; bottom: 0em; padding: 0em 0em 1.75em 1.75em; } #headercontent h1 { font-weight: normal; color: #777; font-size: 34px; } #headercontent a { text-decoration: none; color: #777; } #headercontent h2 { display: inline; font-size: 20px; font-weight: normal; color: #aaa; } #frontphoto { float: right; margin: 5px 5px 5px 0px; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~ LIST ELEMENTS ~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #navigation { background: #7F8400 url('../images/menubg.gif') repeat-x top left; height: 40px; line-height: 40px; padding: 0px; margin: 5px auto; } #navigation li { float:left; list-style-type:none; } #navigation li a { display:block; padding: 0px 20px; text-decoration:none; color: #fff; letter-spacing:1px; font-size: 1.1em; } #navigation li a:hover { text-decoration: underline; } #navigation li a.active { background: #7F8400 url('../images/menuactive.gif') repeat-x top left; } #navigation li a.set { color: Maroon; } #navigation li a.setactive { background: Maroon url('../images/menusetactive.jpg') repeat-x top left; } #Submenu { position: relative; clear: left; float: left; width: 150px; height: 300px; margin-bottom: 10px; font-size: 12px; border-right: 1px dotted #999; } #Submenu h2 { font-size: 1.6em; font-weight: bold; color: #444; padding: 5px 0 5px 5px; border-bottom: 1px dotted #999; } #Submenu ul { list-style: none; width: 150px; margin-bottom: 20px; font-size: 1.1em; } #Submenu li { margin-bottom: 4px; } #Submenu li a { font-size: 14px; font-weight: bold; height: 20px; text-decoration: none; color: #505050; display: block; padding: 6px 0 0 10px; background: #f4f4f4; border-left: 4px solid #cccccc; } #Submenu li a:hover { background: #eaeaea; color: #7F8400; border-left: 4px solid #7F8400; } #Submenu ul li a.active { background: #eaeaea; color: #7F8400; border-left: 4px solid #7F8400; text-decoration: underline; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~ AVAILABILITY ~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~ YEARS AND MONTHS ~~~~~~~~~~~~~~ */ #AvLabel { clear: left; float: left; height: 45px; width: 165px; line-height: 45px; border-right: 1px dotted #999; border-bottom: 1px dotted #999; text-align: left; font-size: 16px; color: #505050; margin-left: 5px } #AvList { float: left; height: 45px; line-height: 30px; min-width: 500px; border-bottom: 1px dotted #999; padding-left: 15px; font-size: 14px; } #AvList li { width: 50px; float:left; list-style-type:none; text-align: center; } #AvList li a { background: #f4f4f4; color: #505050; border: 2px solid #cccccc; text-decoration: none; margin: 6px 0px 6px 5px; display:block; } #AvList li a:hover { background: #eaeaea; color: #7F8400; border: 2px solid #7F8400; text-decoration: none; } #AvList li a.active { background: #eaeaea; color: #7F8400; border: 2px solid #7F8400; text-decoration: underline; } #AvList li a.inactive { background: #f4f4f4; color: #cccccc; border: 2px solid #cccccc; text-decoration: line-through; margin: 6px 0px 6px 5px; } /* ~~~~~~~~~~~~~~~~~~~ WEEKS (DAYS) ~~~~~~~~~~~~~~~~~~ */ #AvLabel2 { clear: left; float: left; height: 200px; width: 165px; line-height: 45px; border-right: 1px dotted #999; text-align: left; font-size: 16px; color: #505050; margin-left: 5px } #AvList2 { float: left; width: auto; height: 250px; line-height: 27px; padding: 5px 0px 0px 20px; font-size: 14px; } #AvList2 ul { clear: left; width: auto; height: 27px; } #AvList2 li { background: #f4f4f4; height: 27px; width: 40px; float:left; list-style-type:none; color: #505050; border: 1px solid #cccccc; text-align: center; } #AvList2 li.A { background: #99FF66; } #AvList2 li.B { background: #FF9900; } #AvList2 li.P { background: #9999FF; } #AvList2 li.U { background: #ffffff; color: red; } #AvList2 li.WP { background: #f4f4f4; color: #cccccc; text-decoration: line-through; } #AvList2 li.price { width: 60px; margin-left: 5px; } #AvList2 li.book { width: 40px; margin-left: 5px; } #AvList2 li.priceedit { width: 60px; margin-left: 5px; padding-right: 5px; text-align: center; } #AvList2 li.bookedit { width: 180px; margin-left: 5px; } .texta { clear: left; padding: 2px; font-size: 14px; font-family: "verdana"; background-color: #ffffff; border: 1px solid #999999; } /* ~~~~~~~~~~~~~~~~~~~ LEGEND ~~~~~~~~~~~~~~~~~~~~~~~~~ */ #AvLegend { float: left; padding-top: 20px; font-size: 14px; } #AvLegend li { background: #ffffff; border: 0px; margin-right: 10px; width: 90px; height: 40px; line-height: 40px; list-style-type:none; text-align: center; } #AvLegend li.A { background: #99FF66; border: 1px solid #cccccc; } #AvLegend li.B { background: #FF9900; border: 1px solid #cccccc; } #AvLegend li.P { background: #9999FF; border: 1px solid #cccccc; line-height: 19px; } #AvLegend li.U { background: #ffffff; border: 1px solid #cccccc; color: red; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~ FAQ ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .faq { padding: 3px 0px 0px 10px; } .faq h4 { margin-bottom: .5em; } .faq dt { margin-top: -1px; border: solid 1px #c4c4c4; padding: 4px 10px 4px 10px; font-size: 1.1em; cursor: pointer; } .faq dt.faqClosed { border: 1px; background: #f4f4f4; margin: 1px 0px; } .faq dt.faqOpen { color: #ededed; background: #7F8400; margin: 1px 0px; } .faq dd { display: block; margin: 0; padding: 0 21px; overflow: hidden; } .faq .faqToTop { display: block; text-align: right; padding-bottom: 4px; font-size: 0.9em; } .faq .faqHide, .faq .faqShow { display: block; margin: -30px 0px 5px 550px; padding: 0px 0px 8px 40px; background: url(../images/minus.gif) no-repeat 10px 0px; } .faq .faqShow { background-image: url(../images/plus.gif); } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~ Contact ~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #ccard { position: relative; float: left; width: 325px; height: auto; margin: 10px; padding: 10px; background: #f4f4f4; color: #505050; border-left: 1px solid #6B6B6B; border-top: 1px solid #6B6B6B; border-right: 2px solid #6B6B6B; border-bottom: 2px solid #6B6B6B; } #ccard p { font-size: 1.3em; line-height: 1.4em; margin: 10px; } #contact { position: relative; float: left; width: 360px; height: 400px; margin: 10px 0px 10px 10px; padding: 10px 0px 10px 10px; background: #f4f4f4; border-left: 1px solid #6B6B6B; border-top: 1px solid #6B6B6B; border-right: 2px solid #6B6B6B; border-bottom: 2px solid #6B6B6B; } #formLeft { width: 360px; } #formLeft input { width: 190px; border: none; text-align: left; background: none; margin: 5px 0 0 8px; font-size: 1.1em; } #formLeft .input-bg { background: url(../images/form-smbg.jpg) bottom left no-repeat transparent; height: 34px; margin: 0px 0 20px 0; position: relative; } #formLeft .active { background: url(../images/form-smbg.jpg) top left no-repeat transparent; } #formRight { width: 360px; position: relative; } #formRight textarea { width: 312px; height: 158px; display: block; border: none; background: none; margin: 10px 0px 0px 15px; font-size: 1.1em; overflow: auto; } #formRight .message-bg { background: url(../images/messagebg.jpg) bottom left no-repeat transparent; height: 179px; } #formRight .active { background: url(../images/messagebg.jpg) top left no-repeat transparent; } label { display: block; font-size: 1.1em; text-indent: 10px; font-weight: bold; } label.error { position: absolute; top: -20px; right: 30px; padding: 3px; color: #da3939; font-size: 1.0em; text-align: right; font-style: italic; font-weight: normal; } input.submit-button { float: left; padding-left: 90px; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~ Image Cycle ~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #titlebox { float:right; margin: 7px 15px 10px 10px; padding: 0px; width: 280px; text-align: center; } #title { top:-10px; } #slideshow1 { float:right; margin: 0px; } .pics { height: 172px; width: 280px; padding:0; margin:0; overflow: hidden } .pics img { height: 150px; width: 258px; padding: 10px; border: 1px solid #ccc; background-color: #eee; top:0; left:1; } .pics img { -moz-border-radius: 10px; -webkit-border-radius: 10px; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~ Map detail ~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #mapnav { position: relative; float:left; display:inline; line-height: 30px; border-bottom: 1px #555 solid; width:950px; height:30px; padding:0px; margin:0px; } #mapnav a { font-size: 16px; text-decoration: none; color: #B96D00; display: inline; } #mapnav a:hover { text-decoration: underline; } #mapnav a.active { text-decoration: underline; } #mapcase { width:490px; height:425px; float:left; display:block; margin:5px 10px 0px 0px; padding:0px; border: 1px solid #ccc; background-color: #eee; top:0; left:1; } #mapcase { -moz-border-radius: 10px; -webkit-border-radius: 10px; } #map { width:470px; height:405px; margin:10px; } #side_bar { background:#f4f4f4; border: 1px solid #ccc; float:left; display:block; width:150px; height:425px; padding:0px; margin:5px 10px 0px 0px; } #side_bar { -moz-border-radius: 10px; -webkit-border-radius: 10px; } #side_bar ul { background:#f4f4f4; list-style:none; margin-top: 4px; } #side_bar li { padding: 4px; border-left: 5px solid #f4f4f4; } #side_bar a { text-decoration: none; display: block; } #side_bar #over { background:#C0C0C0; border-left: 5px solid #C0C0C0; cursor:pointer; cursor:hand; } #side_bar li:hover { background:#C0C0C0; border-left: 5px solid #C0C0C0; cursor:pointer; cursor:hand; } #side_bar #active { background:#C0C0C0; border-left: 5px solid #7F8400; cursor:pointer; cursor:hand; } #side_bar #out { background:#f4f4f4; } #detailBox { position: relative; display:block; float:left; width:300px; height:425px; padding:0px; margin:5px 0px 0px 0px; } #detailTitle { width:300px; height:25px; line-height: 25px; padding:0px; margin:0px; text-align: center; } #detailAdd { width:300px; height:40px; padding:0px; margin:0px; text-align: right; border-top: 1px solid #fff; border-bottom: 1px solid #fff; } #detailAdd_act { width:300px; height:40px; padding:0px; margin:0px; text-align: right; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } #detailDesc { width:300px; height:150px; padding:0px; margin:0px; overflow: hidden; font-size: 9px; } #detailImg { width:280px; height:172px; padding-left:11px; margin:0; overflow: hidden } #detailImg img { height: 150px; width: 258px; padding: 10px; border: 1px solid #ccc; background-color: #eee; top:0; left:1; } #detailImg img { -moz-border-radius: 10px; -webkit-border-radius: 10px; } #detailDist { width:300px; height:35px; padding:0px; margin:0px; line-height: 17px; text-align: center; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~ Cream Teas ~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .cteas { font-size: 18px; margin: 15px 0px 0px 15px; } .cteas tr { height: 25px; } .cteas td.left { padding-left: 15px; background: url('../images/bullet.gif') no-repeat 5px 8px; width: 300px; } .cteas td.lefttab { padding-left: 40px; background: url('../images/bullet.gif') no-repeat 30px 8px; font-size: 17px; } .cteas td.right { padding-left: 15px; width: 70px; text-align:center; } .cteas td.note { text-align:center; font-style: italic; font-size: 16px; } .pagelink { display:block; text-transform:uppercase; text-decoration: underline; font-size: 16px; text-align: center; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~ Gallery ~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .galleria { list-style:none;width:200px} .galleria li { display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0} .galleria li a { display:none} .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;width:auto;height:auto} .galleria li .caption {display:block;padding-top:.5em} * html .galleria li div span {width:400px} /* MSIE bug */ .caption {font-style:italic;color:#333333;} .demo {position:relative; text-align:center; } .gallery_demo {width:220px; height:400px; display:block; padding-top: 20px; float:left; border-right: 1px dotted #999; } .gallery_demo li {width:100px;height:75px; border: 1px solid #ccc; margin:2px; background:#000; } .gallery_demo li div {left:240px} .gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;} #main_image {position: relative; display:block; float: right; padding: 20px 0px 30px 0px; height:400px; width:730px; text-align:center; } #main_image img {margin-bottom:10px;} /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~ Other ~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #menubottom { background: #fff url('../images/border1.gif') repeat-x; height: 14px; } #content { padding-left: 5px; min-height: 400px; font-size: 11pt; } img.toparrow {display:inline; padding: 0px; margin: 0px; border: 0px; } #choices label { font-size: 1.0em; display:inline; } #right_nosub { position: relative; float: left; padding: 0px; margin: 0px; width: auto; font-size: 0.9em; } #right_nosub p { font-size: 1.3em; margin: 10px; } #right_nosub h2 { font-size: 1.6em; font-weight: bold; color: #444; padding: 5px 0px 5px 5px; border-bottom: 1px dotted #999; } #right { position: relative; float: left; width: 790px; margin-bottom: 10px; } #right p { font-size: 1.1em; margin: 10px; } #right h2 { line-height: 1.2em; font-size: 1.3em; font-weight: bold; color: #444; padding: 5px 0px 5px 5px; border-bottom: 1px dotted #999; } #footer { position: relative; height: 50px; clear: both; margin: 0px; padding-top: 0px; background: #fff url('../images/border2.gif') repeat-x 0em 1em; font-size: 0.8em; } #footer .left { position: absolute; left: 2.0em; bottom: 1.2em; } #footer .right { position: absolute; right: 2.0em; bottom: 1.2em; } #footer a { text-decoration: none; color: #000000; } #footer a.gran { text-decoration: none; color: blue; }