html, body {
margin: 0;
padding: 0;
text-align: center;
color: #767676;
font-family: "Trebuchet MS", Verdana, Arial;
font-size: 11px;
background-color: #e4e4e4;
}
a, a:visited, a:active {
color: #000000;
outline: none;
text-decoration: none;
}
a:hover {
color: #D2A400;
outline: none;
text-decoration: none;
}
table, tr, td, div, span, p, li {
color: #767676;
font-family: "Trebuchet MS", Verdana, Arial;
font-size: 11px;
}
form {
margin:0;
padding:0;
}
/****************************Generic Styles************************************/
#MainWrapper {
width: 100%;
min-height: 100%;
/* real browsers */
height: 100%;
/* IE6: treated as min-height*/
text-align: center;
margin: 0;
padding: 0;
background: #FFFFFF url(/img/new/bg_top_repeat.jpg) repeat-x left top;
}
html>body #MainWrapper {
height: auto;
min-height: 100%;
/* real browsers */
}
#TopWrapper {
width: 100%;
height: 123px;
text-align: center;
margin: 0;
padding: 0;
}
.DefaultMiddle
{
width: 935px;
height: 149px;
text-align: left;
background: url(/img/new/bg_main_default.jpg) no-repeat left top;
margin: 0 auto 0 auto;
padding: 0;
position: relative;
}
#MidWrapper {
width: 100%;
min-height: 149px;
height: 149px;
text-align: center;
margin: 0;
padding: 0;
}
html>body #MidWrapper {
height: auto;
min-height: 149px;
}
.DefaultBG {
background: url(/img/new/bg_mid_repeat.jpg) repeat-x left top;
}
.MenuWrapper {
clear: both;
margin: 0 auto 0 auto;
padding: 0;
height: 123px;
width: 935px;
text-align: left;
position: relative;
}
.TopBar {
margin: 0;
padding: 0;
height: 35px;
width: 450px;
min-width: 450px;
text-align: left;
position: absolute;
top: 0px;
right: 15px;
}
html>body .TopBar {
width: auto;
min-width: 450px;
}
.TopBar2 {
margin: 0;
padding: 0;
height: 35px;
width: 100px;
min-width: 100px;
text-align: left;
position: absolute;
top: 0px;
right: 15px;
}
html>body .TopBar2 {
width: auto;
min-width: 100px;
}
.TopBarL {
margin: 0;
padding: 0;
height: 35px;
width: 9px;
float: left;
background: url(/img/new/top_bar_l.jpg) no-repeat left top;
}
.TopBarContent {
margin: 0;
padding: 0;
height: 35px;
width: 432px;
min-width: 432px;
float: left;
background: #d9d9d9 url(/img/new/top_bar_bg.jpg) repeat-x left top;
}
html>body .TopBarContent {
width: auto;
min-width: 432px;
}
.TopBarContent2 {
margin: 0;
padding: 0;
height: 35px;
width: 82px;
min-width: 82px;
float: left;
background: #d9d9d9 url(/img/new/top_bar_bg.jpg) repeat-x left top;
}
html>body .TopBarContent2 {
width: auto;
min-width: 82px;
}
.TopBarR {
margin: 0;
padding: 0;
height: 35px;
width: 9px;
float: left;
background: url(/img/new/top_bar_r.jpg) no-repeat left top;
}
.LocationBar {
margin: 0;
padding: 0;
height: 21px;
text-align: left;
position: absolute;
top: 0px;
right: 15px;
}
html>body .LocationBar {
width: auto;
min-width: 165px;
}
.LocationBarL {
margin: 0;
padding: 0;
height: 21px;
width: 10px;
float: left;
background: url(/img/new/location_bar_l.gif) no-repeat left bottom;
}
.LocationBarContent {
margin: 0;
padding: 0 5px 0 5px;
height: 21px;
float: left;
background: #325d8a url(/img/new/location_bar_bg.gif) repeat-x left bottom;
color: #ffffff;
text-align: center;
}
.LocationBarR {
margin: 0;
padding: 0;
height: 21px;
width: 10px;
float: left;
background: url(/img/new/location_bar_r.gif) no-repeat left bottom;
}
.BottomWrapper {
margin: 0;
padding: 0;
height: 76px;
min-height: 76px;
text-align: center;
background: #e4e4e4 url(/img/new/bg_btm_repeat.jpg) repeat-x left top;
}
html>body .BottomWrapper {
height: auto;
min-height: 76px;
}
#ContentWrapper {
margin: 0 auto 0 auto;
padding: 0;
width: 935px;
min-height: 100px;
height: 100px;
text-align: left;
position: relative;
}
html>body #ContentWrapper {
height: auto;
min-height: 100px;
}
.BottomInner {
margin: 0 auto 0 auto;
padding: 0;
height: 76px;
min-height: 76px;
width: 935px;
text-align: left;
background: #e4e4e4 url(/img/new/bg_btm_repeat.jpg) repeat-x left top;
}
#SiteLogo {
margin: 0;
padding: 0;
float: left;
}
.clearFix {
margin: 0;
padding: 0;
clear:both;
height: 0px;
line-height: 0px;
font-size: 0px;
}
.StyledTextBox {
color: #767676;
border: 0;
}
.ImgBig {
padding: 16px;
margin: 0;
background: url(/img/new/big_frame.png) no-repeat left top;
}
.ImgSmall {
padding: 15px;
margin: 0;
background: url(/img/new/small_frame.png) no-repeat left top;
}
.HeadBlock {
position: absolute;
top: 60px;
left: 365px;
}
.HeadBlock2 {
position: absolute;
top: 60px;
left: 20px;
}
.HeadTitle {
color: #355e88;
font-size: 16pt;
}
.HeadDescription {
color: #938054;
font-size: 12pt;
}
.HeadDescription2 {
color: #938054;
font-size: 10pt;
}
.HeadGold {
color: #938054;
font-size: 14px;
}
.HeadGold2 {
color: #938054;
font-size: 16px;
}
.RightColContent {
padding: 30px 30px 20px 0;
}
.VRule {
margin: 30px 0 20px 0;
background: url(/img/new/v_rule.jpg) no-repeat left top;
float: left;
width: 1px;
height: 500px;
}
.VRule2 {
margin: 0 0 20px 0;
background: url(/img/new/v_rule2.jpg) no-repeat left top;
float: left;
width: 1px;
height: 387px;
}
.VRule3 {
margin: 0 0 20px 0;
background: url(/img/new/v_rule3.jpg) no-repeat left top;
float: left;
width: 1px;
height: 280px;
}
.RightColContent2 {
padding: 30px 30px 0 24px;
}
.BtnReservationsOff, .BtnReservationsOff:visited, .BtnReservationsOff:hover,
.BtnReservationsOff:active {
background: url(/img/new/btn_reservations_lock.jpg) no-repeat left top;
width: 150px;
height: 35px;
display: block;
outline :none;
}
.BtnReservationsOn, .BtnReservationsOn:visited, .BtnReservationsOn:hover,
.BtnReservationsOn:active {
background: url(/img/new/btn_reservations_unlock.jpg) no-repeat left top;
width: 150px;
height: 35px;
display: block;
outline :none;
}
.BtnRatesOff, .BtnRatesOff:visited, .BtnRatesOff:hover,
.BtnRatesOff:active {
background: url(/img/new/btn_rates_lock.jpg) no-repeat left top;
width: 150px;
height: 35px;
display: block;
outline :none;
}
.BtnRatesOn, .BtnRatesOn:visited, .BtnRatesOn:hover,
.BtnRatesOn:active {
background: url(/img/new/btn_rates_unlock.jpg) no-repeat left top;
width: 150px;
height: 35px;
display: block;
outline :none;
}
.BtnBuyCard, .BtnBuyCard:visited, .BtnBuyCard:hover,
.BtnBuyCard:active {
background: url(/img/new/btn_buy_card.jpg) no-repeat left top;
width: 146px;
height: 35px;
display: block;
outline :none;
}
.BtnBackMap, .BtnBackMap:visited, .BtnBackMap:hover,
.BtnBackMap:active {
background: url(/img/new/btn_back_map.jpg) no-repeat left top;
width: 146px;
height: 35px;
display: block;
outline :none;
}
.BtnListAll, .BtnListAll:visited, .BtnListAll:hover,
.BtnListAll:active {
background: url(/img/new/btn_list_all.jpg) no-repeat left top;
width: 137px;
height: 29px;
display: block;
outline :none;
}
.BtnSearch, .BtnSearch:visited, .BtnSearch:hover,
.BtnSearch:active {
background: url(/img/new/btn_search.jpg) no-repeat left top;
width: 67px;
height: 29px;
display: block;
outline :none;
}
.BtnSubmit, .BtnSubmit:visited, .BtnSubmit:hover,
.BtnSubmit:active {
background: url(/img/new/btn_submit.jpg) no-repeat left top;
width: 65px;
height: 29px;
display: block;
outline :none;
}
.BtnSubmitEnquiry, .BtnSubmitEnquiry:visited, .BtnSubmitEnquiry:hover,
.BtnSubmitEnquiry:active {
background: url(/img/new/btn_submit_enquiry.jpg) no-repeat left top;
width: 135px;
height: 29px;
display: block;
outline :none;
}
.DialogTitle {
color: #FFFFFF;
font-size: 14pt;
}
.DialogTitle2 {
color: #FFFFFF;
font-size: 11px;
}
.DialogDesc {
position: relative;
background-color: #e0eaf2;
margin: -20px 0 10px 0;
padding: 10px 20px 10px 20px;
text-align: left;
}
.DialogInner {
padding: 20px;
text-align: left;
vertical-align: top;
}
.Fnt12Px {
font-size: 12px;
}
.cardPrice {
color: #153258;
font-size: 14pt;
}
a.btnPurchaseVoucher,a.btnPurchaseVoucher:hover,a.btnPurchaseVoucher:active,a.btnPurchaseVoucher:visited {
width: 137px;
height: 29px;
display: block;
background: url(../img/new/btn_purchase_voucher.jpg) no-repeat left top;
}
a.btnPurchaseCard,a.btnPurchaseCard:hover,a.btnPurchaseCard:active,a.btnPurchaseCard:visited {
width: 117px;
height: 29px;
display: block;
background: url(../img/new/btn_purchase_card.jpg) no-repeat left top;
}
a.btnRenewCard,a.btnRenewCard:hover,a.btnRenewCard:active,a.btnRenewCard:visited {
width: 89px;
height: 29px;
display: block;
background: url(../img/new/btn_renew.jpg) no-repeat left top;
}
.RenewOuter {
width: 100%;
text-align: center;
}
.RenewBlock {
text-align: left;
position: relative;
margin: -10px auto 20px auto;
width: 913px;
height: 60px;
background: url(../img/new/renew_bg.jpg) no-repeat left top;
}
.RenewInner {
padding: 15px;
text-align: left;
line-height: 13px;
}
.RenewTitle {
clear: both;
color: #355e88;
font-size: 13px;
line-height: 13px;
margin:0;
padding:0;
}
.error-message {
color: red;
}
/**************************End of Generic Styles*******************************/
/*******************************Home Page Styles*******************************/
.HomeMiddle
{
width: 935px;
height: 348px;
text-align: left;
background: url(/img/new/home_main_bg.jpg) no-repeat left top;
margin: 0 auto 0 auto;
padding: 0;
}
.HomeBG {
background: #FFFFFF url(/img/new/home_main_bg_repeat.jpg) repeat-x left top;
position: relative;
}
.HomeBlock {
width: 935px;
margin:-105px auto 15px auto;
padding:0;
position: relative;
text-align: left;
}
.HomeBlockInner {
padding: 20px;
}
.HomeLeftCol {
width:450px;
float:left;
}
.HomeRightCol {
width:395px;
float:right;
margin-top: 50px;
}
.BecomeMember {
width: 237px;
height: 48px;
background: url(../img/new/become_member.jpg) no-repeat left top;
display: block;
outline: none;
position: absolute;
right: 20px;
top: 0px;
}
/******************************End Home Page Styles****************************/
/****************************How it Works Styles*******************************/
.HowItWorksBlock {
width: 935px;
margin: -129px auto 15px auto;
padding:0;
position: relative;
text-align: left;
}
.HowItWorksInner {
padding: 20px;
}
.HowItWorksLeftCol {
width:420px;
float:left;
}
.HowItWorksRightCol {
width:420px;
float:right;
margin-top: -130px;
}
.HowItWorksHead {
position: absolute;
top: 60px;
left: 495px;
}
/***************************End How it Works Styles****************************/
/***************************Accommodation Page Styles**************************/
.AccomMiddle
{
width: 935px;
height: 190px;
text-align: left;
background: url(/img/new/bg_main_accom.jpg) no-repeat left top;
margin: 0 auto 0 auto;
padding: 0;
position: relative;
}
.AccomMiddle2
{
width: 935px;
height: 190px;
text-align: left;
background: url(/img/new/bg_main_default.jpg) no-repeat left top;
margin: 0 auto 0 auto;
padding: 0;
position: relative;
}
.LeftColAccom {
float: left;
width: 365px;
position: relative;
}
.RightColAccom {
float: left;
width: 365px;
position: relative;
}
.RightColAccom2 {
float: left;
width: 200px;
position: relative;
}
.SearchCol {
width: 412px;
float: left;
position: relative;
}
.SearchInner {
padding: 0 25px 20px 25px;
}
.SearchBoxTop {
margin:0;
padding:0;
width: 362px;
height: 51px;
background: url(../img/new/search_box_top.jpg) no-repeat left top;
}
.SearchBoxMdl {
margin:0;
padding:0;
width: 362px;
background-color: #f1f1f1;
}
.SearchBoxBtm {
margin:0;
padding:0;
width: 362px;
height: 5px;
background: url(../img/new/search_box_btm.jpg) no-repeat left top;
}
.SearchResultsCol {
width: 520px;
float: left;
position: relative;
}
.listtablerowon {
background-color: #f1f1f1;
}
.MapCol {
position: absolute;
width: 524px;
height: 387px;
top: -162px;
right: -12px;
background: url(../img/new/map_place_holder.jpg) no-repeat left top;
z-index: 99;
}
#map_canvas {
width: 479px;
height: 343px;
position: relative;
top: 22px;
left: 22px;
z-index: 999;
}
/************************End Accommodation Page Styles*************************/
/*******************************Partners Styles********************************/
.PartnersMiddle
{
width: 935px;
height: 201px;
text-align: left;
background: url(/img/new/bg_main_partners.jpg) no-repeat left top;
margin: 0 auto 0 auto;
padding: 0;
position: relative;
}
.PartnersBlock {
width: 935px;
margin: -20px auto 15px auto;
padding:0;
position: relative;
text-align: left;
}
.PartnersInner {
padding: 10px;
}
.PartnersLeftCol {
width:260px;
float:left;
}
.PartnersMidCol {
width:255px;
float:left;
margin-right: 35px;
}
.PartnersRightCol {
width:365px;
float:left;
}
.PartnersHead {
position: absolute;
top: 60px;
left: 20px;
}
.GreenHead {
color: #008f44;
font-size: 15pt;
}
a.GreenLink, a.GreenLink:active, a.GreenLink:visited {
color: #008f44;
font-size: 11pt;
outline: none;
}
a.GreenLink:hover {
color: #767676;
font-size: 11pt;
outline: none;
}
/*****************************End Partners Styles******************************/
/*****************************Purchase Card Styles*****************************/
.PurchCardBlock {
padding: 20px 10px 20px 10px;
}
.PurchCardLeftCol {
width:345px;
float:left;
margin: 0 20px 40px 0;
}
.PurchFormField {
color: #2f5882;
}
.PurchFormRequired {
color: #938054;
}
.PurchCardMidCol {
width:265px;
float:left;
margin: 0 20px 40px 0;
}
.PurchCardRightCol {
width:260px;
float:left;
margin: -68px 0 40px 0;
position: relative;
}
.VoucherDialogTop {
background: url(../img/new/voucher_dialog_top.jpg) no-repeat left top;
width: 262px;
height: 41px;
}
.VoucherDialogTop div {
padding: 12px 15px 0 15px;
color: #FFFFFF;
font-weight: bold;
}
.VoucherDialogInner {
background-color: #eeeeee;
width: 262px;
}
.VoucherDialogBtm {
background: url(../img/new/voucher_dialog_btm.jpg) no-repeat left top;
width: 262px;
height: 4px;
}
.PurchCardSuccess {
width:867px;
float:left;
margin: 0 20px 0 0;
}
/**************************End Purchase Card Styles****************************/
/******************************Contact Us Styles*******************************/
.ContactBlock {
width: 935px;
margin: 10px auto 15px auto;
padding:0;
position: relative;
text-align: left;
}
.ContactInner {
padding: 10px;
}
.ContactLeftCol {
width:190px;
float:left;
margin-right: 30px;
}
.ContactMidCol {
width:510px;
float:left;
margin-right: 15px;
background: url(../img/new/bell_pic.jpg) no-repeat right top;
height: 301px;
min-height: 301px;
}
html>body .ContactMidCol {
height: auto;
min-height: 301px;
}
.ContactRightCol {
width:100px;
float:left;
}
.ContactHead {
position: absolute;
top: 60px;
left: 20px;
}
.ContactGoldHead {
color: #baa773;
font-size: 15pt;
}
/******************************End Contact Us Styles***************************/
/******************************Guest Book Page Styles**************************/
.GuestBook {
width: 316px;
margin: 0 0 20px 8px;
padding: 0;
}
.CardCol {
float: left;
width: 310px;
position: relative;
margin-top: -80px;
}
.CardColContent {
padding: 20px;
}
.GuestBookTop {
background: url(/img/new/guest_book_top.jpg) no-repeat left top;
height: 42px;
}
.GuestBookContent {
background: url(/img/new/guest_book_bg.jpg) repeat-y left top;
}
.GuestBookAuth {
background: url(/img/new/guest_book_auth_bg.jpg) repeat-y left top;
}
.GuestBookBtm {
background: url(/img/new/guest_book_btm.jpg) no-repeat left top;
height: 44px;
}
.Header1 {
font-size: 12pt;
}
.BlueHighlight {
color: #2f5882;
font-size: 12px;
}
.GuestBookComment {
padding-top: 5px;
font-family: georgia;
font-size: 12px;
font-style: italic;
}
.GuestBookAuthContent {
padding: 10px 20px 10px 20px;
font-size: 12px;
}
a.CommentLink, a.CommentLink:hover, a.CommentLink:visited {
color: #baa773;
font-size: 13pt;
}
.CommentNonLink {
color: #baa773;
font-size: 13pt;
}
/***************************End Guest Book Page Styles*************************/
/************************************Rates Styles******************************/
.RatesGraph {
margin-bottom: 20px;
border-top: 1px solid #dbdbdb;
border-left: 1px solid #dbdbdb;
border-right: 1px solid #dbdbdb;
}
.RatesGraphCol {
border-right: 1px solid #dbdbdb;
border-bottom: 1px solid #dbdbdb;
}
.RatesGraphColR {
border-bottom: 1px solid #dbdbdb;
}
.RatesGraphH {
background: url(/img/new/graph_bg.jpg) repeat-x 0 0;
font-weight: bold;
color: #FFFFFF;
border-right: 1px solid #FFFFFF;
}
.RatesGraphHR {
background: url(/img/new/graph_bg.jpg) repeat-x 0 0;
font-weight: bold;
color: #FFFFFF;
}
.RateCardTitle {
color: #355e88;
font-size: 13pt;
}
.SpecialTitle {
color: #359436;
font-size: 13pt;
}
/********************************End Rates Styles******************************/
/***********************************Navigation*********************************/
a.NavHome,a.NavHome:visited,a.NavHome:active{width:64px;height:67px;display:block;margin-top:50px;float:left;background:url(/img/new/nav/nav_home.jpg) no-repeat 0 0px;}
a.NavHome:hover,a.NavHomeOn,a.NavHomeOn:visited,a.NavHomeOn:active{width:64px;height:67px;display:block;margin-top:50px;float:left;background:url(/img/new/nav/nav_home.jpg) no-repeat 0 -67px;}
a.NavCard,a.NavCard:visited,a.NavCard:active{width:91px;height:67px;display:block;margin-top:50px;float:left;background:url(/img/new/nav/nav_card.jpg) no-repeat 0 0px;}
a.NavCard:hover,a.NavCardOn,a.NavCardOn:visited,a.NavCardOn:active{width:91px;height:67px;display:block;margin-top:50px;float:left;background:url(/img/new/nav/nav_card.jpg) no-repeat 0 -67px;}
a.NavWorks,a.NavWorks:visited,a.NavWorks:active{width:107px;height:67px;display:block;margin-top:50px;float:left;background:url(/img/new/nav/nav_works.jpg) no-repeat 0 0px;}
a.NavWorks:hover,a.NavWorksOn,a.NavWorksOn:visited,a.NavWorksOn:active{width:107px;height:67px;display:block;margin-top:50px;float:left;background:url(/img/new/nav/nav_works.jpg) no-repeat 0 -67px;}
a.NavAccom,a.NavAccom:visited,a.NavAccom:active{width:128px;height:67px;display:block;margin-top:50px;float:left;background:url(/img/new/nav/nav_accomodation.jpg) no-repeat 0 0px;}
a.NavAccom:hover,a.NavAccomOn,a.NavAccomOn:visited,a.NavAccomOn:active{width:128px;height:67px;display:block;margin-top:50px;float:left;background:url(/img/new/nav/nav_accomodation.jpg) no-repeat 0 -67px;}
a.NavPartners,a.NavPartners:visited,a.NavPartners:active{width:92px;height:67px;display:block;margin-top:50px;float:left;background:url(/img/new/nav/nav_partners.jpg) no-repeat 0 0px;}
a.NavPartners:hover,a.NavPartnersOn,a.NavPartnersOn:visited,a.NavPartnersOn:active{width:92px;height:67px;display:block;margin-top:50px;float:left;background:url(/img/new/nav/nav_partners.jpg) no-repeat 0 -67px;}
a.NavContact,a.NavContact:visited,a.NavContact:active{width:94px;height:67px;display:block;margin-top:50px;float:left;background:url(/img/new/nav/nav_contact.jpg) no-repeat 0 0px;}
a.NavContact:hover,a.NavContactOn,a.NavContactOn:visited,a.NavContactOn:active{width:94px;height:67px;display:block;margin-top:50px;float:left;background:url(/img/new/nav/nav_contact.jpg) no-repeat 0 -67px;}
/********************************End of Navigation*****************************/