html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
html body {
font-size: 76%;
font-family: "Lucida Grande", Verdana, sans-serif;
}
p {
font-size: 1.1em;
}
a {
color: #8b0b04;
}
h1 {
padding: 0 0 2px 0;
vertical-align: 1.5em;
font: bold 1.5em Georgia, "Times New Roman", Times, serif;
}
h2 {
color: #111111;
font: bold 1.3em Georgia, "Times New Roman", Times, serif;
padding: 0px 0 15px 0;
}
h3 {
color: #111111;
font: bold 1.2em Georgia, "Times New Roman", Times, serif;
padding: 10px 0 3px 0;
}
h4 {
color: #111111;
font: bold 1.2em Georgia, "Times New Roman", Times, serif;
padding: 0px 0 3px 0;
}
h5 {
font-weight: normal;
color: #999999;
font-size: 1.1em;
line-height: 1.5em;
padding-right: 30px;
}
h6 {
font-weight: normal;
font-style: italic;
color: #666666;
font-family: Georgia, "Times New Roman", Times, serif;
text-align: left;
padding: 30px 30px 0 15px;
font-size: 1.3em;
line-height: 1.5em;
}
.bold {
font-weight: bold;
}
.italics {
font-style: italic;
}
.clear {
clear: both;
}
.left {
float: left;
}
.right {
float: right;
}
.center {
text-align: center;
}
/* Login Panel */
#top {
background: url(../images/login_top.gif) repeat-x 0 0;
height: 38px;
position: relative;
}
#top .width
{
width: 960px;
margin-left: auto;
margin-right: auto;
}
#top ul.reservations {
display: block;
position: relative;
float: right;
clear: right;
height: 38px;
width: auto;
font-weight: bold;
line-height: 38px;
margin: 0;
right: 0px;
top: 10px;
color: white;
text-align: center;
background: url(../images/login_r.gif) no-repeat right 0;
padding-right: 30px;
}
#top ul.reservations li.left {
background: url(../images/login_l.gif) no-repeat left 0;
height: 38px;
width: 30px;
padding: 0;
margin: 0;
display: block;
float: left;
}
#top ul.reservations li {
text-align: left;
padding: 0 6px;
display: block;
float: left;
height: 38px;
background: url(../images/login_m.gif) repeat-x 0 0;
}
#top ul.reservations li a {
color: #ffffff;
text-decoration: none;
}
#top ul.reservations li a:hover {
color: white;
}
/*Login*/
/* toggle effect - show/hide login*/
#resTabContent {
width: 960px;
height:110px;
margin: 0 auto;
padding-top: 10px;
padding-bottom: 0px;
text-align: left;
font-size: 0.9em;
background: url(../images/wave-bar.gif) no-repeat;
}
#resTabContent ul {
display: inline;
list-style-type: none;
}
#resTabContent li {
float: left;
padding: 0 0px 0 0;
}
#resTabContent img {
margin-top: -10px;
padding-left: 2px;
}
#resTabContent #resIn {
font-size: 11px;
margin-right: 15px;
margin-left: 45px;
float: left;
line-height: 25px;
}
#resTabContent #resNights {
font-size: 11px;
margin-right: 15px;
float: left;
line-height: 25px;
}
#resTabContent #resAdult {
font-size: 11px;
margin-right: 15px;
float: left;
line-height: 25px;
}
#resTabContent #resChild {
font-size: 11px;
margin-right: 15px;
float: left;
line-height: 25px;
}
#resTabContent #resRoomResort {
font-size: 11px;
margin-right: 15px;
float: left;
line-height: 25px;
}
#resTabContent #resOfferCode {
font-size: 11px;
margin-right: 15px;
float: left;
line-height: 25px;
}
#resTabContent #resAcct {
font-size: 11px;
margin-right: 15px;
float: left;
line-height: 25px;
}
#resTabContent #resSubmit {
font-size: 11px;
float: left;
line-height: 25px;
}
#resTabContent .left {
width: 120px;
float: left;
padding-left: 65px;
font-size: 0.95em;
}
#resTabContent .right {
width: 290px;
float: right;
text-align: right;
padding-right: 65px;
font-size: 0.95em;
}
#resTabContent form {
margin: 0 0 10px 0;
height: 26px;
}
#resTabContent input.field {
border: 1px #1A1A1A solid;
background: #464646;
margin-right: 5px;
color: white;
height: 16px;
}
#resTabContent input:focus.field {
background: #545454;
}
#header {
margin: 0px auto 10px auto;
width: 960px;
}
#headerLeft {
float: left;
}
#headerLeft a {
display:block;
margin-right: 40px;
float: left;
}
#headerRight {
color: #666666;
}
#headerRight #searchImg{
vertical-align: -6px;
}
#headerRight ul {
list-style-type: none;
padding-bottom: 8px;
float: right;
clear: right;
}
#headerRight li {
border-right: 1px solid #ababab;
}
#headerRight li.headerLast {
border: none;
font-size: .95em;
}
#headerRight li a {
color: #666666;
text-decoration: none;
font-size: 1em;
}
#headerRight li a:hover {
color: #222222;
text-decoration: none;
}
#headerRight {
float: right;
margin: 15px 5px 0 0;
}
#headerRight li {
display: inline;
}
#headerRight li.headerLast {
padding-left: 8px;
}
#headerRight li a {
padding-right: 8px;
padding-left: 8px;
}
#headerGiftCard {
}
#headerGiftCard a.headerGiftCard {
margin-top: 10px;
display: block;
clear: none;
float: left;
margin-bottom: -10px;
padding-right:50px;
vertical-align:bottom;
}
#headerSpringBreak {
}
#headerSpringBreak a.headerSpringBreak {
margin-top: 10px;
display: block;
clear: none;
float: left;
margin-bottom: -25px;
padding-right: 0px;
}
.horizMenu {
width: 960px;
overflow: hidden;
background-color: #B7A46C;
text-transform: uppercase;
font-size: 0.9em;
margin: 10px auto 0 auto;
}
.horizMenuCenter {
width: 100%;
}
.horizMenu ul{
margin: 0;
padding-left: 36px;
color: #111;
list-style-type: none;
}
.horizMenu li{
display: inline;
margin: 0;
}
.horizMenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 8px 30px 2px 28px; /*padding inside each tab*/
color: #111;
height: 20px;
vertical-align: middle;
}
.horizMenu li a:visited{
color: #111;
}
.horizMenu li a:hover {
color: #fff;
}
.horizMenu li.current a{
background: #B7A46C url(../images/carat1.gif) no-repeat bottom center;
color: #fff;
}
#contentWrapper {
margin: 3px auto;
width: 960px;
}
/* @group Banner Image */
#contentWrapper #topBanner {
height: 335px;
margin: 0;
padding: 0;
background-color: #cecece;
}
#contentWrapper #topBanner1 {
height: 250px;
margin: 0;
padding: 0;
}
#contentWrapper #topSubBanner {
height: 220px;
margin: 0;
padding: 0;
background-color: #cecece;
}
#bannerText {
position: relative;
top: -280px;
padding: 5px 5px 5px 15px;
width: 450px;
color: #ffffff;
}
#bannerText h3 {
font-size: 1.3em;
padding: 0 0 5px 0;
font-weight: normal;
}
#bannerText p {
font-size: 0.8em;
font-weight: normal;
}
/* @end */
/* Content sections */
/* @group Bottom Content */
#btmContent {
width: 630px;
margin: 25px 20px 30px 0px;
padding-left: 0px;
float: right;
}
#btmContent.left p {
padding-bottom: 10px;
line-height: 1.4em;
}
#btmContent ul li {
font-size: 1.2em;
line-height: 1.4em;
}
#btmContent #releaseMonth {
width: 625px;
background-color: #efefef;
padding: 4px 4px 4px 15px;
margin-top: 35px;
font-size: 1.1em;
font-weight: bold;
}
#btmContent #release {
padding: 5px 5px 5px 15px;
width: 625px;
margin-top: 15px;
}
#btmContent #releaseDate {
float: left;
width: 100px;
}
#btmContent #releaseTitle {
float: left;
width: 525px;
}
#topBanner #imageMenu {
width: 960px;
height: 335px;
overflow: hidden;
display: inline-block;
}
#topBanner #imageMenu ul {
list-style: none;
height: 335px;
width: 1000px;
display: inline-block;
}
#topBanner #imageMenu ul li {
float: left;
}
#topBanner #imageMenu ul li a {
text-indent: -1000px;
background:#FFFFFF none repeat scroll 0%;
border-right: 3px solid #fff;
cursor:pointer;
display:block;
overflow:hidden;
width:480px;
height: 335px;
}
#topBanner #imageMenu.golf ul li a {
text-indent: -1000px;
background:#FFFFFF none repeat scroll 0%;
border-right: 3px solid #fff;
cursor:pointer;
display:block;
overflow:hidden;
width:319px;
height: 335px;
}
#topBanner #imageMenu.spas ul li a {
text-indent: -1000px;
background:#FFFFFF none repeat scroll 0%;
border-right: 3px solid #fff;
cursor:pointer;
display:block;
overflow:hidden;
width:480px;
height: 335px;
}
#topBanner #imageMenu ul li.westBaden a {
background: url(../images/imagemenu/westBaden.jpg) repeat scroll 0%;
}
#topBanner #imageMenu ul li.frenchLick a {
background: url(../images/imagemenu/frenchLick.jpg) no-repeat 0%;
}
#topBanner #imageMenu ul li.spaWB a {
background: url(../images/imagemenu/spaWB.jpg) repeat scroll 0%;
}
#topBanner #imageMenu ul li.spaFL a {
background: url(../images/imagemenu/spaFL.jpg) no-repeat 0%;
}
#topBanner #imageMenu ul li.donaldRoss a {
background: url(../images/imagemenu/donaldRoss.jpg) no-repeat 0%;
}
#topBanner #imageMenu ul li.peteDye a {
background: url(../images/imagemenu/peteDye.jpg) no-repeat 0%;
}
#topBanner #imageMenu ul li.valleyLinks a {
background: url(../images/imagemenu/valleyLinks.jpg) no-repeat 0%;
}
#topBanner1 #imageMenu1 {
width: 640px;
height: 250px;
overflow: hidden;
display: inline-block;
float: left;
}
#topBanner1 #aboutCopy {
width: 320px;
height: 250px;
background: url(../images/aboutBack.gif) no-repeat 0%;
float: left;
color: #fff;
font: 12px arial;
}
#topBanner1 #aboutCopy #copyBox {
padding: 20px 40px 25px 30px;
color: #fff;
font: 14px Georgia, "Times New Roman", Times, serif;
line-height: 20px;
}
#contentWrapper #btmContent .color1 {
background-color: #b09f53;
}
#contentWrapper #btmContent .color2 {
background-color: #d0e2db;
}
#contentWrapper #btmContent .color3 {
background-color: #73a897;
}
#contentWrapper #btmContent .color4 {
background-color: #b4a78b;
}
#contentWrapper #btmContent .color5 {
background-color: #e2d8b4;
}
#contentWrapper #btmContent .color6 {
background-color: #d9b799;
}
#contentWrapper #btmContent .color7 {
background-color: #b05736;
}
#contentWrapper #btmContent .color8 {
background-color: #adafb3;
}
#contentWrapper #btmContent .color9 {
background-color: #fcf327;
}
#contentWrapper #btmContent .color10 {
background-color: #51a6d3;
}
#contentWrapper #btmContent .color11 {
background-color: #f19ea7;
}
#contentWrapper #btmContent .color12 {
background-color: #ee8124;
}
#contentWrapper #btmContent .color13 {
background-color: #5c8e2b;
}
#contentWrapper #btmContent .color14 {
background-color: #f7b35a;
}
#contentWrapper #btmContent .color15 {
background-color: #a47d59;
}
#contentWrapper #btmContent .color16 {
background-color: #95979b;
}
#headerRight a.btn {
color: #ffffff;
background-color: #3f3229;
padding: 5px 10px;
font-size: 0.9em;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
float: right;
}
#contentWrapper #btmContent a.btn {
color: #ffffff;
background-color: #B7A46C;
padding: 3px 10px;
font-size: 0.7em;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
}
#contentWrapper #btmContent a:hover {
color: #3f3229;
}
#contentWrapper #btmContent img.right {
padding: 0 0 10px 10px;
}
#contentWrapper #btmContent img.left {
padding: 0 20px 10px 0;
}
#contentWrapper #btmContent ul {
list-style-type: disc;
font-size: 0.9em;
padding-left: 25px;
}
#contentWrapper #btmContent ul table {
padding-top: 10px;
font-size: 1.0em;
}
#contentWrapper #btmContent #disclaimer {
padding-top: 10px;
font-size: 0.8em;
}
#contentWrapper #btmContent #highlight {
background-color: #ffff00;
padding: 3px 3px 3px 3px;
margin-bottom: 15px;
}
/* @group Side Bar */
#sideBar {
width: 250px;
padding: 10px 5px 10px 10px;
margin: 10px 0;
font-size: 1.1em;
float: left;
border-right: 1px solid #e3e3e3;
}
#sideBar ul {
list-style-type: none;
width: 100%;
}
#sideBar a {
color: #8b0b04;
text-decoration: none;
}
#sideBar li {
padding: 5px 5px 5px 8px;
}
#sideBar li.current {
background-color: #e5e5e5;
}
#sideBar li:hover {
color: #8b0b04;
text-decoration: none;
background-color: #e5e5e5;
}
.sideSub {
font-size: .9em;
}
.sideMainLast {
border-bottom: 1px solid #e5e5e5;
}
li.selected {
padding-bottom: 0px;
}
li.inset {
font-size: 0.9em;
text-indent: 15px;
}
li.insetCurrent {
font-size: 0.9em;
text-indent: 15px;
background-color: #e5e5e5;
font-color: #333;
}
#sideBar li.inset a {
color: #333333;
}
#sideBar li.sideBarBtn {
margin-top: 10px;
width: 160px;
background-color: #B7A46C;
text-align: center;
}
#sideBar li.sideBarBtn a {
color: #ffffff;
padding: 3px 20px;
font-size: 0.7em;
font-weight: bold;
text-transform: uppercase;
}
#sideBar li.sideBarBtn a:hover {
color: #ffffff;
background-color: #a19060;
}
#sideBar li.sideBarBtn:hover {
background-color: #a19060;
}
#sideBar li.reservationBtn {
width: 200px;
margin-top: 10px;
margin-bottom: 10px;
background-color: #3f3229;
text-align: center;
}
#sideBar li.reservationBtn a {
color: white;
padding: 2px 20px 2px 20px;
font-size: 0.7em;
font-weight: bold;
text-transform: uppercase;
}
#sideBar li.reservationBtn a:hover {
color: #ffffff;
background-color: #1b1512;
}
#sideBar li.reservationBtn:hover {
background-color: #1b1512;
}
div#flexSpace1 {
display: none;
}
div#flexSpace2 {
display: none;
}
#footer {
width: 960px;
height: 60px;
color: #666666;
font-size: 1.2em;
line-height: 1.6em;
text-align: center;
margin: 0 auto;
}
#footer #footRegular {
text-align: center;
width: auto;
font-size: 0.7em;
padding: 30px 10px 30px 0;
}
#footer #footRegular a {
color: #888888;
text-decoration: none;
font-size: 1.0em;
padding: 0 3px 0 3px;
}
#footer #footRegular a:hover {
color: #888888;
text-decoration: underline;
font-size: 1.0em;
padding: 0 3px 0 3px;
}
#footer #footRegular a:hover img {
text-decoration:none;}
#footer #footRegular a.btn {
border: 0;
outline: 0;
color: #ffffff !important;
background-color: #3f3229;
padding: 5px 10px !important;
font-size: 100%;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
}
#btmHomeFeature {
width: 478px;
height: 190px;
background-color: #333;
margin: 4px 0px 20px 0px;
}
#btmHome {
width: 960px;
height: 190px;
}
#btmHomeSubFeature1 {
width: 317px;
height: 190px;
background-color: #f2f2f2;
margin: 4px 0px 20px 0px;
float: left;
}
#btmHomeSubFeature2 {
width: 318px;
height: 190px;
background-color: #f2f2f2;
margin: 4px 0px 20px 4px;
float: left;
}
#btmHomeSubFeature3 {
width: 317px;
height: 190px;
background-color: #f2f2f2;
margin: 4px 0px 20px 4px;
float: left;
}
#btmHomeSubFeature1 #title, #btmHomeSubFeature3 #title {
background-color: #333;
width: 303px;
height: 15px;
color: #fff;
padding: 5px 7px 5px 7px;
font-size: 11px;
overflow: hidden;
}
#btmHomeSubFeature2 #title {
background-color: #333;
width: 304px;
height: 15px;
color: #fff;
padding: 5px 7px 5px 7px;
font-size: 11px;
overflow: hidden;
}
#btmHomeSubFeature1 #body, #btmHomeSubFeature3 #body {
padding: 10px 7px 10px 7px;
width: 303px;
}
#btmHomeSubFeature2 #body {
padding: 10px 7px 10px 7px;
width: 304px;
}
.horizMenuFeature {
width: 100%;
overflow: hidden;
background-color: #333;
font-size: 0.9em;
margin: 0px auto 0 auto;
}
.horizMenuFeature ul{
margin: 0;
padding-left: 10px;
color: #111;
list-style-type: none;
}
.horizMenuFeature li{
display: inline;
margin: 0;
}
.horizMenuFeature li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 6px 10px 2px 10px; /*padding inside each tab*/
color: #808080;
height: 20px;
vertical-align: middle;
}
.horizMenuFeature li a:visited{
color: #808080;
}
.horizMenuFeature li a:hover {
color: #fff;
}
.horizMenuFeature li.current a{
background: #333 url(../images/carat2.gif) no-repeat bottom center;
color: #fff;
}
.photoCol {
width: 200px;
float: left;
padding-bottom: 15px;
padding-top: 15px;
}
.photoCol p {
font-size: 11px;
padding-top: 5px;
}
#contentWrapper #btmContent .photoCol a.btn {
font-size: .9em;
}
.packageHeader{
background: #bdb4a3;
/*background: #b7a46c;*/
font-size: 1.1em;
font-weight: bold;
color: #333333;
padding: 6px 7px;
}
.leftimage {
padding: 0px 12px 0px 0px;
}