/***** Global styles ******/ body { margin: 0; padding: 0; font: normal 13px Verdana, Arial, Helvetica, sans-serif; color:#13406f; /*background:#76a7cf url(../img/background_orig.jpg) repeat-x 0 0;*/ background:#044970 url(../img/background.jpg) repeat-x 0 0; /*background: url(../img/bg-body-a.jpg); background-repeat: repeat-x;*/ } img { border: none; } p { margin: 8px 0 2px 0; font: normal 12px/1em Verdana, Arial, Helvetica, sans-serif; line-height: 15px; color: #354658; } div h1 {font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:capitalize; font-size:21px; font-weight: bold; color: #1f65a0; letter-spacing: .05em; } div h2, div h6 {font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:capitalize; font-size: 18px; color: #115690; } div h2 {padding-left:6px; } div h2 a:hover{text-decoration:underline;} div h6 {position: absolute; float:left; top: 10px; left:30px;} div h6 a {text-transform:capitalize; font-size: 18px; color: #115690;} div h3 {font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:capitalize; font-size: 14px; color: #115690; font-weight: bold;} div h4 {font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:capitalize; font-size: 12px; color: #115690; font-weight:bold;} div h5 {font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:capitalize; font-size: 18px; color: #115690; padding: 0 0 8px 0; margin:0px;} sup { font-size: 90%; } .horizontal-rule2 { border-top: 1px solid #CCCCCC; margin: 4px 0 8px 0; padding: 8px 0;} .clear {clear:both} /* = links /**********************************************************************************/ /* -- default website link attributes -- */ a { /*font: 12px Verdana, Arial, Helvetica, sans-serif;*/ font-family: Verdana, Arial, Helvetica, sans-serif; outline: none; } a:link { /*color:#0099cc;*/ /* color: #095da7; color: #1e5dc6; */ color: #0066cc; outline: 0 none; } a:visited, a:active { /*color:#0077aa;*/ /* color: #095da7; color: #1e5dc6; */ color: #0066cc; outline: 0 none; } a:hover { text-decoration: underline; outline: 0 none; } a:focus { outline: 0 none;} /** Removes dotted outline from links in IE7 **/ #gallery { z-index: 100;} /* = Default Bullet Lists /**********************************************************************************/ .list { margin: 4px 0 8px 12px; } .list ul { list-style: none; } .list li { list-style-type: disc; margin: 0px 0 6px 16px; } .listheader { margin: 4px 0 8px 0px; } .listheader ul { list-style: none; } .listheader li { list-style-type: square; margin: 0px 0 6px 0px; } .latestnews ul { padding-top: 10px; } .latestnews li { list-style-type: disc;margin: 0 0 8px 12px; } /* = Body Wrapper /**********************************************************************************/ #wrapper { position: relative; width: 968px; margin: 0 auto; } /* = Login In, Log Out, Error Pages /**********************************************************************************/ #wrapper_login { position: relative; width: 600px; margin: 0 auto; } #middle_wrapper_login { width: 600px; margin: -1px 0 0 0; padding: 0; } #middle_login { width:576px; float: left; padding: 18px 12px 0px 12px; background-color: #ffffff; } #full_width_header_login { width: 576px; position: relative; } #top_gradient_full_width_login { position: relative; width: 576px; padding: 0px 0px 3px 0px; top: 0px; } #holder_login { width: 576px; position:relative; float: left; padding: 0; z-index: 18; min-height: 200px; } * html #holder_login { height:200px } /*** VERY IMPORTANT :: HACK FOR IE6 and under :: this allows for a min-hight for the content text ****/ /* = Map Page -- AND anything else that needs the full width of the page /**********************************************************************************/ #holder { width: 944px; position:relative; float: left; padding: 0; z-index: 18; clear:both; min-height: 400px; } * html #holder { height:400px } /*** VERY IMPORTANT :: HACK FOR IE6 and under :: this allows for a min-hight for the content text ****/ #full_width_header { width: 944px; position: relative; } #top_gradient_full_width { position: relative; width: 944px; padding: 0px 0px 3px 0px; top: 0px; } /* = Header Starts /**********************************************************************************/ #header { position: relative; height: 63px; margin-top: 10px; padding: 0; } #member_name { position: absolute; text-align: right; right: 20px; top: 33px; color: #333333; } /* = Middle Content /**********************************************************************************/ #middle_wrapper { /** middle overall wrapper **/ width: 968px; margin: -1px 0 0 0; padding: 0; } /** middle positioning with padding **/ #middle { width:944px; float: left; padding: 14px 12px 0px 12px; background-color: #ffffff; } /** middle(left) positioning **/ #middlecontent { width: 722px; float: left; padding: 0; z-index: 10; } #middlecontentlistings { width: 670px; float: left; padding: 0; z-index: 10;} /** middle(left)-top positioning **/ #middle_top { position:relative; float: left; width: 722px; padding: 0px; } #middle_toplistings { position:relative; float: left; width: 670px; padding: 0px; } .page_title { position: absolute; top: -2px; left: 8px; width: 518px; } .page_titlelistings { position: absolute; top: -2px; left: 8px; width: 518px;} .page_title h1 a {font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:capitalize; font-size:21px; font-weight: bold; color: #1f65a0; letter-spacing: .05em;} #top_gradient { position: relative; width: 720px; padding: 0px 0px 3px 0px; display: block; } #top_gradientlistings { position: relative; width: 670px; padding: 0px 0px 3px 0px; } #localinfo { position: absolute; top: 8px; text-align: right; right: 8px; height: 32px; color: #666666; font-size: 11px; } #localinfo a { color: #666666; font-size: 11px; } .localweather_icon { position: relative; float:right; padding-left: 2px; top: -2px; clear: both; } #flash_destination { position: relative; padding: 0px; } #flash_residence { width: 350px; position: relative; padding: 0px; float: left; } #quickinfo_wrapperlistings { width:310px; float:left; margin:0; padding:0; } /** residences "quick info" overall wrapper **/ #quickinfo_wrapperlistings h2 { line-height: 22px; } /** residences "quick info" overall wrapper **/ #quickinfo_wrapper { width:372px; float:left; margin:0; padding:0; } /** residences "quick info" overall wrapper **/ #quickinfo_info { padding: 20px 0px 0px 6px; } /** position of the residence "quick info" **/ #stats { width:349px; position:relative; top: -6px; padding: 0px 0px 0px 6px; margin:0px; min-height:152px} /*** VERY IMPORTANT (min-height) :: this allows for a min-hight for the content text ****/ * html #stats { height:152px;} /*** VERY IMPORTANT :: HACK FOR IE6 and under :: this allows for a min-hight for the content text ****/ #statslistings { width:300px; position:relative; top: -6px; padding: 0px 0px 0px 6px; margin:0px; min-height:172px} /*** VERY IMPORTANT (min-height) :: this allows for a min-hight for the content text ****/ * html #statslistings { height:172px;} /*** VERY IMPORTANT :: HACK FOR IE6 and under :: this allows for a min-hight for the content text ****/ #specs_wrapper{ width:165px; float: left; margin:0; padding:0;} .specs { float: left; position:relative; margin-bottom:8px; } .specs h4 { float: left; width: 110px;} .numbers { float: left; position:relative; padding-left: 4px; } .features { width:172px; float: left; padding: 0px 0px 0px 10px; margin:0; line-height: 15px; } .features h4 { padding-bottom: 4px; } #localhost_wrapper { position:relative; width: 358px; padding: 5px 0 0 0; margin: 0px; float: left; } #localhost img { position:relative; left: 4px; top: 0px; padding: 0px; margin: 0; float: left; height: 95px; /* HEIGHT will change the overall size of the image to have a height of */ } /* use this code when a PICTURE is available #localhost_container { float:right; width: 248px; padding:8px 10px 0px 0px; margin:0; } */ #localhost_container { float:left; width: 340px; padding:0px 0px 0px 8px; margin:0; } .localhost_title { text-transform:capitalize; font-size: 11px; color: #115690; font-weight:bold; } #localhost_container.localhost, #localhost_container.localhost a, #localhost_container.localhost a:hover { font-size: 11px; line-height: 14px; } #localhost_container.localhost a, #localhost_container.localhost a:hover { text-decoration: underline; } /* = Middle (left) - Bottom Section(the content of the page) /* ----------------------------------------------------------------*/ /** position of gradient bar line just below the destination/residence flash players **/ #bottom_gradient { float: left; position: relative; width: 720px; padding: 2px 0px 2px 0px; } #middle_bottom { float: left; width: 722px; padding: 0; margin: 0; background-image: url(../img/middle_content_background.jpg); background-repeat: no-repeat; } #middle_bottomlistings { font-size: 13px; line-height:17px; float: left; width: 660px; padding: 0; margin: 0; z-index: 15; position:relative; } /* = NO Blue Bar (tab) Navigation - blue nav bar and without nav /* ----------------------------------------------------------------*/ #no_bluebar_navigation { float: left; width: 722px; padding: 0; margin: 0; background-image: url(../img/middle_content_background_no_nav.jpg); background-repeat: no-repeat; } #no_bluebar_navigationlistings { float: left; width: 670px; padding: 0; margin: 0; z-index: 15; } #no_bluebar_navigation2 { float: left; width: 722px; padding: 0; margin: 0; } #no_bluebar_tab_content { /*** NOTE :: Position ***/ width: 722px; /* this value needs to equal 722 by adding the left and right padding (below) to make it equal 722 */ position: relative; padding: 10px 0px 0px 0px; float:left; z-index: 15; min-height: 300px; } * html #no_bluebar_tab_content { height:300px } /*** VERY IMPORTANT :: HACK FOR IE6 and under :: this allows for a min-hight for the content text ****/ .no_bluebar_tab_text { padding: 0px 32px 0px 4px; line-height: 20px; margin-top: -0px; /** To move the text closer to the title **/ } .contentlistings { padding: 0px 20px 15px 5px; margin-top: -3px; } /* = Middle (left) - Bottom -- Body content positing /* ----------------------------------------------------------------*/ /* = Blue Bar (tab) Navigation - blue nav bar and without nav /* ----------------------------------------------------------------*/ #bluebar_navigation { padding-top: 3px; padding-left: 3px; float: left; } ul.bluebarnav { list-style:none; margin:0; padding:0; height:29px; } ul.bluebarnav li { float:left; text-align:center; } ul.bluebarnav li a { display: block; outline: none; height:29px; } #bluebar_tab_content { width: 692px; /* this value needs to equal 722 by adding the left and right padding (below) to make it equal 722 */ position: relative; padding: 40px 20px 0px 10px; float:left; z-index: 15; min-height: 200px; } * html #bluebar_tab_content { height:200px; } /*** VERY IMPORTANT :: HACK FOR IE6 and under :: this allows for a min-hight for the content text ****/ #bluebar_tab_contentlistings { width: 640px; /* this value needs to equal 722 by adding the left and right padding (below) to make it equal 722 */ position: relative; padding: 20px 20px 0px 10px; float:left; z-index: 15; min-height: 200px; } * html #bluebar_tab_contentlistings { height:200px; } /*** VERY IMPORTANT :: HACK FOR IE6 and under :: this allows for a min-hight for the content text ****/ .bluebar_tab_text { padding: 0px 20px 0px 8px; line-height: 20px; margin-top: -0px; /** To move the text closer to the title of the tab**/ } /* ----------- Blue Bar Navigation :: Tab Images ----------- */ #tabamenities a { background-image: url(../img/tab_amenities_non_active.jpg); width: 76px;} #tabamenities a.selected, #tabamenities a:hover, #tabamenities a:active { background-image:url(../img/tab_amenities_active.jpg);} #taboverview a { background-image: url(../img/tab_overview_non_active.jpg); width: 77px;} #taboverview a.selected, #taboverview a:hover, #taboverview a:active { background-image:url(../img/tab_overview_active.jpg);} #tabfloorplan a { background-image: url(../img/tab_floorplan_non_active.jpg); width: 91px;} #tabfloorplan a.selected, #tabfloorplan a:hover, #tabfloorplan a:active { background-image:url(../img/tab_floorplan_active.jpg);} #tabtransportation a { background-image: url(../img/tab_transportation_non_active.jpg); width: 123px;} #tabtransportation a.selected, #tabtransportation a:hover, #tabtransportation a:active { background-image:url(../img/tab_transportation_active.jpg);} #tabresidences a { background-image: url(../img/tab_residences_non_active.jpg); width: 84px;} #tabresidences a.selected, #tabresidences a:hover, #tabresidences a:active { background-image:url(../img/tab_residences_active.jpg);} #tabotherresidences a { background-image: url(../img/tab_otherresidences_non_active.jpg); width: 130px;} #tabotherresidences a.selected, #tabotherresidences a:hover, #tabotherresidences a:active { background-image:url(../img/tab_otherresidences_active.jpg);} #tabtraveltips a { background-image: url(../img/tab_traveltips_non_active.jpg); width: 84px;} #tabtraveltips a.selected, #tabtraveltips a:hover, #tabtraveltips a:active { background-image:url(../img/tab_traveltips_active.jpg);} #tabwhattodo a { background-image: url(../img/tab_whattodo_non_active.jpg); width: 95px;} #tabwhattodo a.selected, #tabwhattodo a:hover, #tabwhattodo a:active { background-image:url(../img/tab_whattodo_active.jpg);} #tabreservenow a { background-image: url(../img/tab_reservenow_non_active.jpg); width: 123px;} #tabreservenow a.selected, #tabreservenow a:hover, #tabreservenow a:active { background-image:url(../img/tab_reservenow_active.jpg);} /** Position of the Reserve Now Button **/ #reservenow_position {position: relative; left: 12px;} /* = Bubble Tabs /**********************************************************************************/ /* = "Big Bubble" Tabs -- found on the Availability and Profile pages /**********************************************************************************/ #bubblecontent { width: 944px; float: left; padding: 0; z-index: 10; background-image: url(../img/search_bar.jpg); background-repeat: no-repeat; } #bubble_navigation { float: left; width: 924px; padding-left: 10px; margin-top: 0px; } #bubble_tab_content { width: 944px; position: relative; float:left; z-index: 15; padding-top:20px; min-height: 400px; } * html #bubble_tab_content{height:400px} /*** VERY IMPORTANT :: HACK FOR IE6 and under :: this allows for a min-hight for the tab content ****/ #bubble_tab_content_profile { width: 924px; position: relative; float:left; z-index: 15; padding:20px 10px 0px 10px; min-height: 400px; } * html #bubble_tab_content_profile { height:400px; } /*** VERY IMPORTANT :: HACK FOR IE6 and under :: this allows for a min-hight for the tab content ****/ #bubble_tab_content_search { width: 944px; position: relative; float:left; z-index: 15; padding-top:17px; min-height: 400px; } * html #bubble_tab_content_search { height:400px; } /*** VERY IMPORTANT :: HACK FOR IE6 and under :: this allows for a min-hight for the tab content ****/ .bubble_text_search { line-height: 16px; font-size: 11px; padding: 0px 0 0 0px; margin-top: 10px; /** To move the text closer to the title **/ border-top: 1px dotted #cccccc; } .bubble_text_search_no_dots { line-height: 16px; font-size: 11px; padding-left: 0px; padding-top: 24px; margin-top: 4px; /** To move the text closer to the title **/ } ul.bubbletabs { list-style:none; margin:0; padding:0; height: 34px; } ul.bubbletabs li { float:left; text-align:center; width: 163px; padding-right: 20px; height: 34px; } ul.bubbletabs li a { display: block; outline: none; height:34px; } /* ----------- Availability Page :: Tab Images ----------- */ #tabtheme a { background-image: url(../img/search_theme_non_active.jpg); height:33px; } #tabtheme a.selected, #tabtheme a:active { background-image:url(../img/search_theme_active.jpg); height:34px; } #tabholidays a { background-image: url(../img/search_holidays_non_active.jpg); height:33px; } #tabholidays a.selected, #tabholidays a:active { background-image:url(../img/search_holidays_active.jpg);height:34px; } #tabpartners a { background-image: url(../img/search_partners_non_active.jpg); height:33px; } #tabpartners a.selected, #tabpartners a:active { background-image:url(../img/search_partners_active.jpg);height:34px; } #tabadvancedsearch a { background-image: url(../img/search_destination_non_active.jpg); height:33px; } #tabadvancedsearch a.selected, #tabadvancedsearch a:active { background-image:url(../img/search_destination_active.jpg);height:34px; } #tabquicksearch a { background-image: url(../img/search_quick_non_active.jpg); height:33px; } #tabquicksearch a.selected, #tabquicksearch a:active { background-image:url(../img/search_quick_active.jpg);height:34px; } #tabpeakdate a { background-image: url(../img/search_peakholidays_non_active.jpg); height:33px; } #tabpeakdate a.selected, #tabpeakdate a:active { background-image:url(../img/search_peakholidays_active.jpg);height:34px; } /* #taboverviewstats a { background-image: url(../img/search_overviewstats_non_active.jpg); height:33px; } #taboverviewstats a.selected, #taboverviewstats a:active { background-image:url(../img/search_overviewstats_active.jpg);height:34px; } */ /* ----------- Profile Page :: Tab Images ----------- */ #tabmemberprofile a { background-image: url(../img/profile_memberprofile_non_active.jpg); height:33px; } #tabmemberprofile a.selected, #tabmemberprofile a:active { background-image:url(../img/profile_memberprofile_active.jpg);height:34px; } #tabretreathistory a { background-image: url(../img/profile_retreathistory_non_active.jpg); height:33px; } #tabretreathistory a.selected, #tabretreathistory a:active { background-image:url(../img/profile_retreathistory_active.jpg);height:34px; } #tabplanusage a { background-image: url(../img/profile_planusage_non_active.jpg); height:33px; } #tabplanusage a.selected, #tabplanusage a:active { background-image:url(../img/profile_planusage_active.jpg);height:34px; } #tabmyteam a { background-image: url(../img/profile_myteam_non_active.jpg); height:33px; } #tabmyteam a.selected, #tabmyteam a:active { background-image:url(../img/profile_myteam_active.jpg);height:34px; } /* #tabmydocuments a { background-image: url(../img/profile_mydocuments_non_active.jpg); height:33px; } #tabmydocuments a.selected, #tabmydocuments a:active { background-image:url(../img/profile_mydocuments_active.jpg);height:34px; } */ /* = "Bubble" Member Profile Sub-Tabs -- found on Profile page /**********************************************************************************/ #memberprofilecontent { position: relative; width: 924px; float:left; left: -10px; padding: 0px; margin-top: 35px; z-index: 10; background-image: url(../img/profile_bar.jpg); background-repeat: no-repeat; } #memberprofile_navigation {padding: 0px 0px 0px 10px; margin-top: 0px; float: left; } #tab_memberprofilecontent { width: 889px; /* This number must equal the width of 'memberprofilecontent' minus the left and right padding of tab_memberprofilecontent */ position: relative; float:left; z-index: 15; padding: 20px 10px 0px 25px; margin: 0px; min-height: 250px; } * html #tab_memberprofilecontent{height: 250px} /*** VERY IMPORTANT :: HACK FOR IE6 and under :: this allows for a min-hight for the content text ****/ .tab_text_memberprofile { line-height: 20px; margin: 0px; padding: 0px; } ul.memberprofiletabs { list-style:none; margin:0; padding:0; height: 24px; } ul.memberprofiletabs li { float:left; text-align:center; padding-right: 9px; height: 24px; } ul.memberprofiletabs li a { display: block; outline: none; height:24px; } /* ----------- Profile Page - Sub-Tabs of Member Profile :: Tab Images ----------- */ #tabprofile a { background-image: url(../img/profile_s_profile_non_active.jpg); height:23px; width:92px; } #tabprofile a.selected, #tabprofile a:active { background-image:url(../img/profile_s_profile_active.jpg); height:24px; width:92px; } #tabemail a { background-image: url(../img/profile_s_email_non_active.jpg); height:23px; width:92px; } #tabemail a.selected, #tabemail a:active { background-image:url(../img/profile_s_email_active.jpg); height:24px; width:92px; } #tabphone a { background-image: url(../img/profile_s_phone_non_active.jpg); height:23px; width:92px; } #tabphone a.selected, #tabphone a:active { background-image:url(../img/profile_s_phone_active.jpg); height:24px; width:92px; } #tabaddress a { background-image: url(../img/profile_s_address_non_active.jpg); height:23px; width:92px; } #tabaddress a.selected, #tabaddress a:active { background-image:url(../img/profile_s_address_active.jpg); height:24px; width:92px; } /* = Sub Tabs - What To Do -- Bubble Tabs-- found on Destination/Residence pages /**********************************************************************************/ #whattodocontent { position: relative; width: 670px; float: left; left: -8px; padding: 0px; margin-top: 35px; z-index: 10; background-image: url(../img/whattodo_bar.jpg); background-repeat: no-repeat; } #whattodo_navigation { padding: 0px 0px 0px 10px; margin-top: 0px; float: left; } #tab_whattodocontent { width: 645px; /* This number must equal the width of 'whattodocontent' minus the left and right padding of tab_whattodocontent */ position: relative; float:left; z-index: 15; padding: 15px 10px 0px 15px; margin: 0px; min-height: 250px; } * html #tab_whattodocontent{height: 250px} /*** VERY IMPORTANT :: HACK FOR IE6 and under :: this allows for a min-hight for the content text ****/ .tab_text_whattodo { line-height: 20px; margin: 0px; padding: 0px; } ul.whattodotabs { list-style:none; margin:0; padding:0; height: 24px; } ul.whattodotabs li { float:left; text-align:center; padding-right: 9px; height: 24px; } ul.whattodotabs li a { display: block; outline: none; height:24px; } ul.amenities { list-style: disc; } ul.amenities li { list-style: disc; margin-left: 10px; } ul.traveltips { list-style: disc; } ul.traveltips li { list-style: disc; margin-left: 13px; padding-bottom: 4px; } /* ----------- Destination/Residence Page :: Sub Tabs Images ----------- */ #tabactivities a { background-image: url(../img/whattodo_activities_non_active.jpg); height:23px; width:92px; } #tabactivities a.selected, #tabactivities a:active { background-image:url(../img/whattodo_activities_active.jpg);height:24px; width:92px; } #tabdining a { background-image: url(../img/whattodo_dining_non_active.jpg); height:23px; width:92px; } #tabdining a.selected, #tabdining a:active { background-image:url(../img/whattodo_dining_active.jpg);height:24px; width:92px; } #tabgolf a { background-image: url(../img/whattodo_golf_non_active.jpg); height:23px; width:92px; } #tabgolf a.selected, #tabgolf a:active { background-image:url(../img/whattodo_golf_active.jpg);height:24px; width:92px; } #tabbeach a { background-image: url(../img/whattodo_beach_non_active.jpg); height:23px; width:92px; } #tabbeach a.selected, #tabbeach a:active { background-image:url(../img/whattodo_beach_active.jpg);height:24px; width:92px; } #tabski a { background-image: url(../img/whattodo_ski_non_active.jpg); height:23px; width:92px; } #tabski a.selected, #tabski a:active { background-image:url(../img/whattodo_ski_active.jpg);height:24px; width:92px; } #tabspa a { background-image: url(../img/whattodo_spa_non_active.jpg); height:23px; width:92px; } #tabspa a.selected, #tabspa a:active { background-image:url(../img/whattodo_spa_active.jpg);height:24px; width:92px; } #tabclubtips a { background-image: url(../img/middle_bubble_clubtips_non_active.jpg); height:23px; width: 125px; } #tabclubtips a.selected, #tabclubtips a:active { background-image:url(../img/middle_bubble_clubtips_active.jpg); height:24px; width: 125px; } #tabmembertips a { background-image: url(../img/middle_bubble_membertips_non_active.jpg); height:23px; width: 125px; } #tabmembertips a.selected, #tabmembertips a:active { background-image:url(../img/middle_bubble_membertips_active.jpg); height:24px; width: 125px; } /* = Bubble Middle Content -- found on YourClub page(S)! /**********************************************************************************/ #bubble_middle_content { position: relative; width: 722px; float: left; left: -4px; padding: 0px; margin-top: 15px; z-index: 10; background-image: url(../img/middle_bubble_bar.jpg); background-repeat: no-repeat; } #bubble_middle_navigation { padding: 0px 0px 0px 10px; margin-top: 0px; float: left; } #tab_bubble_middle_content { width: 705px; /* This number must equal the width of 'bubble_middle_content' minus the left and right padding of tab_bubble_middle_content */ position: relative; float:left; z-index: 15; padding: 15px 10px 0px 5px; margin: 0px; min-height: 250px; } * html #tab_bubble_middle_content{height: 250px} /*** VERY IMPORTANT :: HACK FOR IE6 and under :: this allows for a min-hight for the content text ****/ .tab_text_bubble_middle { line-height: 20px; margin: 0px; padding: 0px 4px 0px 10px; } ul.bubble_middle_tabs { list-style:none; margin:0; padding:0; height: 24px; } ul.bubble_middle_tabs li { float:left; text-align:center; padding-right: 9px; height: 24px; } ul.bubble_middle_tabs li a { display: block; height:24px; outline: none; } /* ----------- Destination Page :: ... Tab Images ----------- */ #tabfaqs a { background-image: url(../img/middle_bubble_faqs_non_active.jpg); height:23px; width:125px} #tabfaqs a.selected, #tabfaqs a:active { background-image:url(../img/middle_bubble_faqs_active.jpg); height:24px; width: 125px;} #tabglossary a { background-image: url(../img/middle_bubble_glossary_non_active.jpg); height:23px; width: 125px;} #tabglossary a.selected, #tabglossary a:active { background-image:url(../img/middle_bubble_glossary_active.jpg);height:24px; width: 125px;} #tabmembercalls a { background-image: url(../img/middle_bubble_membercalls_non_active.jpg); height:23px; width: 125px;} #tabmembercalls a.selected, #tabmembercalls a:active { background-image:url(../img/middle_bubble_membercalls_active.jpg);height:24px; width: 125px;} #tabpdfs a { background-image: url(../img/middle_bubble_pdfs_non_active.jpg); height:23px; width: 125px;} #tabpdfs a.selected, #tabpdfs a:active { background-image:url(../img/middle_bubble_pdfs_active.jpg); height:24px; width: 125px;} /* #tabclubinfo a { background-image: url(../img/middle_bubble_clubinfo_non_active.jpg); height:23px; width: 125px;} #tabclubinfo a.selected, #tabclubinfo a:active { background-image:url(../img/middle_bubble_clubinfo_active.jpg); height:24px; width: 125px;} */ #tabrulesandregs a { background-image: url(../img/middle_bubble_rulesandregs_non_active.jpg); height:23px; width: 125px;} #tabrulesandregs a.selected, #tabrulesandregs a:active { background-image:url(../img/middle_bubble_rulesandregs_active.jpg); height:24px; width: 125px;} #tabassessment a { background-image: url(../img/middle_bubble_assessment_non_active.jpg); height:23px; width: 125px;} #tabassessment a.selected, #tabassessment a:active { background-image:url(../img/middle_bubble_assessment_active.jpg); height:24px; width: 125px;} #tabproxyfiling a { background-image: url(../img/middle_bubble_proxyfiling_non_active.jpg); height:23px; width: 125px;} #tabproxyfiling a.selected, #tabassessment a:active { background-image:url(../img/middle_bubble_proxyfiling_active.jpg); height:24px; width: 125px;} #tabannouncements a { background-image: url(../img/middle_bubble_announcements_non_active.jpg); height:23px; width: 125px;} #tabannouncements a.selected, #tabannouncements a:active { background-image:url(../img/middle_bubble_announcements_active.jpg); height:24px; width: 125px;} /* = Availability /**********************************************************************************/ #search_legend_matrix {padding: 8px 0 5px 0;} .search_expand_cal_legend { position: absolute; top: 106px; right: 110px; text-transform: capitalize; z-index: 0; width: 465px; } .search_expand_cal_legend_matrix {position: relative; right: -65px; text-transform: capitalize; z-index: 0; width: 465px;} .search_expand_cal_legend2 { position: relative; top: -11px; right: -125px; text-transform: capitalize; z-index: 0; width: 480px; } .scrolling { position:relative; overflow: auto; height: 435px; background-color: #FFFFFF; border-top: 1px dotted #cccccc;} * html .scrolling { position:relative; overflow: auto; height: 440px; background-color: #FFFFFF; border-top: 1px dotted #cccccc;} /* = Destination Availability Template -- templates/DestinationSummary.htm /**********************************************************************************/ .search_expand { background-image: url(../img/search_expand2.jpg); background-repeat: no-repeat; min-height: 202px; position: relative; margin-bottom: 15px; } .destinationsummary_background { /* This class is needed for IE6 */ background-image: url(../img/search_expand2.jpg); background-repeat:no-repeat; } .destination_availability_des_name a {font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:capitalize; font-size:21px; font-weight: bold; color: #ff0000; letter-spacing: .05em;} .destination_availability_des_name a:link, .destination_availability_des_name a:hover {font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; text-transform:capitalize; font-size:21px; font-weight: bold; color: #000000; letter-spacing: .05em; cursor:pointer;} .search_expand_arrow_down { position: absolute; left: -30px; top: -4px; width: 32px; } .search_expand_dest_image { position: absolute; left: 20px; top: 34px; height: 157px; width: 160px; overflow: hidden; } .search_expand_content { position: absolute; width: 204px; top: 34px; left: 192px; height: 130px; overflow: auto; } .search_expand_moreinfo { position: absolute; left: 192px; top: 172px; } .search_expand_calendar { position: absolute; top:32px; left: 405px; } .search_expand_count { position: absolute; top: -22px; left: 65; white-space:nowrap; font-weight: bold; text-transform: capitalize; } .search_expand_nights { position: absolute; top: -22px; left: 180px; white-space:nowrap; font-weight: bold; text-transform: capitalize; } .search_expand_nights_perc { position: absolute; top: -22px; left: 380px; white-space:nowrap; font-weight: bold; text-transform: capitalize; } .search_expand_nights_perc2 { position: absolute; top: -24px; right: 10px; white-space:nowrap; font-weight: bold; text-transform: capitalize; } /* = Residence Availability Template -- templates/ResidenceItem.htm /**********************************************************************************************/ .search_residence_availability_wrapper {/* Actual code is on templates/DestinationSummary.htm */ width: 676px; margin-left: 249px; position: relative; margin-bottom: 20px; top: -10px; height: ; /* Leave height BLANK*/} .residence_availability { position: relative; width: 676px; height: 200px; padding-bottom: 6px; background-image: url(../img/residence_availability_background.jpg); background-repeat: no-repeat; } .residence_availability_res_name h2 { position: absolute; float:left; top: 6px; left:1px; } .residence_availability_res_name a {font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:capitalize; font-size:21px; font-weight: bold; color: #ff0000; letter-spacing: .05em;} .residence_availability_res_name a:link, .residence_availability_res_name a:hover {font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; text-transform:capitalize; font-size:21px; font-weight: bold; color: #000000; letter-spacing: .05em; cursor:pointer;} ul.residence_availability_bullets { position: absolute; top: 50px; left:9px; width: 136px; } ul.residence_availability_bullets li { list-style:none; margin:0; padding:0; font-size: 11px; text-align: left; line-height: 18px; z-index: 22; /*clear: both;*/ } ul.partners_residence_availability_bullets { position: absolute; top: 50px; left:9px; width: 286px; } ul.partners_residence_availability_bullets li { list-style:none; margin:0; padding:0; font-size: 11px; text-align: left; line-height: 18px; z-index: 22; /*clear: both;*/ } .residence_availability_calendar { position:absolute; left: 154px; top: 30px; } /* .residence_availability_calendar1_2 { height: 154px; border: solid 1px #d6d6d6; padding: 2px; background-color: #FFFFFF; margin-right: 4px; } .residence_availability_calendar3 { height: 154px; border: solid 1px #d6d6d6; padding: 2px; background-color: #FFFFFF; } */ .residence_availability_calendar1_2 { height: 154px; border: solid 1px #b6b5b5; padding: 2px; background-color: #FFFFFF; margin-right: 4px; } .residence_availability_calendar3 { height: 154px; border: solid 1px #b6b5b5; padding: 2px; background-color: #FFFFFF; } .residence_availability_button { position: absolute; left: 8px; top: 171px; } .residence_booknow_button { position: absolute; left: 8px; top: 140px; } .view_full_year { position: absolute; width: 154px; bottom: 3px; font-weight: bold; text-align: right; } /* = Canned Search (Holidays, Partners, Quick Search) -- templates/ResidenceItem.htm :: templates/ResidenecPartnerItem.htm :: templates/EscapeTypeSearchResult.htm /*****************************************************************************************************************************************************/ .search_canned_collapse { background-image: url(/img/search_bottom_new.jpg); background-position: 0px 41px; /* left-px top-px; */ /** Controls the overall position of the background image **/ background-repeat: no-repeat; height: 87px; /* Controls the OVERALL height of the DISPLAY area of the collapsed version INCLUDING the white space */ width: 917px; position: relative; padding-bottom: 30px; /** The white space between the top picture and the bottom picture */ left: 0px; /** This number must be the same width .search_canned_expand left: " " See below class **/ } .search_canned_expand { position: relative; width: 512px; height:auto; padding-bottom: 0px; left: 0px; /** This number must be the same withe .search_canned_collapse left: " " See above class **/ } .search_holiday_top_gradient2 { position:absolute; height:50px; width:912px; top:-6px; left: 3px; z-index:0; } .search_canned_content { position: relative; top: -4px; left: 0px; width: 922px; height: ; /*leave height BLANK*/ display: none; visibility:hidden; z-index:2; } .search_canned_dest_image { position: relative; height: 87px; width: 168px; top: 0px; clear: both; } ul.search_canned_avail_specs { position: absolute; top: 5px; left:180px; } ul.search_canned_avail_specs li { list-style:none; margin:0; padding:0; text-align: left; line-height: 20px; } ul.search_canned_avail_specs li h3 a { font-size: 14px; font-weight: bold; color: #115690; } .search_canned_dates_button { position: absolute; top:66px; left: 180px; width: 280px; } .search_holiday_bottom_gradient2 { position: relative; height: 60px; background-image: url(/img/search_bottom_new.jpg); background-repeat: no-repeat; background-color: #FFFFFF; z-index: 1; clear: both; bottom: 40px; /* Controls the white space between the last residence info and the gray lined graphic */ } /* = Availability Stats Tab -- /**********************************************************************************************/ .scrolling1 { background-image:url(../img/stats_background1.jpg); background-repeat:no-repeat; width: 210px; height: 454px; } * html .scrolling1 { background-image:url(../img/stats_background1.jpg); background-repeat:no-repeat; width: 210px; height: 454px; } .scrolling3 { background-image:url(../img/stats_background3.jpg); background-repeat:no-repeat; width: 509px; height: 454px; } * html .scrolling3 { background-image:url(../img/stats_background3.jpg); background-repeat:no-repeat; width: 509px; height: 454px; } .scrolling2 { position:absolute; left: 6px; top:30px; height: 432px; overflow: auto; width:196px; } * html .scrolling2 { position:absolute; left: 6px; top:30px; height: 432px; overflow: auto; width:196px; } .scrolling4 { position:absolute; left: 10px; top:30px; height: 432px; overflow: auto; width:488px; } * html .scrolling4 { position:absolute; left: 10px; top:30px; height: 432px; overflow: auto; width:488px; } /* = right side - column /**********************************************************************************/ #right { position: relative; float: right; width: 210px; margin: 0 auto; padding: 0; z-index: 18; } #rightlistings { position: relative; float: right; width: 244px; margin: 0 auto; padding: 0; z-index: 18; padding-top: 21px; } /* = Availability for the right side /* ----------------------------------*/ #availability_wrapper{ position: relative; padding-top: 21px; margin: 0px; } #availability_header{ margin: 0px; padding: 0px; } #availability_body { background-image: url(../img/availability_background.jpg); background-repeat: repeat-y; z-index: 3; margin: 0px; padding: 0px; } #availability_gradient { clear: both; position: relative; background-image: url(../img/availability_gradient.jpg); background-repeat: no-repeat; background-color: #FFFFFF; height: 44px; z-index: 1; } /* = Reciprocity Rates -- Found on Residence.aspx and Residence Availability /**********************************************************************************/ .reciprocity_rate { position:absolute; top: 5px; right: 15px; width: ; font-size: 11px; color:#999999; font-weight: bold; font-style:italic; text-align: right; white-space:nowrap; } .reciprocity_rate2 { position:absolute; width: ; top: 30px; right: 15px; font-size: 11px; color:#999999; font-weight: bold; font-style:italic; text-align: right; white-space:nowrap; } /* = Ad Space /**********************************************************************************/ #ad_space { margin: 0px; padding: 0px; } #seperator { margin: 12px 0px 10px 0px; padding: 0px; } .ad_slot2 { margin-top: 14px; } /* = Graphic Gradient /**********************************************************************************/ #graphic_gradient { clear: both; position: relative; height: 116px; bottom: 60px; background-image: url(../img/bottom_graphic.gif); background-repeat: no-repeat; background-color: #FFFFFF; z-index: 2; } #graphic_gradient_full_width { clear: both; position: relative; height: 116px; bottom: 60px; background-image: url(../img/bottom_graphic_full_width.gif); background-repeat: no-repeat; background-color: #FFFFFF; z-index: 2; } #graphic_gradient_full_width_login { clear: both; position: relative; height: 116px; bottom: 60px; background-image: url(../img/bottom_graphic_full_width_login.gif); background-repeat: no-repeat; z-index: 1; } /* = Next/Previous Buttons /**********************************************************************************/ #nextprevious { padding: 4px 0 4px 0; } #search_previous { position: absolute; left: -110px; top: -3px; z-index: 300; } #search_next { position: absolute; left: 470px; top: -3px; } #search_previous_matrix { position: absolute; left: -110px; top: -2px; cursor: point; cursor:hand;} #search_next_matrix { position: absolute; left: 460px; top: -2px; cursor: point; cursor:hand;} #search_previous2 { position: absolute; left: -100px; top: -3px; z-index: 300; } #search_next2 { position: absolute; left: 460px; top: -3px; } /* = Escape Planner - information on escape planner page (EscapePlanner.aspx) -- for CP Only Site /*******************************************************************************************************/ .escape_planner img { position: relative; float:left; padding: 12px 14px 20px 0px; margin-left: -10px; height: 168px; /* this will change the overall size of the image to have a height of */ } .escapeplanner_profile { font-size: 11px; line-height: 15px; } /* = Footer /**********************************************************************************/ #footer { position: relative; width: 968px; margin-bottom: 0px; /** Margin-Bottom to add more space between the footer and the browser window **/ bottom: 50px; text-align: center; z-index: 17; clear: both; } #footer span, #footer a, #footer a:link, #footer a:visited, #footer a:active { color: #ffffff; font-size: 10px; text-transform: uppercase; } /* = Buttons /**********************************************************************************/ /* ----------- Blue ----------- */ a.bluebutton{ background: #3d88c9 url('../img/button_blue_left3.jpg') no-repeat top left; display: block; float: left; font: normal 12px Verdana; /* Change 13px as desired */ line-height: 12px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */ height: 24px; /* Height of button background height */ padding-left: 10px; /* Width of left menu image */ text-decoration: none; } a:link.bluebutton, a:visited.bluebutton, a:active.bluebutton{ color: #ffffff; /*button text color*/ } a.bluebutton span{ background: #3d88c9 url('../img/button_blue3.jpg') no-repeat top right; display: block; padding: 5px 11px 7px 0; /*Set 11px below to match value of 'padding-left' value above*/ } a.bluebutton:hover{ /* Hover state CSS */ /*background-position: bottom left;*/ } a.bluebutton:hover span{ /* Hover state CSS */ /*background-position: bottom right; color: #ffffff;*/ } .buttonwrapper{ /* Container you can use to surround a CSS button to clear float */ overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */ width: 100%; } /* = Feedback Button /**********************************************************************************/ .feedback{ cursor:pointer;position: fixed; left: 0; bottom: -1px; width: 100px; height:100px; background-image:url(../img/feedback2.png); z-index: 1001;} body>.feedback{ cursor:pointer;position: fixed; left: 0; bottom: -1px; width: 100px; height:100px; background-image:url(../img/feedback2.png); z-index: 1001;} * html .feedback { cursor:pointer;position: absolute; width: 100px; height:100px; background-image:url(../img/feedback2.png); top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight)); left:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollRight +(documentElement.clientWidth-this.clientWidth) : document.body.scrollLeft +(document.body.clientHeight-this.clientHeight)); background: transparent none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/feedback2.png',sizingMethod='scale'); z-index: 1001;} /** html .png{ position:relative; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true) ); } */ /* = For Sale Pages /**********************************************************************************/ .listingslist li { line-height: 16px; } .featureslistings tr { vertical-align:top; line-height: 16px; padding-bottom: 8px; } .asking_price { position: relative; left: -6px; padding-bottom:0px; line-height: 22px; } #links { width: 931px; margin-left: 9px;} .moreinfo { position:relative; padding-left: 14px; padding-right: 10px; line-height: 22px; min-height: 250px;} .moreinfo a { line-height: 22px;} .contentwrapperlistings h2 { line-height: 24px;} #links .testing2 img { } #links a.testing2 img { padding: 6px 0 6px 0; } #links a.testing2 { color: #115690; float:left; width:205px; background-image:url(../img/otherlistings_bkgd3.gif); line-height: 18px; background-repeat: repeat-x; color: #333333; padding: 6px; margin-right: 12px; text-decoration: none; cursor:pointer; border:1px solid #96ccff; margin-bottom: 15px;} #links a:hover.testing2 { color: #0066cc; background: #f9f9f9; border: 2px solid #cccccc; padding: 5px; /* both padding and border width needs to equal #links li a padding width */ } span.view_details {font-size: 10px; line-height:10px; padding: 5px 0 5px 0; text-align:right; float:right;} .view_details span {font-size: 10px; line-height:10px; padding: 5px 0 5px 0; text-align:right;} span.forsalename {font-size: 14px; color: #115690;} /*#search_processing { position:absolute; margin:0 auto; padding: 0; width: 100%; top: -100%; left:-100%; z-index: 999;} */ .loadingscreen {position:absolute; padding:0; margin: 0 auto; top: 0; left:0; height:100%; min-height: 100%; width:300%; min-width: 300%; z-index: 1000; background-image: url(../img/loadingscreen14.png); background-repeat: repeat;color:#fff; -moz-opacity:0.8; filter:alpha(opacity=80); -khtml-opacity: 0.8;opacity: 0.8; } * html .loadingscreen { height: 1000px; width:101.5%; }