@charset "utf-8"; br{clear:both;} * img{border:none;} body { background:repeat-x top url(../images/bg-body.jpg) #f1f2ea; margin-top:0;} td {font-size:12px;} div {font-family: Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#5f5f58; } #wrapper{ margin:0 auto; width:1008px;} #wrapper-inner{ margin:0 auto; width:995px; padding-right:13px;} #logo{padding-top:10px; float:left; width:335px;} #logo h1{margin-left:-9999px; display:block;margin-top:-999px; float:left;} /* Menu */ #mainnav {float:left; padding:0; margin:0; list-style:none; height:34px; z-index:200; font-family:arial, verdana, sans-serif; width:670px; } #mainnav li:hover {position:relative; z-index:200;} #mainnav a:hover {position:relative; white-space:normal; z-index:100;} #mainnav a{text-decoration:none;} #mainnav li.top {display:block; float:left;} #mainnav li.bg {display:block; float:left;} #mainnav li a {display:block; float:left; text-decoration:none; padding:0; cursor:pointer;} #mainnav li a b {margin-left:-9999px;} #mainnav li b {margin-left:-9999px;} #mainnav li a.home {background:url(../images/main-nav.gif); height:48px; width:110px;} #mainnav li a.home-selected{background:url(../images/main-nav.gif); height:48px; width:110px; background-position: 0 48px;} #mainnav li a.hotels {background:url(../images/main-nav.gif); height:48px; width:77px; background-position: 560px 0;} #mainnav li a.hotels-selected{background:url(../images/main-nav.gif); height:48px; width:77px; background-position: 560px 48px;} #mainnav li a.promotions {background:url(../images/main-nav.gif); height:48px; width:192px; background-position: 483px 0;} #mainnav li a.promotions-selected{background:url(../images/main-nav.gif); height:48px; width:169px; background-position: 483px 48px;} #mainnav li a.faq {background:url(../images/main-nav.gif); height:48px; width:73px; background-position: 291px 0;} #mainnav li a.faq-selected{background:url(../images/main-nav.gif); height:48px; width:73px; background-position: 291px 48px;} #mainnav li a.sitemap {background:url(../images/main-nav.gif); height:48px; width:92px; background-position: 218px 0;} #mainnav li a.sitemap-selected{background:url(../images/main-nav.gif); height:48px; width:92px; background-position: 218px 48px;} #mainnav li a.contact {background:url(../images/main-nav.gif); height:48px; width:126px; background-position: 126px 0;} #mainnav li a.contact-selected{background:url(../images/main-nav.gif); height:48px; width:126px; background-position: 126px 48px;} #mainnav li:hover a.home, #mainnav a.home:hover {background-position: 0 48px;} #mainnav li:hover a.hotels, #mainnav a.hotels:hover {background-position: 560px 48px;} #mainnav li:hover a.promotions, #mainnav a.promotions:hover {background-position: 483px 48px;} #mainnav li:hover a.faq, #mainnav a.faq:hover {background-position: 291px 48px;} #mainnav li:hover a.sitemap, #mainnav a.sitemap:hover {background-position: 218px 48px;} #mainnav li:hover a.contact, #mainnav a.contact:hover {background-position: 126px 48px;} /* content*/ #left {float:left; padding: 0px 3px 0px 5px; width:275px; background:#FFFFFF; height:100%;} #content {float:left; width:707px; background:url(../images/bg-content.gif) repeat-y 3px;} #content .img-content{ padding-left:8px; background:#FFFFFF;} #content-fully {float:left; width:707px; background:url(../images/bg-fullypage.gif) repeat-y 3px; height:100%;} #content-fully .img-content{ padding-left:8px; background:#FFFFFF;} #bg{width:995px; background:#FFFFFF; height: expression(document.body.clientheight - 100 + "px");} #bgfooter{ clear:both;background:url(../images/bg-round-bottom.gif) no-repeat bottom left; height:10px;width:995px;padding-right:13px; margin:0 auto;} #bg-gallery{margin-left:8px; margin-top:1px; background:#e0dec3 url(../images/bg-photogallry.gif) right no-repeat; height:80px; width:493px;} #bg-gallery img { padding:5px 0px 3px 10px;} #bg-gallery .images{float:left;} #bg-gallery .txt {float:left; width:165px; text-align:right; padding:55px 13px 5px 0px;} #bg-gallery a, a:visited {color:#126ac7; text-decoration:none; font-size:12px;font-weight:bold; } #bg-gallery a:hover{color:#003399; text-decoration:underline} .content-padding{float:left; width:505px;} .content-fully-padding{float:left; width:695px;} #txt-content .txtblack11 b{color:##5f5f58;} #txt-content .txtred12b{font-weight:bold;} #txt-content{padding:20px 10px 10px 20px; width:470px;} #txt-content ul{color:#5f5f58; font-size: 12px; padding:3px 0px 3px 8px; margin:0; list-style:url(../images/spacer.gif);} #txt-content li{ padding:10px 0px 2px 0px; padding:3px 0px 3px 15px;background:url(../images/bullet-info.gif) no-repeat;background-position: 0 3px;} #txt-content h2 { margin:0; color:#1e1d1c; font-size:16px; font-weight:bold;} #txt-content h3 { margin:0; color:#a4a17c; font-size:14px; font-weight:bold;} #txt-content p{color:#5f5f58; margin:10px 0px 0px 0px; font-size:12px; line-height:17px;} #txt-content a, a:visited {color:#126ac7; text-decoration:none; font-size:12px;font-weight:bold;} #txt-content a:hover{text-decoration:underline; color:#0033FF; font-weight:bold;} #txt-content .download { clear:both; display:block; border-top: 1px dotted #d4d4d4; padding-top: 5px; height:20px; color:#333333; background:url(../images/bg-maincolumn.gif) repeat-x; margin-top:30px; } #txt-content .download a, a:visited {color:#70603d; text-decoration:none; font-size:11px; font-weight:normal;} #txt-content .download a:hover {color:#70603d; text-decoration:underline; font-size:11px; font-weight:normal;} #txt-content .txtblack11 b{color:##5f5f58;} #txt-content .txtred12b{font-weight:bold;} /*--------------------Landing page-------------------*/ #txt-content-fully{padding:20px 10px 10px 20px; width:666px;} #txt-content-fully .txtgray12b { font-size:14px; font-weight:bold;} #txt-content-fully ul{color:#5f5f58; font-size: 12px; padding:3px 0px 3px 8px; margin:0; list-style:url(../images/spacer.gif);} #txt-content-fully li{ padding:10px 0px 2px 0px; padding:3px 0px 3px 15px;background:url(../images/bullet-info.gif) no-repeat;background-position: 0 3px;} #txt-content-fully h2 { margin:0; color:#1e1d1c; font-size:16px; font-weight:bold;} #txt-content-fully h3 { margin:0; color:#a4a17c; font-size:14px; font-weight:bold;} #txt-content-fully p{color:#5f5f58; margin:10px 0px 0px 0px; font-size:12px; line-height:17px;} #txt-content-fully a, a:visited {color:#126ac7; text-decoration:none; font-size:12px;font-weight:bold;} #txt-content-fully a:hover{text-decoration:underline; color:#0033FF; font-weight:bold;} #txt-menu{float:right; margin:20px 12px 10px 17px; width:165px; background:#FFFFFF; height:100%;} #txt-menu ul {color:#5f5f58; font-size: 11px; padding:3px 0px; margin:0; list-style:url(../images/spacer.gif);} #txt-menu li{ padding:10px 0px 2px 0px; background:url(../images/dot.gif) repeat-x bottom;display: block;} #txt-menu .select a, a:visited {color:#00abcc; text-decoration:none; font-weight:bold; font-size:12px} #txt-menu .select a:hover{text-decoration:none; color:#aba66e;font-size:12px;font-weight:bold;} #txt-menu a, a:visited {color:#126ac7; text-decoration:none; font-weight:bold; font-size:12px} #txt-menu a:hover{text-decoration:none; color:#0033FF;font-size:12px;font-weight:bold;} #txt-menu .address {font-size:11px; padding:25px 0px; color:#5f5f58;} #txt-menu .address b{ color:#1e1d1c; font-size:14px;} #txt-menu .sub ul {color:#5f5f58; font-size: 10px; padding:3px 0px 3px 8px; margin:0;} #txt-menu .sub li{ padding:3px 0px 3px 15px;background:url(../images/bullet-menu.gif) no-repeat;background-position: 0 3px;} #txt-menu .sub a, a:visited{color:#5f5f58; font-size: 10px; text-decoration:none;} #txt-menu .sub a:hover{color:#aa8800; font-size: 10px; text-decoration:none;} /* Offers */ #offers {float:left;width:240px; padding:6px; border:solid 2px #c5c29e; margin:15px 5px 0px 5px; background:url(../images/bg-event.gif) repeat-x top;} #offers .txt{ width:100%; font-size:11px; text-align:center;} #offers .txt img{ border:#e9e9e9 solid 2px; margin-bottom:10px;} #offers .img {float:left; padding:5px 5px 0px 0px;} #offers .img img{ border:#e9e9e9 solid 2px;} #offers .topic { background:url(../images/ico-topic.gif) no-repeat right; width:240px;} #offers h2{color:#1e1d1c; padding:5px 0px 3px 0px; font-size:14px; font-weight:bold; display: block; background:url(../images/dot.gif) repeat-x bottom; margin:0;} #offers h3{ margin:2px 0px; color:#434343; font-size:12px; font-weight:bold; padding:5px 0px 4px 0px; } #offers a, a:visited{color:#126ac7; font-size:12px; font-weight:bold; text-decoration:none;} #offers a:hover{text-decoration:underline;} /*Map*/ #map {float:left;width:240px; padding:6px; border:solid 2px #c5c29e; margin:10px 0px 0px 5px; background:url(../images/bg-event.gif) repeat-x top;} #map .txt{ float:left;font-size:11px; padding-top:10px; width:240px;} #map .img {float:left; padding:5px 5px 0px 0px;} #map .img img{ border:#e9e9e9 solid 2px;} #map .topic { background:url(../images/ico-topic.gif) no-repeat right; width:240px;} #map h2{color:#1e1d1c; padding:5px 0px 3px 0px; font-size:14px; font-weight:bold; display: block; background:url(../images/dot.gif) repeat-x bottom; margin:0;} #map h3{ margin:2px 0px; color:#434343; font-size:12px; font-weight:bold; padding:5px 0px 4px 0px; } #map a, a:visited{color:#126ac7; font-size:12px; font-weight:bold; text-decoration:none;} #map a:hover{text-decoration:underline;} /* special deal */ #special-deal {float:left;width:462px;background: url(../images/bg-special.gif) repeat-y; margin:25px 0px;} #special-deal .txt{ float:left; width:265px; font-size:11px; padding-left:15px;} #special-deal .img {float:right; padding:0px 5px 0px 0px;} #special-deal .img img{ border:#e9e9e9 solid 2px;} #special-deal h2{color:#f0a603; padding:5px 0px 0px 15px; font-size:16px; font-weight:bold; display: block; background:url(../images/bg-special-top.gif) top; height:30px;margin:0;} #special-deal h3{ margin:2px 0px; color:#434343; font-size:12px; font-weight:bold; padding:5px 0px 4px 0px; } #special-deal a, a:visited{color:#126ac7; font-size:12px; font-weight:bold; text-decoration:none;} #special-deal a:hover{text-decoration:underline;} #special-deal .all {float:left; color:#126ac7;font-weight:bold; padding:8px 0px 0px 0px;} #special-deal .bottom { clear:both; color:#126ac7;font-weight:bold; background:url(../images/bg-special-bottom.jpg) bottom no-repeat; height:13px;} /*footer*/ #footer{ clear:both;width:995px;margin:0 auto; height:auto; color:#5f5f58; } #footer .hotels{ padding:15px 0px 0px 18px; float:left; width:70%;} #footer .hotels b{font-size:12px;font-weight:bold;color:#1269c7;} #footer .hotels a, a:visited {color:#5f5f58; text-decoration:none; font-size:11px;font-weight:normal;} #footer .hotels a:hover{text-decoration:underline;} #footer .social{ float:right; width:28%; text-align:right; padding:12px 28px 0px 0px;} #footer .social img {padding:0px 2px} /* Booking */ #mask{float:left; width:274px; height:242px; background:url(../images/bg-bookingmask.gif);} #mask .padding{ padding:23px 0px 0px 20px !important;} #mask .txt-head {color:#aa8800; font-size:15px; font-weight:bold; padding-bottom:10px;} #mask .listbox {font-size:10px;} #mask .txt{color:#333333; font-size:11px; padding:5px 0px; float:left; width:110px;} #mask .date{float:left;} #mask .calendar{float:left; padding:3px 7px 0px 4px;} #mask .rooms{float:left; padding:10px 0px 0px 0px;} #mask .level{float:left; padding:10px 0px 0px 15px;} #mask .txtdrop{font-size:11px;} #mask .check-btn{float:left;padding:20px 0px 2px 12px;} #mask .txt-room{font-size:11px;} #mask .text-quaranteed{float:left;color:#126ac7; font-size:12px; font-weight:bold; padding:13px 0px 0px 10px;} #mask a, a:visited {color:#126ac7; text-decoration:none; font-size:12px;font-weight:bold;} #mask a:hover{text-decoration:underline;} /*-----------------------------------------------------------Homepage only------------------------------------*/ /* login */ #login{clear:both; position:relative; top:-10px; text-align:right; padding-right:35px; color:#aa8800;} #login a, a:visited{color:#aa8800; font-weight:normal;} #login a:hover{text-decoration:underline; font-weight:normal;} /* bgmain */ #bg-deals{ height:280px; background:url(../images/bg-deals.jpg) repeat-x bottom #FFFFFF; width:995px;} #bg-deals .padding { padding:8px 10px 0px 10px;} /* deals */ #deals {float:left;width:355px; padding:0px 10px 0px 17px;} #deals .txt{ float:left; width:210px; font-size:12px;} #deals .img {float:left; padding:18px 0px 0px 15px;} #deals .img img{ border:#e9e9e9 solid 2px;} #deals h2{color:#7b7876; padding:10px 0px 3px 0px; font-size:16px; font-weight:bold; display: block; background:url(../images/dot.gif) repeat-x bottom; margin:0;} #deals h3{ margin:2px 0px; color:#434343; font-size:12px; font-weight:bold; padding:10px 0px 4px 0px; } #deals h3 b{margin:0; color:#434343 ; font-size:12px; font-weight:bold;} #deals a, a:visited{color:#126ac7; font-size:12px; font-weight:bold; text-decoration:none;} #deals a:hover{text-decoration:underline;} #deals .all { clear:both; color:#126ac7; font-size:12px; font-weight:bold; padding-top:8px;} /* property */ #property { float:left;background:url(../images/bg-properties.gif); width:315px; height:240px;} #property .padding{ padding:12px;} #property .txt-head {color:#aa8800; font-size:15px; font-weight:bold; padding-bottom:10px;} #property ul {color:#323032; font-size: 11px; padding:3px 0px; margin:0; list-style:url(../images/spacer.gif); background:url(../images/dot.gif) repeat-x bottom;display: block; height:20px;} #property li{ padding:0px 0px 1px 15px; background:url(../images/bullet-property.gif) no-repeat 0 3px; } #property .hotels{ float:left; width:65%;} #property .hotels a, a:visited{color:#126ac7; font-size:11px; font-weight:normal; text-decoration:none;} #property .hotels a:hover{text-decoration:underline;} #property .prices{ float:left; text-align:right;width:35%;} #property .prices a, a:visited{color:#323032; font-size:11px; font-weight:normal; text-decoration:none;} #property .prices a:hover{text-decoration:underline;} #txtmain {float:left; padding: 20px; width:615px; background:#FFFFFF;} #txtmain .txt-head {font-size:16px; color:#a718a5; font-weight:bold; padding-bottom:8px;} #txtmain .txt {font-size:12px; color:#323032; font-family:Verdana, Arial, Helvetica, sans-serif;} #gallerymain{float:right; background:url(../images/bg-photo.gif) #FFFFFF; width:331px; height:131px;} #gallerymain .txt-head{color:#aa8800; font-size:14px; font-weight:bold; padding:8px 0px 3px 8px;} #gallerymain .img { padding:4px 0px; float:left; margin-left:8px;} #gallerymain .img img{ border:solid 3px #c6c4ba;} /*---------------------------------------------------Main images------------------------------------*/ #img-main{ width:995px; height:190px; background-image:url(../images/img-top-main.jpg);} /*---------------------------------------------------Landing Page------------------------------------*/ #special-promotion { font-size:12px; font-family:Geneva, Arial, Helvetica, sans-serif; width:470px;} #special-promotion img{border:#ccbc80 solid 2px;} #special-promotion a.link{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold;color: #cf0000; background-color: transparent; border-color: #cf0000; border-bottom-width: 1px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-style: dotted; text-decoration: none;} #special-promotion br{clear:both;} #special-promotion .lcolumn{width:230px; float:left; padding-top:15px;} #special-promotion .rcolumn{width:230px; float:left; padding-left:7px;padding-top:15px;} #recreation { font-size:12px; font-family:Geneva, Arial, Helvetica, sans-serif; width:495px; padding:5px;} #recreation br{clear:both;} #recreation .lcolumn{width:240px; float:left; padding-top:15px;} #recreation .rcolumn{width:240px; float:left; padding-left:7px;padding-top:15px;} .txtgray13 { color:#ffffff; font-size:16px; font-weight:bold; padding:5px 12px; background:#c5c29e;} /*------------------------ Special Promotions---------------------------*/ #bg .txtBlack13link{COLOR: #1269c7; FONT-SIZE: 13px; FONT-WEIGHT: bold;} #bg a.txtBlack13link:link, a.txtBlack13link:visited {TEXT-DECORATION: none;} #bg a.txtBlack13link:hover {TEXT-DECORATION: underline;} #bg .txtCF13{COLOR:#035fc2; FONT-SIZE:13px; FONT-WEIGHT:bold; } #bg a.txtCF13:link, a.txtCF13:visited{TEXT-DECORATION: none;} #bg a.txtCF13:hover{TEXT-DECORATION: underline;} #bg .txtCF12{COLOR:#CF0000; FONT-SIZE:12px; FONT-WEIGHT:bold; } #bg a.txtCF12:link, a.txtCF12:visited{TEXT-DECORATION: none;} #bg a.txtCF12:hover{TEXT-DECORATION: underline;} #bg a.txtblack:link, a.txtblack:visited{COLOR:#cf0000; FONT-SIZE:12px; TEXT-DECORATION: none; FONT-WEIGHT:bold;} #bg a.txtblack:hover {COLOR:#cf0000; FONT-SIZE:12px; TEXT-DECORATION:underline; FONT-WEIGHT:bold;} /*#hotelFAQ a:link, a:visited, a:hover {color:#000000; text-decoration:none; font-size:12px; font-weight:normal; border-bottom: 1px dotted #d4d4d4;}*/ #hotelFAQ a.top:link, a.top:visited, a.top:hover {COLOR: #126ac7;FONT-SIZE: 12px;TEXT-DECORATION: none;FONT-WEIGHT: bold; background:url(../images/bg-maincolumn.gif) repeat-x;display:block; border-top: 1px dotted #d4d4d4;} /*--------------------------------- GREEN--------------------------------------------*/ .green { color:#578200; font-size:14px; font-weight:bold; } .h-green { color:#3D7900; } #green-menu a:link, a:visited{ font-size:11px;color:#134607; text-decoration:none; font-weight:normal;} #green-menu a:hover{ font-size:11px; color:#F2E224; text-decoration:none; font-weight:normal; } #green a:link, a:visited{ font-size:11px;color:#134607; text-decoration:none; font-weight:bold;} #green a:hover{ font-size:11px; color:#F2E224; text-decoration:none; font-weight:bold; } #logo-green a:link, a:visited{ font-size:12px;color:#134607; text-decoration:none; font-weight:bold;} #logo-green a:hover{ font-size:12px; color:#F2E224; text-decoration:none; font-weight:bold; } #green a.txtblack, a.txtblack:visited {COLOR: #5a6a15;TEXT-DECORATION: none;FONT-WEIGHT: bold;} #green a.txtblack:hover {COLOR: #5a6a15;TEXT-DECORATION: underline;FONT-WEIGHT: bold} #green ul {font-size: 12px;margin-left: 15px; padding-left: 0;list-style: none;} #green li {padding-left: 25px;padding-bottom: 8px;;background: url(../images/green-bullet.gif) no-repeat; background-position: 0px 3px;}