@charset "utf-8"; /* CSS Document */ body { background: url(../images/body-bk.jpg) top left repeat-x #8e5e14; } #container { width: 908px; min-height: 600px; margin: 1.5em auto 0 auto; } #header { background:url(../images/getaway-header-bk1.png) top left no-repeat; width: 908px; height: 363px; }/*Change per page in section*/ ol#navigation { list-style: none; position: relative; left: 285px; top: 105px; width: 500px; } ol#navigation li { display: inline; float: left; } ol#navigation li a { display: block; text-decoration: none; color: #fff; font: .875em Arial, Helvetica, sans-serif; padding: .5em .4em; } ol#navigation li a:hover { color: #19B450; } #content { width: 908px; padding-left: 18px; background: url(../images/content-bk.png) top center repeat-y; min-height: 202px; } ol#address_horz { position: relative; right: 38px; list-style: none; background: #4d0304; float: right; width: 400px; padding: .2em .4em; } ol#address_horz li { display: inline; color: #fff; font: .687em Arial, Helvetica, sans-serif; } ol#main_nav { list-style: none; clear: both; overflow: auto; position: relative; left: 612px; top: 248px; background: url(../images/right-nav.png) top center no-repeat; width: 291px; height: 155px; padding-top: 1.75em; margin-bottom: -196px; margin-left: 1em; } ol#main_nav li { margin-left: .75em;} ol#main_nav li a { text-decoration: none; display: block; height: 25px; } ol#main_nav li a#menu { background: url(../images/themenu-btn.gif) top left no-repeat; width: 90px; height: 25px; } ol#main_nav li a#menu:hover { background: url(../images/themenu-btn-over.gif) top left no-repeat; width: 90px; height: 25px; } ol#main_nav li a#togo { background: url(../images/getaway-togo-btn.gif) top left no-repeat; width: 120px; height: 25px;} ol#main_nav li a#togo:hover { background: url(../images/getaway-togo-btn-over.gif) top left no-repeat; width: 120px; height: 25px;} ol#main_nav li a#events { background: url(../images/upcoming-events-btn.gif) top left no-repeat; width: 120px; height: 25px;} ol#main_nav li a#events:hover { background: url(../images/upcoming-events-btn-over.gif) top left no-repeat; width: 120px; height: 25px;} ol#main_nav li a#rewards { background: url(../images/rewards-program-btn.gif) top left no-repeat; width: 130px; height: 25px;} ol#main_nav li a#rewards:hover { background: url(../images/rewards-program-btn-over.gif) top left no-repeat; width: 130px; height: 25px;} ol#main_nav li a#gift { background: url(../images/gift-cards-btn.gif) top left no-repeat; width: 79px; height: 25px;} ol#main_nav li a#gift:hover { background: url(../images/gift-cards-btn-over.gif) top left no-repeat; width: 79px; height: 25px;} ol#main_nav li a#comment { background: url(../images/comment-cards-btn.gif) top left no-repeat; width: 108px; height: 25px;} ol#main_nav li a#comment:hover { background: url(../images/comment-cards-btn-over.gif) top left no-repeat; width: 108px; height: 25px;} .hide { position: relative; left: -999em; } ol#inside_nav { list-style: none; margin: 0 5em 1em 0; width: 150px; height: 198px; background: url(../images/inside-nav-bk.jpg) top left no-repeat; padding-top: .75em; float: right; clear: both;} ol#inside_nav li { margin-left: .75em; width: 130px;} ol#inside_nav li a { text-decoration: none; display: block; height: 25px; width: 130px;} ol#inside_nav li a#menu { background: url(../images/themenu-btn.gif) top left no-repeat; width: 90px; height: 25px; } ol#inside_nav li a#menu:hover { background: url(../images/themenu-btn-over.gif) top left no-repeat; width: 90px; height: 25px; } ol#inside_nav li a#togo { background: url(../images/getaway-togo-btn.gif) top left no-repeat; width: 120px; height: 25px;} ol#inside_nav li a#togo:hover { background: url(../images/getaway-togo-btn-over.gif) top left no-repeat; width: 120px; height: 25px;} ol#inside_nav li a#events { background: url(../images/upcoming-events-btn.gif) top left no-repeat; width: 120px; height: 25px;} ol#inside_nav li a#events:hover { background: url(../images/upcoming-events-btn-over.gif) top left no-repeat; width: 120px; height: 25px;} ol#inside_nav li a#rewards { background: url(../images/rewards-program-btn.gif) top left no-repeat; width: 130px; height: 25px;} ol#inside_nav li a#rewards:hover { background: url(../images/rewards-program-btn-over.gif) top left no-repeat; width: 130px; height: 25px;} ol#inside_nav li a#gift { background: url(../images/gift-cards-btn.gif) top left no-repeat; width: 79px; height: 25px;} ol#inside_nav li a#gift:hover { background: url(../images/gift-cards-btn-over.gif) top left no-repeat; width: 79px; height: 25px;} ol#inside_nav li a#comment { background: url(../images/comment-cards-btn.gif) top left no-repeat; width: 108px; height: 25px;} ol#inside_nav li a#comment:hover { background: url(../images/comment-cards-btn-over.gif) top left no-repeat; width: 108px; height: 25px;} #footer { width: 890px; height: 48px; margin: 0 auto; background: url(../images/footer-nav.png) top left no-repeat; margin-left: 18px;} #footer ol#footer_nav { list-style: none; width: 850px; margin-left: 3.5em;} #footer ol#footer_nav li { font-size: 100%; display: inline; font: .687em Arial, Helvetica, sans-serif;padding: .4em;} #footer ol#footer_nav li a { text-decoration: none; color: #fff; font-weight: normal; } #footer ol#footer_nav li a:hover { color: #FBE0B8; } .home {width:350px;} .copy { width: 560px; padding: 1em .5em 1em 3em; } h1{ font: bold 1.5em Geneva, Arial, Helvetica, sans-serif; color: #600202; } h1.flash-title{ font: bold 1.5em Geneva, Arial, Helvetica, sans-serif; color: #600202; } h2, h3, h4 { font: bold 1em Geneva, Arial, Helvetica, sans-serif; color: #600202; margin: .75em 0 0 0; } p { font: .75em Arial, Helvetica, sans-serif; line-height: 1.5; margin: .875em 0; } strong { font-weight: bold; line-height: 1.5; } em { font-style: italic; line-height: 1.5; } a { color: #128238; font-weight: bold; } ul { font: .75em Arial, Helvetica, sans-serif; line-height: 1.5; margin: .75em 2em; list-style: disc; } ul li { padding: .4em; } ul.lous-news { list-style: none; margin: .25em 2em .75em 2em; } ul.lous-news li { border-bottom: 1px solid #600202; /*float: left; width: 230px; margin: .5em;*/ } ul.lous-news li.other { background: #EDC789; } ul.lous-news li p { font-size: 100%; } ul.lous-news li ul { font-size: 100%; } ul.lous-news li ul li { border: none; } .copy ol { font: .75em Arial, Helvetica, sans-serif; line-height: 1.5; margin: .875em 2em; list-style: decimal; } .copy ol li { padding: .4em; } ul.contact_address { list-style: none; } ul.contact_address li { padding: .2em; } .hpaddress { float: left; margin: 0 2em 1em .5em; padding-right: 1.5em; border-right: 1px solid #600202; clear: both; } .right { float: right; margin: 0 .5em 1em 1.5em; clear: both;} img.right, img.left, img.center { border: 1px solid #600202; } .left { float: left; margin: 0 2em 1em .5em; } p.center { text-align: center; } img.center { display: block; margin: 1em auto; } img#hpbadge { margin-right: 39px; margin-left: 1em;} ul.two_columns { list-style: none; width: 550px; overflow: auto;} ul.two_columns li { width: 200px; display: block; float: left; } /*Style the forms */ legend { font: Bold .875em Arial, Helvetica, sans-serif; line-height: 1.5; margin: 0; } ol.form { list-style: none; } ol.form li { } ol.form li label { padding: .2em; display: block;} form { width: 500px; } ul#formlist { list-style: none; } ul#formlist li { list-style: none; } table#form1 {margin-left:10px; width:80%; font-family: Arial, Helvetica, sans-serif;} table#form1 tr td {padding:3px;} input, textarea, select {border:solid 1px #B5161B; padding:2px;} .right {float:right;margin:0 0 15px 5px;} .title {text-align:right;} .title_left {text-align:left; } .directions { float: right; clear: both; margin-right: 4em; border: none; width: 221px; } .directions img { margin-left: 1.5em; } table {font-size: 100%; font: Arial, Helvetica, sans-serif; } table.table_content {border-bottom:solid 3px #EE1D25;margin:.5em 0 15px 10px; width:100%; clear:right;} table.table_content tr {border-top:solid 1px #cecece;} table.table_content tr th {padding:10px 5px; vertical-align:middle; font-weight: bold; } table.table_content tr td {padding:10px 5px; vertical-align:top;} .centered { text-align: center;} table.table_content tr td ul li {display:block; clear:both; margin-bottom:5px; list-style:disc outside;} ol#content li#rightColumn form.cmxform { margin: 1em 0; border-top: 1px solid #ccc; } ol#content li#rightColumn form.cmxform fieldset {margin: 1em; } ol#content li#rightColumn form.cmxform legend {padding: 0 .2em; font: bold .75em Arial, Helvetica, sans-serif;} ol#content li#rightColumn form.cmxform legend.sectionheader {font: bold 1em Arial, Helvetica, sans-serif; } ol#content li#rightColumn form.cmxform hr { color: #ee1d25; width: 95%; } ol#content li#rightColumn form.cmxform label { display: inline-block;line-height: 1.8; vertical-align: top; font: .75em Arial, Helvetica, sans-serif;} ol#content li#rightColumn form.cmxform fieldset ol { margin: 0; padding: 0; list-style: none;} ol#content li#rightColumn form.cmxform fieldset li {list-style: none; display: list-item; float: none; padding: 5px; margin: 0;} ol#content li#rightColumn form.cmxform fieldset fieldset { padding: .4em; margin: 3px 0 0 0;} ol#content li#rightColumn form.cmxform fieldset fieldset legend {padding: 0 0 5px; font: .75em Arial, Helvetica, sans-serif;} ol#content li#rightColumn form.cmxform fieldset fieldset label {display: block; width: auto; font-weight: normal;} ol#content li#rightColumn form.cmxform fieldset fieldset.one_line { clear: both; overflow: auto; margin: 1em auto;} ol#content li#rightColumn form.cmxform fieldset fieldset.one_line label {float: left; margin: .5em; } ol#content li#rightColumn form.cmxform fieldset fieldset.one_line label.move_right { margin-left: 300px;} ol#content li#rightColumn form.cmxform em { font-style: italic; color: #f00;} ol#content li#rightColumn form.cmxform label { width: 120px; /* Width of labels */} ol#content li#rightColumn form.cmxform fieldset fieldset label { margin: .75em 1.5em; /* Width plus 3 (html space) */ } div#lbContent {width:300px;height:300px;background: url(../images/dir_bg.jpg) top left repeat-x;margin:0 auto;padding:20px;border:solid 5px #afbfc5;} #lightbox.done {background:none;border:none;} #lightbox ul li label {margin-bottom:2px;display:block;} #lightbox {font:bold .750em Verdana, Arial, Helvetica, sans-serif;color:#fff;} #lightbox ul, #lightbox form {text-align:center;} #lightbox form ul li {margin:10px 0;} #lightbox input {padding:4px;font-size:1em;color:#0673B6;width:200px;} #lightbox select, #lightbox option {font-size:1em;color:#0673B6;width:200px;} #lightbox select {border:solid 1px #afbfc5;} #lightbox h2{margin:0 0 1em 0;font-size:1.125em;color:#fff;} #lightbox h3{color:#fff;} #lightbox.done p{color:#fff;} .highlight{background: url(../images/dir_bg.jpg) top left repeat-x;} #calculators_inside { font-size-adjust: 100%; clear: right; overflow: auto; } #calculators_inside p { font: bold .875em Arial, Helvetica, sans-serif; color: #336699; } #calculators_inside fieldset { width: 200px; float: left; height: 150px; margin:1em;} #calculators_inside legend { font: bold .75em Arial, Helvetica, sans-serif; } #calculators_inside ol { list-style: none; font: .75em Arial, Helvetica, sans-serif; color: #111; margin: 0; padding: 0; width: 180px; } #calculators_inside ol li { font-size: 100%;padding: .4em; text-align: right; border-top: 1px solid #fff; padding-right: 1em; width:100%; background-color:#ececec;} #calculators_inside ol li.submit { text-align: center; } #calculators_inside label { padding: .4em; } #calculators_inside input {text-align:center; margin-right:3em;} #calculators_inside input.submitbutton {margin-right:0;} form.cmxform fieldset { margin-bottom: 10px; } form.cmxform legend { padding: 0 2px; font-weight: bold; } form.cmxform label { display: inline-block; line-height: 1.8; vertical-align: top; } form.cmxform fieldset ol { margin: 0; padding: 0; } form.cmxform fieldset li { list-style: none; padding: .5em 5px; margin: 6px 0; border-top: 1px solid #ccc; width: 75%; } form.cmxform fieldset ol li.dates fieldset ol li { list-style: none; display: inline; font-size: 100%; border: none; } form.cmxform fieldset ol li.dates fieldset ol li span { display:block; margin:.5em 0 .5em 1em; } form.cmxform fieldset ol li.dates fieldset ol li label { padding: .2em; margin: 0; font-size: 1.25em;} form.cmxform fieldset fieldset { border: none; margin: 3px 0 0; } form.cmxform fieldset fieldset legend { padding: 0 0 5px; font-weight: bold; } form.cmxform fieldset fieldset label { display: inline; width: auto; } form.cmxform em { font-weight: bold; font-style: normal; color: #f00; } form.cmxform label { width: 140px; /* Width of labels */ } form.cmxform fieldset fieldset span { margin-left: 143px; /* Width plus 3 (html space) */ } form.cmxform fieldset fieldset label { margin-right:30px; } ol.menu { font-size: 100%; list-style: none;} ol.menu li ul li { font-size: 100%; list-style: none; line-height: 1.5;} ol.menu li p { font-size: 100%; list-style: none; line-height: 1.5;} ol.menu li ul { margin: .75em auto; } ol.menu li p, p { font: .75em Arial, Helvetica, sans-serif; } ol.menu legend { color: #600202; } ol.menu table td { font: .75em Arial, Helvetica, sans-serif; } .hp-karaoke {float:right;color:#000;text-align:left;display:block;width:270px;clear:right;font:bold 1em Arial, Helvetica, sans-serif;margin-right:37px;}