/* GENERAL **************************************************************************************************************** */ html { height: 100%; background: url(../img/design/bg.jpg) repeat-x #93deff; } body { height: 100%; font-family: Arial; color:#7a7b7b; font-size: 12px; margin: 0; padding: 0; background:url(../img/design/bg2.jpg) top center repeat-x; } a { color:#208dd0; outline:none;} a:hover { text-decoration: none; } h1, h2, h3 { } h2 {} .imgLeft, .imgRight { border: 1px solid #96aab7;} .imgLeft { margin: 0 15px 5px 0;} .imgRight { margin: 0 0 5px 15px;} hr { border: 1px solid #cce3ef; height: 1px; border-bottom: none; margin: 15px 0;} #printMe {display:none;} #container { width: 998px; margin: 0 auto; padding: 0; } #shell {width: 964px; min-height:200px; padding: 10px 0 10px 34px; background:url(../img/design/bg_content.png); } /* HEADER **************************************************************************************************************** */ #titlebar { position: relative; z-index: 99; height: 123px; background: url(../img/design/bg_titlebar.jpg); } #logo { position: absolute; margin: 14px 0 0 50px; background:url(../img/design/logo.png); height: 60px; width: 146px; } #logo a { display:block; height: 60px; width: 146px;} #phonenumber { margin: 28px 0 0 530px; position: absolute; width: 185px; height: 37px; background:url(../img/design/phonenumber.png); } div#usabilityNavDropDown { z-index:99; position: absolute; margin: 54px 0 0 775px; background: url(../img/design/bg_helpmenu.gif) ; width: 165px; height: 17px; } div#usabilityNavText { margin: 2px 0 0 8px;} #helpmenuShell { font-size: 11px; position: absolute; z-index:99; } #helpmenuShell ul { border-top: 1px solid #1c64ae; margin: 1px 0 0px; padding: 10px 0 10px 5px; background:#fff; } #helpmenuShell ul li { list-style: none; margin: 0 0 5px 0; padding: 0 0 0 5px; } #helpmenuShell ul li a { color: #208dd0; display: block; width: 140px; } #helpmenuShell ul li a:hover { color:#fff; background: #41bae6; padding: 0 0 0 5px; } #top_links { position: absolute; } #top_links ul { margin: 15px 0 0 750px; height: 60px; padding: 0px 0 0 22px; border-left: 1px solid #50abd3; } #top_links ul li { list-style: none; margin: 0 0 3px 0; padding: 0 0 0 26px; height: 15px;} #top_links ul li#site_feautres { background:url(../img/design/icon_site_features.png) 2px 3px no-repeat;} #top_links ul li#company_information { background:url(../img/design/icon_company_information.png) no-repeat; height:15px; } #top_links ul li#online_chat { font-weight: bold; background:url(../img/design/icon_online_chat.png) 5px 3px no-repeat;} #top_links ul li a { font-weight: bold; color: #fff; font-size: 10px; text-transform: uppercase; text-decoration: none; } #top_links ul li a:hover { color:#fdc532; } #nav { z-index: 90; width: 998px; position: absolute; margin: 82px auto 0 33px; text-align: center; } #nav ul { height: 41px; margin: 0; padding: 0; } #nav ul li { position: relative; float: left; display: inline; margin: 0 4px 0 0; } #nav ul li#pageid1017 { display: none;} #nav ul li#pageid995 a,#nav ul li#pageid996 a { font-weight: bold; } #nav ul li a { height: 25px; padding: 16px 0 0 0; display: block; font-size: 14px; letter-spacing: -1px; color:#28335f; text-decoration: none; font-weight: bold; text-transform: uppercase; } #nav ul li a:hover { background:#fff; color:#4082c6; } #nav ul li#pageid983 ul li, #nav ul li#pageid984 ul li, #nav ul li#pageid1073 ul li, #nav ul li#pageid1006 ul li, #nav ul li#pageid1009 ul li, #nav ul li#pageid1072 ul li, #nav ul li#pageid997 ul li { width: auto; float: none; } #nav ul li#pageid983 a { width: 62px; } #nav ul li#pageid984 a { width: 142px; } #nav ul li#pageid1073 a { width: 156px; } #nav ul li#pageid1006 a { width: 146px; } #nav ul li#pageid1009 a { width: 148px; } #nav ul li#pageid1072 a { width: 136px; } #nav ul li#pageid997 a { width: 122px;} #nav ul li#pageid996 a { width: 82px; } #nav ul li#pageid1017 a { width: 112px; } #nav ul li#pageid983.hover { background: url(../img/design/nav_home.png) 2px 0 no-repeat; } #nav ul li#pageid984.hover { background: url(../img/design/nav_hotels.png) no-repeat;} #nav ul li#pageid1073.hover { background: url(../img/design/nav_specials.png) no-repeat; } #nav ul li#pageid1006.hover { background: url(../img/design/nav_businesstraveler.png) no-repeat; } #nav ul li#pageid1009.hover { background: url(../img/design/nav_meetings.png) no-repeat;} #nav ul li#pageid1072.hover { background: url(../img/design/nav_areainfo.png) no-repeat; } #nav ul li#pageid997.hover { background: url(../img/design/nav_activityfinder.png) no-repeat; } #nav ul li#pageid983 a:hover { background: url(../img/design/nav_home.png) 2px 0 no-repeat; } #nav ul li#pageid984 a:hover { background: url(../img/design/nav_hotels.png) no-repeat;} #nav ul li#pageid1073 a:hover { background: url(../img/design/nav_specials.png) no-repeat; } #nav ul li#pageid1006 a:hover { background: url(../img/design/nav_businesstraveler.png) no-repeat; } #nav ul li#pageid1009 a:hover { background: url(../img/design/nav_meetings.png) no-repeat;} #nav ul li#pageid1072 a:hover { background: url(../img/design/nav_areainfo.png) no-repeat; } #nav ul li#pageid997 a:hover { background: url(../img/design/nav_activityfinder.png) no-repeat; } #nav ul li#pageid983 a.current { background: url(../img/design/nav_home.png) 2px 0 no-repeat; } #nav ul li#pageid984 a.current { background: url(../img/design/nav_hotels.png) no-repeat;} #nav ul li#pageid1073 a.current { background: url(../img/design/nav_specials.png) no-repeat; } #nav ul li#pageid1006 a.current { background: url(../img/design/nav_businesstraveler.png) no-repeat; } #nav ul li#pageid1009 a.current { background: url(../img/design/nav_meetings.png) no-repeat;} #nav ul li#pageid1072 a.current { background: url(../img/design/nav_areainfo.png) no-repeat; } #nav ul li#pageid997 a.current { background: url(../img/design/nav_activityfinder.png) no-repeat; } #nav ul li.noStyleRight { } #nav ul li.noStyleLeft { } #nav ul li.lastItem ul { left: -130px } #nav ul li ul { z-index: 99; width: 230px; display: none; position: absolute; top: 41px; left: 3px; height: auto; background:#fff; padding: 15px 9px; } #nav ul li ul li { display: block; text-align: left; line-height: 180%; border-bottom: 1px solid #eee; padding: 5px 0; } #nav ul li ul li.parent .lastItem { } #nav ul li ul li a { padding: 0; height: auto; background: none; display: block; font-size: 12px; font-weight: normal; letter-spacing: normal; text-transform: none; } #nav ul li ul li ul { display: block; position: relative; top: auto; margin: auto; padding: auto;} #nav ul li ul li a:hover { background-image:none; background-color:#41bae6 ; color:#fff; padding: 0 0 0 7px;} #nav ul li#pageid983 ul li a, #nav ul li#pageid984 ul li a, #nav ul li#pageid1073 ul li a, #nav ul li#pageid1006 ul li a, #nav ul li#pageid1009 ul li a, #nav ul li#pageid1072 ul li a, #nav ul li#pageid997 ul li a { height: auto; width: auto; } #nav ul li#pageid983 ul li a:hover, #nav ul li#pageid984 ul li a:hover, #nav ul li#pageid1073 ul li a:hover, #nav ul li#pageid1006 ul li a:hover, #nav ul li#pageid1009 ul li a:hover, #nav ul li#pageid1072 ul li a:hover, #nav ul li#pageid997 ul li a:hover { background: none;background-color:#41bae6; font-weight: bold; } #utilityNav #accessible { } #headerShell { } #header { width: 930px; height: 361px; padding:0; margin: 0; background:#005e9c; } #pageid997 #header, #pageid1027 #header { height: 451px; margin: 40px 0 10px 0; background: none;} #pageid997 #header {background:#fff; width: 727px; margin: 40px 0 10px 197px;} #pageid1027 #header { height: 471px;} #header_overlay { width: 930px; height: 361px; position: absolute; background:url(../img/design/overlay_header.png);} #pageid997 #header_overlay, #pageid1027 #header_overlay { height: 451px; background:url(../img/design/overlay_header_activity.png);} #pageid1027 #header_overlay { display: none; } #pageid997 #header_overlay {height: 491px; margin: -40px 0 0 1px;} /* BODY **************************************************************************************************************** */ #contentShell { background: url(../img/design/bg_side.gif) repeat-y; width:930px; border-bottom:10px solid #fff; min-height:395px; position:relative; } #leftColCap { background: url(../img/design/left-col-cap.gif) no-repeat; position:absolute; height: 17px; width: 248px; left:0; z-index:5; bottom:0; } #pageid997 #leftColCap{display:none;} #pageid997 #contentShell, #pageid1027 #contentShell { background: none; position: absolute; top: 100px; border: none; } #side { position: absolute; z-index: 15; margin: -105px 0 0 0; } #pageid997 #side, #pageid1027 #side { display: none; } #ibe { z-index: 10; color: #fff; font-size: 11px; position: absolute; width: 253px; height:325px; min-height:325px; background:url(../img/design/bg_ibe.png);} #ibe input,#ibe select { font-size: 9px; margin: 2px 0 10px 0;} #ibe form { position: absolute; margin: 90px 0 0 22px; font-size: 11px;} #ibe input#Submit1 { display: block; width: 134px; height: 28px; background:url(../img/design/btn_booknow.gif); border: none;} #ibe img { border: none;} #ibe #anchor {vertical-align:top;} /*body#pageid983 #resort_finder { height: 171px; }*/ #resort_finder { border-top: 10px solid #fff; background:url(../img/design/bg_resortfinder-b.gif) no-repeat; width: 248px; height: 189px; margin: 320px 0 0 0; } #resort_finder h1 { letter-spacing: -1px;} #resort_finder ul { margin: 50px 0 0 22px; padding: 0; } #resort_finder ul li { list-style: none; margin: 0 0 5px 0; } #resort_finder ul li a { padding: 4px 0 0 15px; width: 190px; height: 26px;color:#fff; font-size: 16px; text-decoration: none; font-weight: bold; letter-spacing: -1px; background:url(../img/design/btn_resortfinder.gif); display: block;} #resort_finder ul li ul { padding: 15px 0; margin: 0; width: 300px; background:#dd7e05;} #resort_finder ul li ul li { margin: 8px 0; clear: left;} #resort_finder ul li ul li a { background: none; font-size: 12px; letter-spacing: normal; } #resort_finder ul li ul li span { display: none; background: #000; width: 80px; height: 80px; } #resort_finder ul li ul li a:hover {} #resort_finder ul li ul { display: none; position: absolute; top: 1em; left: 0; } #resort_finder ul li ul li:hover ul { display: block; } #side div.helpMenuWidget3815, #side div.helpMenuWidget3971 { display: block; width: 205px; height: 30px; z-index:999990; position: absolute; background:url(../img/design/btn_resortfinder.gif); } #side div.helpMenuWidget3815 { margin: -130px 0 0 20px; } #side div.helpMenuWidget3971 { margin: -90px 0 0 20px; } #side div.helpMenuWidget3815:hover, #side div.helpMenuWidget3971:hover { width: 227px; background: url(../img/design/btn_resortfinder2.gif);} #side div.helpMenuWidget3815 div#usabilityNavText, #side div.helpMenuWidget3971 div#usabilityNavText { position: relative; margin: 2px 0 0 8px; padding: 3px 0 0 8px; color:#fff; font-size: 16px; font-weight: bold;} div#usabilityNav #helpmenu3815,div#usabilityNav #helpmenu3971 { font-size: 11px; } ul#helpmenu3815, ul#helpmenu3971 { position: absolute; padding: 15px 8px; background:#d08a00; z-index:99; } ul#helpmenu3815 {margin: -200px 0 0 227px; } ul#helpmenu3971 { margin: -50px 0 0 227px; } ul#helpmenu3815 li, ul#helpmenu3971 li { list-style: none; margin: 0 0 5px 0; padding: 0 0 0 5px; } ul#helpmenu3815 li a, ul#helpmenu3971 li a { color:#fff; display: block; width: 190px; padding: 5px 0 0 5px; height: 19px; display: block; } ul#helpmenu3815 li a:hover, ul#helpmenu3971 li a:hover { color:#28335f; background: #f1a921; } #imgThumbnails112 a {border:none; outline:none;} #imgThumbnails112 a.selected {border:3px solid #AD2342; padding: 0 5px} #content { padding: 20px 20px 9px 0px; margin: 0 0 0 280px; line-height: 180%; } #pageid1027 #content { margin: 0; } #pageid997 #content { margin: 0; width: 170px;} #content a { } #content h1 { color: #d08a00; font-size: 26px; letter-spacing: -1px; } #content h2 { color:#005e9c; font-size: 17px; } #content h3 { color:#d08a00; font-size: 14px; } /* ORIGINAL ul#activity_list { display: block; height: 21px; position: absolute; top: 40px; margin: 0 0 0 180px; padding:; width: 870px; text-align: right; z-index:98;} ul#activity_list li { margin: 0 0 0 15px; display: block; float: left; height: 21px; position:relative; z-index:98;} ul#activity_list li#properties { background:url(../img/design/icon_properites.gif) no-repeat; padding: 0 0 0 35px; position:relative; z-index:98;} ul#activity_list li#families { background:url(../img/design/icon_families.gif) no-repeat; padding: 0 0 0 32px;} ul#activity_list li#couples { background:url(../img/design/icon_couples.gif) no-repeat; padding: 0 0 0 31px;} ul#activity_list li#shoppingdining { background:url(../img/design/icon_food.gif) no-repeat; padding: 0 0 0 29px;} ul#activity_list li#golfspa { background:url(../img/design/icon_golf.gif) no-repeat; padding: 0 0 0 15px;} */ ul#activity_list { display: block; height: 21px; position: absolute; top: 135px; margin: 0 0 0 -15px; padding:0; z-index:98;} ul#activity_list li { list-style: none; letter-spacing: normal; font-size: 12px; margin: 0 0 10px 15px; display: block; height: position:relative; z-index:98;} ul#activity_list li a { display: block; height: 21px; width: 150px; padding: 0 0 0 35px;} ul#activity_list li a:hover { background: #D08A00; color: #fff;} ul#activity_list li#properties { background:url(../img/design/icon_properites.gif) no-repeat; position:relative; z-index:98;} ul#activity_list li#families { background:url(../img/design/icon_families.gif) no-repeat; } ul#activity_list li#couples { background:url(../img/design/icon_couples.gif) no-repeat; } ul#activity_list li#shoppingdining { background:url(../img/design/icon_food.gif) no-repeat;} ul#activity_list li#golfspa { background:url(../img/design/icon_golf.gif) no-repeat; } #textWidget3220 { margin: 0 0 0 15px; width: 175px;} #textWidget3220 p { border-bottom: 1px solid #ccc; padding-bottom: 20px; margin: 10px 0; font-size: 11px; letter-spacing: normal; font-weight: normal; line-height: 125%; color: #7a7b7b;} #customize {position:relative; z-index:98;} #propertyListings {left:0; z-index:98;} #activityListings {left:-225px; top:-1px; z-index:98;} #pageid997 .video_player { margin: 172px 0 0 0; background: none; } #pageid997 #headerShell { position:relative; z-index:1 } #subNavDownLinks { height: auto;} #breadcrumbs ul { font-size: 10px; width: 100%; text-align: right; margin: 15px 0 0px 0; padding: 0; } #pageid997 #breadcrumbs ul, #pageid1027 #breadcrumbs ul { display: none;} #breadcrumbs ul li { display: inline; margin: 0 5px 0 0;} #pageid1027 #subNav { display: none;} #subNav {} #subNav ul { margin: 0; padding: 0; padding: 10px 0; /*border: 1px solid #ccc;border-left: none; border-right: none;*/ } #subNav ul li { display: inline; margin: 0 15px 0 0; } #subNav ul li a {} #subNav ul li a:hover {} #flashPhotoGallery3819 { } /* VIDEO CONTEST **************************************************************/ #divtoggles2 { list-style-type: none; width:670px; margin: 0; font:bold 14px/42px Arial, Helvetica, sans-serif; } #divtoggles2 ul {margin: 0 0 0 6px; padding: 0;} #divtoggles2 li {float:left; list-style-type:none; text-align:center; margin-right: 5px;} #divtoggles2 a { display:block; padding: 0 8px; width:160px; height:42px; text-decoration:none; background: #F8DFAF; border: 2px solid #F6C35F; border-bottom: 0px;} #divtoggles2 a:hover, #divtoggles2 a.classoff:hover { background: #FAEACC;} #divtoggles2 a.classoff { background: #F8DFAF; } #divtoggles2 a.classon { background: #F1BC65; color: #FFFFFF; } #div1, #div2, #div3 { clear:left; display:none; padding:20px 30px 20px 30px; width:555px; margin:0 auto; background: #FFFFFF; overflow: auto; border: 2px solid #F6C35F; } #div1 {display:block;} #div2 { height: 400px; overflow: scroll; } #side2 { float: right;margin: 70px 0 10px 0; position:relative } #prop_box { position:relative; z-index:200; margin: 0 0 20px 20px; line-height:20px; padding: 15px 0 15px 20px ; border-left: solid 1px #ccc; } #prop_box h1 { font-size: 15px; color:#005e9c; } #prop_box p {} #ctaShell { width: 927px; height: 186px; padding: 8px 0 0 0; background:url(../img/design/bg_ctabar.jpg) no-repeat; position:relative; z-index:10; } #pageid997 #ctaShell {} /* CAROUSEL **************************************************************/ #ctaShell h3, #ctaShell p {margin:0; padding:0; line-height:normal; color:#212e4c; font-weight:normal;} #ctaShell p {color:#5886a2; font-size:11px; margin:0; padding: 15px 10px 0 10px;} #ctaShell .panel a {color:#212e4c; text-decoration: none; display: block; width: 216px; height: 181px; padding: 5px 0 0 6px;background:url(../img/design/bg_cta.png); position: absolute;} #ctaShell .panel a:hover {background:url(../img/design/bg_cta_hover.png);} #ctaShell .panel a:hover p {color: #185f8a;} #ctaShell .panel a:hover h3 { _color: #cce3ef;} #ctaShell h3 { color:#fff; font-weight: bold; font-size:16px; padding: 0 0 0 10px; } #ctaShell ul { margin: 0 0 0 70px; padding: 0; width: 200px;/* overflow: auto;*/} #ctaShell ul li { margin: 0 20px 0 20px; display: inline; list-style: none; padding:0; width:222px; height: 186px;} div.stepcarousel { margin: 0 200px 0 66px; /* width: 200px;*/ padding: 0; z-index:90;} .stepcarousel .panel { /*float: left;*/ margin: 0 20px 0 0px; position: relative; width: 216px; height: 181px; } .stepcarousel .panel:hover { } .panel a {} .panel a img {border:none;} .prev, .next {width:20px; height:35px; position:absolute; z-index:99; cursor:pointer; display:block;} .prev { background:url(../img/design/btn_prev.gif); width: 53px; height: 194px;left:0; top: 0px;} .prev:hover { background:url(../img/design/btn_prev_hover.gif);} .next { width: 53px; height: 194px; right:0px; top:0px; } .next:hover { background:url(../img/design/btn_next_hover.gif);} /* FOOTER **************************************************************************************************************** */ #footerShell { width:998px; height:63px; margin: 0 0 40px 0; padding: 0 0 40px 0; background:url(../img/design/bg_footer.png) no-repeat; } #footerNav { } #footerNav ul { } #footerNav ul li { } #footerNav ul li a { } #footerNav ul li.noStyleRight { margin-right:0; } #footerNav ul li a:hover { } #address { height: 50px; margin: 0 0 20px 0; padding: 13px 0 0 45px; color:#fff; } #address ul { margin: 0; padding: 0; } #address ul li { display: inline; margin: 0 13px 0 0; } #address ul li#country { display: none;} #address li.noStyleRight { } #address strong { } #address { } .org, .adr, .tel { margin: 0 15px 0 0;} .org { font-weight: bold; } .adr { } .street-address { margin-right: 10px; } .locality { } .region { } .postal-code { } .country-name { display: none; } .tel { } .tel .type { } .tel .value { } span#tagline { margin: -8px 0 0 365px; position: absolute; /*z-index: 999999; position: absolute; margin: -10px 0 0 -560px;*/ background: #93deff; padding: 0 10px; color:#1b5169; font-weight: bold; font-size: 15px; } #footerMasterNav { margin: 0 35px 20px 35px; padding: 0 0 20px 0; height: 250px; border-top: 1px solid #70bbdf; border-bottom: 1px solid #70bbdf;} #footerMasterNav ul { float: left; margin: 0; width: 125px; padding: 15px 5px 20px 50px;} #footerMasterNav ul li { list-style: none; margin: 0 0 0px 0;} #footerMasterNav ul li a h1 { margin: 18px 0 0 0; color:#1b5169; font-weight: bold; font-size: 13px; letter-spacing: -1px;} #footerMasterNav ul li a { color:#346e88; text-decoration: none; font-size: 11px;} #footerMasterNav ul li a:hover { text-decoration: underline;} #vizsig { text-align: center; color: #747474; } #vizsig a { color: #1b5c97; } #vizsig a:hover {} #topOverlay {background:url(../img/design/top-activity.gif) no-repeat; width:930px; height:8px; position:absolute; z-index:90; top:73px; left:50%; margin:0 0 0 -465px;} #bottomOverlay {background:url(../img/design/bottom-activity.gif) no-repeat; width:930px; height:8px;position:absolute; z-index:90; top: 619px; left:50%; margin:0 0 0 -465px;}