/*RESETS*/ *{padding:0; margin:0;} ul{list-style-type:none;} fieldset{border:none;} a img{border:none;} a{-moz-outline:none;} body { margin:0px; padding:0px; font-family: "Lucida Grande", "Myriad Pro", Verdana; font-size:12px; color:#000000; background:url(../images/tsj/bg_home.jpg) no-repeat center top;} #wrapperCntr{margin:0px; padding:0px; font-size:12px; color:#000000; overflow:hidden; /*background:url(../images/tsj/top_bg.png) repeat-x left top;*/} #mainCntr{ padding:0; margin:0 auto; width:1002px; overflow:hidden; background:url(../images/tsj/top_bg.png) repeat-x left top; } #contentCntr{ padding:0 2px; width:998px; overflow:hidden; background:#ffffff;} /* ***** basic styles for multi-page nav elements */ .pagenav a { text-decoration: none; } .pagenav td { padding: 5px; border: 1px solid #CCC; } .alt1, .alt1Active{background:#ffffff; color:#666;} .alt2, .alt2Active{ background:#f6f6f6; color:#666;} .float_right {float: right; } input.float_right {float: right; margin-bottom:20px;} .float_left {float:left;} a {color:#006C34; text-decoration:none;} a:hover {color:#777782;} a.remove {color:#999999; cursor:pointer;display:inline-block; float:right; font-size:13px; font-weight:normal; padding: 0 4px 2px;} a.remove:hover {-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#006C34 none repeat scroll 0 0; color:#FFFFFF; text-decoration:none; } img {border: 0;} #sign_up {float: right; margin-right: 10px; margin-top: 21px;} #login_fb { float: right; margin-right: 10px; margin-top: 15px;} #login {color: #004c04; font-size: 13px; font-weight: bold; float: right; margin-right: 18px; line-height: 32px; padding-left: 10px; border-left-width: 1px; border-left-style: solid; border-left-color: #e2e2e2; margin-top: 15px;} #top_content {background-image: url(../images/tsj/header_greenbar.png); height: 153px; width: 957px; background-repeat: no-repeat; background-position: center bottom;} #logo { height: 70px; width: 218px; margin-left: 13px; margin-top:10px; } #nav {/* width: 427px; */ width:367px; margin-top: 8px; margin-left: 13px;} #nav_sub {padding-top: 5px; padding-left: 30px; padding-right: 30px;} .thank_you_page #content_body{ min-height:550px!important; } #content_body { background-image: url(../images/tsj/content_bg.png); background-repeat: repeat-y; width: 957px; float: left; padding-bottom: 0px; min-height:700px; height:auto;} /* for Internet Explorer */ /*\*/ * html #content_body {height: 700px;} /**/ #wrapper {width: 957px; text-align: left;margin-right: auto; margin-left: auto;} #counter {padding-top: 30px; margin-left: 25px; width: 300px;} #searchbox {float:right; width: 543px; margin-top: 6px;margin-right:29px;} .searchbox {border: 1px solid #006C34;font-size:13px;color:#666; padding:6px; float:left; margin-right:7px; } #main_banner { display: block; overflow: hidden; border: 1px solid #CCC; margin: 8px 15px 0px; padding-bottom: 10px; } .features { float: right; width: 315px; margin-right: 35px; padding-top: 0px; } .features p {margin-bottom: 15px; color: #666; line-height: 19px;} .features h2 { font-size: 17px; font-weight: bold; color: #006C31; padding: 0px; margin-top: 15px; margin-right: 0px;margin-bottom: 0px; margin-left: 0px;} .features h3 { font-size: 14px; margin-bottom: 5px; padding-top: 5px;} .submit_green { background-color: #11740E; color: #FFF; padding: 4px; border: 1px solid #70C736;} .features2 {float: right; width: 240px; margin-right: 35px; clear: right; padding-top: 37px;} .counter_bold { font-size: 13px; font-weight: bold; color: #444444;} .features2 h2 {font-size: 17px; font-weight: bold; color: #006c34; margin: 0px; padding: 0px;} .features3 {float: right; width: 240px; margin-right: 35px; clear: right; padding-top: 25px;} .features3 h2 { font-size: 17px; font-weight: bold; color: #006c34; margin: 0px; padding: 0px;} .features ul {list-style-type: none; padding: 0px; margin-top: 20px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;} .features ul li {padding-bottom: 10px; text-align: right;} #banner_text { width: 530px; padding-top: 50px; padding-left: 20px; } #banner_text ul {padding: 0px; list-style-position: inside; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; margin-top: 15px;} #banner_text ul li { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 8px; margin-left: 0px; color: #666;} #banner_text h1 { font-size: 16px; margin: 0px; color: #333; font-weight: normal; line-height: 21px; background: url(../images/tsj/banner_headline2.gif) no-repeat; height: 43px; padding-bottom: 0px; } #banner_text h1 span { display: none; } #banner_text h2 { color: #000; font-size: 16px; font-weight: bold; margin: 0px; } #banner_but {margin-left: 250px; width: 300px; padding-top: 80px; clear: left;} #time_comm { float: right; width: 271px; margin-right: 16px; padding-top: 15px;} #time_comm h1 {font-size: 16px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px;} #time_comm ul { padding: 0px;} #time_comm li {} .comm_container {border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e2e2e2; border-bottom-color: #e2e2e2; margin-left: 7px; margin-right: 7px; padding-bottom: 7px;} .comm_container:hover { background-color:#f4ffef;} .comm_bit img { border: 2px solid #e2e2e2; margin-left: 6px; margin-top: 6px;} .comm_small {margin-top: 10px; border-bottom-width: 1px; border-bottom-style: dashed; padding-top: 10px; padding-bottom: 10px; margin-right: 8px; margin-left: 8px; padding-left: 10px; border-bottom-color: #e2e2e2;} .comm_small h2 {font-size: 14px; color: #006c34; margin: 0px;} .comm_text {padding-top: 8px; padding-right: 23px; width: 167px; float: right;} .comm_text h2 {font-size: 14px; font-weight: bold; color: #006c34; margin: 0px;} #com_body { background-image: url(../images/tsj/comm_body.jpg); width: 273px; background-repeat: repeat-y; float: left;padding-bottom: 5px;} #comm_bot_border {background-image: url(../images/tsj/comm_box_bot.jpg); height: 6px; width: 273px; float: left;} .sidebar_bg {background-image: url(../images/tsj/comm_body.jpg); background-repeat: repeat-y; padding-bottom: 5px; float: left; width: 273px;} .sidebar_bg_bot_border {ackground-image: url(../images/tsj/comm_box_bot.jpg); height: 6px; width: 273px; float: left; margin-bottom: 15px;} #browse_by {width: 700px; margin-left: 10px; padding-top: 1px;} #juicyprop a {color:white;} #juicyprop a:hover {color: #58B92A;} #browse_by h1 {font-size: 13px; font-weight: normal; margin: 0px;} .prop_text span {color: #58b92a; margin: 0px; display:block; padding-top:4px;} .prop_text { padding-top: 10px; padding-right: 15px; padding-left: 15px; color: #FFF; font-size: 12px;} .prop_text h1 {color: #FFF; font-size: 12px;} #browse_top {background-image: url(../images/tsj/browse_border.jpg); background-repeat: repeat-x; height: 1px;} .prop_1 {background-image: url(../images/tsj/bg_kauai.jpg); height: 280px; width: 215px; float: left; margin-top: 5px;} .prop_1 a, .prop_2 a {color: #fff;} .prop_border_top {border-top-width: 1px; border-top-style: solid; border-top-color: #5aba2b; height: 1px; clear: left;} #view_all {float: right; color: #58b92a; padding-top: 5px;} #view_all a {color: #58b92a; text-decoration:none;} .prop_border {background-image: url(../images/tsj/browse_prop_bord.png); height: 280px; width: 240px;} .prop_2 {background-image: url(../images/tsj/bg_kauai.jpg); height: 280px; width: 215px; margin-top: 5px; float: left; margin-left: 2px;} #footer {background-image: url(../images/tsj/footer.png); clear: both; height: 116px; width: 951px; margin:0 auto; } #footer_text { padding-top: 16px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 195px; color: #FFF;} #footer_text a {color: #FFF; text-decoration: underline;} #footer a:hover {text-decoration: none;} #loginbit { float: right; /* width: 500px; */width:587px;padding-top: 47px;} #footer_text h2 {font-size: 16px; color: #FFF; margin: 0px;} .temp {color: #000; clear: left;} #footer_text p {margin-top: 8px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;} #footer_text h4 {color: #a5c384; margin:8px 0 0 0; font-size: 12px;} .inlineimg { vertical-align: middle;} .greenbox {background-color: #f4ffef; border-top-style: none; border-right-style: solid; border-bottom-style: solid;border-left-style: solid; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-color: #58B92A; border-bottom-color: #58B92A; border-left-color: #58B92A; padding: 7px; color: #006C34; clear: left;} .graybox {padding: 7px; background-color: #E8E8E8; border: 1px solid #CCC; overflow: hidden;} .available_dates_graybox {margin-top: 25px; height: 72px; padding-top: 15px; padding-left: 15px;} .available_dates_graybox span {color: #666; padding-right: 7px;} .available_dates_upcoming { clear: left; padding-top: 1px;} .available_dates_upcoming h2 { display: block; margin-top: 0px; margin-right: 0px; margin-bottom: 8px; margin-left: 0px; font-size: 14px;} .greenbox a {color: #006C34;} .greenbox a:hover {color: #58B92A;} .smalltext {font-size: 12px;} .mediumtext {font-size: 13px;} .bigtext {font-size: 16px;} .comm_text_small {width: 187px; float: right; line-height: 17px;} .comm_text_small h2 {margin-top: 6px;margin-right: 0px; margin-bottom: 1px; margin-left: 0px; font-size: 13px; color: #006C34;} .browsemore { display: block; margin-left: 7px; margin-top: 7px;} .browsemore a {color: #006C34 !important;} .browsemore a:hover {color:#999 !important;} .comm_text_small span {display: block;} .top_location_num {font-size: 50px; color: #CCC; font-weight: bold; padding-left: 5px;} .top_locations_container {} .top_locations_globe {float: left; padding-left: 18px; padding-top: 13px;} .detailedview_container {border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #e2e2e2; border-bottom-color: #e2e2e2; padding-bottom: 5px; clear:left; overflow:hidden;} .detailedview_container_text { padding-top: 13px; padding-right: 10px; width: 510px; float: right;} .detailedview_container_text_extended { padding-top: 13px; padding-right: 10px; width: 798px; float: right;} .detailedview_container_text_profile { padding-top: 13px; padding-right: 10px; width: 579px; float: right;} .detailedview_container_text span { display: block; padding-bottom: 4px;} .detailedview_container_text_extended span span {display: inline !important;} .detailedview_container_text_profile span span {display: inline !important;} .detailedview_container_text_extended span {display: block; padding-bottom: 4px;} .detailedview_container_text_profile span {display: block; padding-bottom: 4px;} .detailedview_container_owner {float: right; width: 150px;} .detailedview_container_owner span {display: inline !important;} .top_location_text {padding-top: 13px; padding-right: 10px; width: 581px; float: right;} .top_location_text span a { text-decoration:underline;} .top_location_text span a:hover {text-decoration:none;} .detailedview_container_text h2 {font-size: 15px; margin-bottom: 2px; margin-top: 0px;} .top_location_text h2 {font-size: 15px; margin-bottom: 2px; margin-top: 0px;} .top_location_text span {color: #7E7E7E; display: block; padding-bottom: 4px;} .activitylist {margin-top: 10px;} .activitylist li {border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; width: 208px; padding-bottom: 13px; margin-bottom: 9px; padding-top: 13px; color: #666; padding-left: 8px; float: left;} #idTabs{ } /* TABS: FEATURED PROPERTIES */ #tabsJ { float:left; width:100%; line-height:normal; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #5aba2b; } #tabsJ ul { margin:0; padding:0px; list-style:none; } #tabsJ li { display:inline; margin:0; padding:0; } #tabsJ h4,#tabsJ span span{ margin-top: 4px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 12px; } #tabsJ li a { float:left; margin:0; padding:0 0 0 5px; text-decoration:none; background-image: url(../images/tsj/but_prop_left.png); background-repeat: no-repeat; background-position: left top; } #tabsJ a span { float:left; display:block; color:#000; background-image: url(../images/tsj/but_prop_rt.png); background-repeat: no-repeat; background-position: right top; width: 102px; padding-top: 10px; padding-bottom: 4px; padding-left: 6px; height: 18px; text-align: center; padding-right: 15px; font-weight:bold; } .tabsJ_selected { float:left; display:block; color:#000; background-image: url(../images/tsj/but_prop_rt.png); background-repeat: no-repeat; background-position: right top; width: 120px; padding-top: 5px; padding-bottom: 4px; padding-left: 6px; height: 23px; text-align: center; padding-right: 15px; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsJ a span {float:none;} /* End IE5-Mac hack */ #tabsJ a:hover span { color : #FFF; } #tabsJ a:hover { background-position:0% -33px; } #tabsJ a:hover span { background-position:100% -33px; } #tabsJ a:hover span, #tabsJ a#activetab_selected span { background-position:100% -33px;color: #FFF; } #tabsJ a:link#activetab_selected, #tabsJ a:visited#activetab_selected, #tabsJ a:hover { background-position: 0% -33px; } /* TABS: COMMUNITY */ #tabsK { float:left; width:273px; line-height:normal; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #5aba2b; } #tabsK ul { margin:0; padding:0px; list-style:none; } #tabsK li { display:inline; margin:0; padding:0; } #tabsK h4{ margin-top: 4px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 12px; } #tabsK a { float:left; margin:0; padding:0 0 0 5px; text-decoration:none; background-image: url(../images/tsj/but_prop_left.png); background-repeat: no-repeat; background-position: left top; } #tabsK a span { float:left; display:block; color:#000; background-image: url(../images/tsj/but_prop_rt.png); background-repeat: no-repeat; background-position: right top; padding-top: 5px; padding-bottom: 4px; padding-left: 6px; height: 23px; text-align: center; padding-right: 15px; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsK a span {float:none;} /* End IE5-Mac hack */ #tabsK a:hover span { color : #FFF; } #tabsK a:hover { background-position:0% -33px; } #tabsK a:hover span { background-position:100% -33px; } #tabsK a:hover span, #tabsK a#activetab_selected2 span { background-position:100% -33px;color: #FFF; } #tabsK a:link#activetab_selected2, #tabsK a:visited#activetab_selected2, #tabsK a:hover { background-position: 0% -33px; } .inputbox { border: 1px solid #999; font-size: 12px; color: #666; padding: 4px; margin-right: 7px; } .minitab_selected { background-position:0% -33px !important; } .minitab_selected span { background-position:100% -33px !important; color: #FFF !important; } #loginbox { padding-top: 15px; padding-right: 15px; float: right; } .loginbutton { vertical-align: middle; } .graybox h3 { font-size: 14px; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-bottom: 8px; margin-left: 0px; color: #333; } .latest_blog_bit { line-height: 17px; padding: 5px; } .latest_blog_bit h2 { font-size: 13px; color: #006C34; margin: 0px; } .latest_blog_bit span { display: block; } #mainbrowse { float: right; width: 95px; font-size: 20px; color: #FFF; margin-right: 25px; border-left-width: 1px; border-left-style: solid; border-left-color: #96d470; padding-left: 15px; padding-top: 3px; padding-bottom: 5px; } .inputbg { border: 1px solid #006C34; font-size: 12px; color: #666; padding: 5px; font-family: "Lucida Grande","Myriad Pro",Verdana; } .inputbg_yellow { border: 1px solid #CCC; font-size: 12px; color: #333; padding: 5px; background-color: #FFFAE9; } .bginput { border: 1px solid #006C34; font-size: 12px; color: #666; padding: 5px; } .inputbg_verified { border: 1px solid #006C34; font-size: 12px; color: #006C34; padding: 5px; background-color: #F4FFEF; } .inputbg_error { border: 1px solid #811000; font-size: 12px; color: #6C0800; padding: 5px; background-color: #FFD9C7; } .features label { color: #666; margin-right: 5px; } .features span { color: #333; margin-top: 5px; display: block; font-weight: bold; } #header_userinfo { float: right; /* width: 400px; */ /* width:587px; */ width:577px; line-height:22px; text-align: right; padding-right: 14px; } #content_wrapper { margin-right: 18px; margin-left: 18px; padding-top: 10px; min-height:425px; } #breadcrumbs { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; padding-bottom: 10px; padding-top: 2px; margin-bottom: 15px; color: #666; } #resortinfo_right { background-repeat: no-repeat; float: right; height: 346px; width: 421px; margin-bottom: 15px; } #resortinfo_left { height: 346px; width: 500px; margin-bottom: 15px; } #resortinfo_maintext { margin-right: 20px; margin-left: 20px; padding-top: 20px; } #resortinfo_right h1 { color: #FFF; font-weight: bold; font-size: 17px; margin: 0; } #resortinfo_right h2 { font-size: 12px; font-weight: none; display: block; margin: 0px; } #resortinfo_maintext p { line-height: 16px; padding-top: 8px; } .tab_insidecontainer { width: 650px; } .resortinfo_juicebit { color: #FFF; font-size: 12px; display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #6AC13E; padding-bottom: 5px; margin: 0px; padding-top: 5px; } .resortinfo_juicebit a:hover { text-decoration: underline; } .sidebar_gray { width: 309px; } .sidebar_gray p { margin: 0px; padding-top: 7px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } .sidebar_gray h3 { font-size: 14px; color: #333; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 10px; padding-bottom: 4px; padding-top: 10px; } .sidebar_graytop { background-image: url(../images/tsj/sidebar_gray_03.gif); height: 5px; } .sidebar_graymiddle { background-image: url(../images/tsj/sidebar_gray_05.gif); color: #333; } .sidebar_graymiddle p { margin-bottom: 0 !important; } .sidebar_graybottom { background-image: url(../images/tsj/sidebar_gray_07.gif); height: 7px; } .clear_both { clear: both; } .tabs_container { clear: both; overflow: hidden; padding-top:15px; } .tabs_container p { margin-bottom: 15px; } .red { color: #F00; } .sidebar_table { margin-left: 8px; margin-right: 8px; font-size: 12px; } .sidebar_table_header { background-color: #E8E8E8; color: #666; font-weight: bold; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999; padding: 3px; } .sidebar_table_row { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; padding: 3px; font-size:12px; } td.sidebar_table_row{ font-size:12px; } .borderTablecolor{ font-size:12px; } .paperbg { background-image: url(../images/tsj/resortlocation_bg.jpg); float: right; height: 97px; width: 594px; } .paperbg_right { float: right; width: 200px; padding-top: 10px; padding-right: 5px; color: #666; } .paperbg_right p { margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; } .paperbg_left { width: 320px; margin-left: 40px; padding-top: 10px; } .paperbg_left p { margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .paperbg_left h3 { font-size: 12px; margin: 0px; line-height: 16px; color: #666; } .paperbg_fulltext { width: 540px; margin-left: 40px; padding-top: 5px; padding-left: 5px; } .paperbg_fulltext p { margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding-top: 5px; color: #333; } .paperbg_fulltext h3 { font-size: 15px; margin: 0px; line-height: 22px; color: #11740E; font-weight: bold; padding-top: 5px; } .graytext { color: #666; } .lightgraytext { color: #CCC; } .greentext { color: #006C34; } #amenities { float: right; clear: both; width: 594px; } .amenities_other { float: right; width: 198px; } .amenities_unit { float: right; width: 198px; } .amenities_onsite { width: 198px; } #amenities h3 { font-size: 14px; color: #333; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; padding-bottom: 4px; padding-top: 10px; margin-top: 0px; margin-right: 0px; margin-bottom: 8px; margin-left: 0px; } #amenities h4 { margin: 0px; font-size: 12px; color: #666; } #amenities p { margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 10px; color: #666; } #myaccount_tabs { width: 630px; float: left; } .pagetitle { font-size: 25px; color: #11740E; padding: 0px; margin: 0; margin-left: 0px; font-weight: bold; } .greenbox2 { background-color: #f4ffef; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-color: #58B92A; border-bottom-color: #58B92A; border-left-color: #58B92A; padding: 10px; color: #006C34; clear: left; border-top-width: 1px; border-top-color: #58B92A; display: block; } .greenbox2 p { margin-bottom: 13px; } .greenbox2 h2 { font-size:14px; margin-bottom: 8px; } .yellowbox { background-color: #FFFAE9; padding: 10px; color: #000; display: block; border: 1px solid #CBCABF; } .yellowbox p { margin-bottom: 10px; } .myaccount_titles { font-size: 16px; color: #333; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; font-weight: bold; } .myaccount_minicontainer { padding-top: 10px; padding-bottom: 10px; } .myaccount_minicontainer h4 { font-size: 14px; color: #666; } .formstyle { list-style-type: none; padding: 0px; clear: left; margin-top: 5px; } .formstyle img.searchIcon { vertical-align:middle; margin-left:6px; } .formstyle li { margin-bottom: 10px; border-top-width: 1px; border-top-style: solid; border-top-color: #CCC; padding-top: 10px; overflow: hidden; } .formstyle input { } .formstyle label { display:inline-block; text-align: left; padding-top: 5px; width: 150px; } .formstyle span#limebox_text { color:green; float:right; font-weight:bold; padding-top:5px; width:50%; } #addtimeshare { width: 594px; float: left; } #about { width: 594px; float: left; } #about p { margin-bottom: 15px; line-height: 19px; } #about h2 { margin-bottom: 15px; } #about h3 { font-size: 15px; color: #666; margin-bottom: 18px; font-weight: bold; line-height: 20px; } .paperbg_notice { background-image: url(../images/tsj/resortlocation_bg.jpg); float: right; height: 97px; width: 594px; margin-bottom: 20px; } .graybox_rounded { -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; border:1px solid #E8E8E8; clear:both; min-height:280px; padding:24px 20px 18px; background-attachment: scroll; background-color: #FDFDFD; background-image: none; background-repeat: repeat; background-position: 0 0; } .graybox_rounded p { margin-bottom: 15px; } .graybox_rounded label { color: #666; } .graybox_rounded .inputbg { border: #666 1px solid; } .optionsBox { background-color: #F4FFEF; border: 1px solid #59B82B; font-weight: bold; color: #006C34; padding-top: 4px; padding-right: 7px; padding-bottom: 4px; padding-left: 7px; float: right; } .optionsBox a { cursor:pointer; } .optionsBox_selected { background-color: #258116; font-weight: bold; color: #fff; padding-top: 4px; padding-right: 7px; padding-bottom: 4px; padding-left: 7px; float: right; border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: #258116; border-right-color: #258116; border-left-color: #258116; } .optionsBox_selected a { cursor: pointer; color: #fff; } .optionsBox_popup { position: absolute; margin-top: 4px; margin-left: -8px; width: 150px; text-align: left; background-color: #258116; border: 1px solid #258116; color: #fff; padding-top: 5px; } .optionsBox_popup li { border: none !important; padding-left: 8px; padding-right: 8px; font-weight: none !important; font-size: 12px; } .optionsBox_popup li a { display: block; border-bottom-width: 1px !important; border-bottom-style: solid !important; border-bottom-color: #74c938 !important; color: #E4FFDB; padding-bottom: 3px; } .optionsBox_popup li a:hover { text-decoration: underline; } .suggestionsBox { position: absolute; width: 250px; text-align: left; background-color: #258116; -moz-border-radius: 7px; -webkit-border-radius: 7px; border: 1px solid #74c938; color: #fff; filter: alpha(opacity=90); /* here you can set the opacity of box with text */ -moz-opacity: 0.9; /* here you can set the opacity of box with text */ -khtml-opacity: 0.9; /* here you can set the opacity of box with text */ opacity: 0.9; /* here you can set the opacity of box with text */ } .suggestionList { margin: 0px; padding: 0px; } .suggestionList li { padding-left:20px; padding-right: 7px; padding-bottom: 5px; padding-top: 5px; border-bottom:#FFFFFF 1px dotted; margin: 0; text-align: left; display:block; cursor: pointer; background:url(../images/tsj/white_arrow.gif) no-repeat 8px 9px; } .suggestionList li:hover { background:#e6bd8c url(../images/tsj/black_arrow.gif) no-repeat 8px 9px; color:#000000; } ul.suggestionList1 { margin: 0px; padding: 0px; } ul.suggestionList1 li { padding-left:32px; padding-right: 7px; padding-bottom: 5px; padding-top: 5px; border-bottom:none; border-bottom:#FFFFFF 1px dotted; margin: 0; display:block; cursor: pointer; background:url(../images/tsj/white_arrow.gif) no-repeat 20px 9px; } ul.suggestionList1 li:hover { background:#e6bd8c url(../images/tsj/black_arrow.gif) no-repeat 20px 9px; color:#000000; } .suggestionsBoxhome { position: absolute; width: 250px; text-align: left; background-color: #258116; -moz-border-radius: 7px; -webkit-border-radius: 7px; border: 1px solid #74c938; color: #fff; filter: alpha(opacity=90); /* here you can set the opacity of box with text */ -moz-opacity: 0.9; /* here you can set the opacity of box with text */ -khtml-opacity: 0.9; /* here you can set the opacity of box with text */ opacity: 0.9; /* here you can set the opacity of box with text */ } .suggestionListhome { margin: 0px; padding: 0px; } .suggestionListhome li { padding-left:20px; padding-right: 7px; padding-bottom: 5px; padding-top: 5px; border-bottom:#FFFFFF 1px dotted; margin: 0; text-align: left; display:block; cursor: pointer; background:url(../images/tsj/white_arrow.gif) no-repeat 8px 9px; } .suggestionListhome li:hover { background:#e6bd8c url(../images/tsj/black_arrow.gif) no-repeat 8px 9px; color:#000000; } /*-------------------------------------exchange suggestion box------------------------*/ .suggestionsBoxhome_exchange { position: absolute; width: 250px; text-align: left; background-color: #258116; -moz-border-radius: 7px; -webkit-border-radius: 7px; border: 1px solid #74c938; color: #fff; filter: alpha(opacity=90); /* here you can set the opacity of box with text */ -moz-opacity: 0.9; /* here you can set the opacity of box with text */ -khtml-opacity: 0.9; /* here you can set the opacity of box with text */ opacity: 0.9; /* here you can set the opacity of box with text */ } .suggestionListhome_exchange { margin: 0px; padding: 0px; } .suggestionListhome_exchange li { padding-left:20px; padding-right: 7px; padding-bottom: 5px; padding-top: 5px; border-bottom:#FFFFFF 1px dotted; margin: 0; text-align: left; display:block; cursor: pointer; background:url(../images/tsj/white_arrow.gif) no-repeat 8px 9px; } .suggestionListhome_exchange li:hover { background:#e6bd8c url(../images/tsj/black_arrow.gif) no-repeat 8px 9px; color:#000000; } .suggestionsBoxhome_rent { position: absolute; width: 250px; text-align: left; background-color: #258116; -moz-border-radius: 7px; -webkit-border-radius: 7px; border: 1px solid #74c938; color: #fff; filter: alpha(opacity=90); /* here you can set the opacity of box with text */ -moz-opacity: 0.9; /* here you can set the opacity of box with text */ -khtml-opacity: 0.9; /* here you can set the opacity of box with text */ opacity: 0.9; /* here you can set the opacity of box with text */ } .suggestionListhome_rent { margin: 0px; padding: 0px; } .suggestionListhome_rent li { padding-left:20px; padding-right: 7px; padding-bottom: 5px; padding-top: 5px; border-bottom:#FFFFFF 1px dotted; margin: 0; text-align: left; display:block; cursor: pointer; background:url(../images/tsj/white_arrow.gif) no-repeat 8px 9px; } .suggestionListhome_rent li:hover { background:#e6bd8c url(../images/tsj/black_arrow.gif) no-repeat 8px 9px; color:#000000; } #resortinfo_mini { float: right; width: 310px; } #resortinfo_mini p { margin-bottom: 14px; line-height: 19px; } #resortinfo_mini ul { list-style: outside; list-style-type: disc; padding-left: 15px; padding-top: 10px; } #resortinfo_mini ul li { margin-bottom: 12px; color: #666; } .regular_list { list-style: outside; list-style-type: disc; padding-left: 15px; padding-top: 10px; } .regular_list li { margin-bottom: 12px; color: #666; } #resortinfo_mini h2 { margin: 0px 0px 7px 0px; font-size: 15px; color: #333; font-weight: bold; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .resortinfo_mini_pic { text-align: center; } .graybox_rounded h2 { color: #333; font-size: 18px; padding: 0px; margin: 0px; display: block; clear: both; } .timeshare_list { margin-bottom: 10px; padding: 0px; list-style-type: none; clear: both; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; } .timeshare_list li { border-top-width: 1px; border-top-style: solid; border-top-color: #CCC; padding-bottom: 5px; overflow:hidden; } .timeshare_list li h2 { font-size: 15px; margin-bottom: 2px; } .timeshare_list li p { margin-top: 5px; } .timeshare_listing_nopic { padding: 10px; } .timeshare_list span a { color: #42881f; } .timeshare_list span a:hover { color: #333; } .greenbox3 { background-color: #F4FFEF; border: 1px solid #59B82B; font-weight: bold; color: #006C34; padding-top: 4px; padding-right: 7px; padding-bottom: 4px; padding-left: 7px; } #resortname_verified { float: right; width: 401px; padding-top: 5px; } .resortname_verified_text { font-size: 12px; color: #006C34; } .resortname_error_text { font-size: 12px; color: #6C0800; }#myaccount_sidebar { float: right; width: 273px; } #myjuice { background-image: url(../images/tsj/myjuice_bg.gif); height: 78px; margin-bottom: 15px; } .myjuice_text { margin-left: 90px; padding-top: 20px; } .myjuice_text h3 { margin: 0px; padding: 0px; font-size: 13px; color: #999; font-weight: normal; } .myjuice_text p { margin: 0 0 2px 0; font-size: 18px; font-weight: bold; color: #11740E; padding-top: 2px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .userbuddylist { margin: 3px 10px; padding: 0px; list-style-type: none; } .userbuddylist li { padding-top: 7px; padding-bottom: 7px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E2E2E2; } .userbuddylist_text { float: right; width: 180px; padding-top: 9px; } .userbuddylist_text h2 { margin: 0; padding: 0; font-size: 16px; font-weight: bold; } .userbuddylist_text p { margin: 0; } /*HACKS*/ .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} /* Hide from IE Mac \*/ .clearfix {display:block;} /* End hide from IE Mac */ .errorbox { padding: 7px; border: 1px solid #900; background-color: #FFB9B0; margin-bottom: 10px; } .errorbox a { color: #970609; } .errorbox ul { list-style-position: inside; list-style-type: disc; } .errorbox ul li { margin-left: 15px; padding-left: 0px; padding-top: 5px; } #resort_reviews_stats { float: right; width: 275px; } #resort_reviews { width: 622px; overflow: hidden; } .limebox { background-color: #F0FFCF; padding: 5px; border: 1px solid #89C348; margin-left: 150px; width: 100px; height: 16px; } #resort_reviews h2 { font-size: 16px; margin-bottom: 5px; } .resort_reviews_list { border-top-width: 1px; border-top-style: solid; border-top-color: #E8E8E8; clear: both; margin-top: 5px; padding-top: 10px; } .resort_reviews_postreview { text-align: center; background-color: #EFFFDE; padding: 7px; border: 1px solid #71C737; } .resort_reviews_list li { padding-bottom: 10px; margin-bottom: 10px; overflow: hidden; } .resort_reviews_list_text { float: right; width: 550px; } .photobox { border: 1px solid #999; } .imageborder { padding: 1px; border: 1px solid #999; } .imagebordertop { padding: 1px; border: 1px solid #999; } .resort_reviews_list_avatar { width: 125px; margin-right: 15px; float:left; } .resort_reviews_list_avatar span { display: block; } .resort_reviews_list_avatar_juice { float: right; width: 70px; color: #666; } .resort_reviews_message { padding-top: 10px; font-size: 12px; color: #333; margin-bottom:10px; } #rating_breakdown { margin-top: 15px; } #rating_breakdown h2 { font-size: 14px; margin-bottom: 4px; } .module_inside { padding: 10px; } .module_inside p { margin-bottom: 8px; line-height: 17px; } .module_inside form { margin-bottom: 7px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; padding-bottom: 7px; } #locationTags span { display: block; } .greenbox_rounded { -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; border:1px solid #73C837; clear:both; padding:13px; background-attachment: scroll; background-color: #f4ffef; background-image: none; background-repeat: repeat; background-position: 0 0; } .greenbox_rounded h2 { font-size: 14px !important; color: #148610 !important; display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #D8E1D3; padding: 0px 0px 5px 0px !important; margin-bottom: 5px !important; margin-top: 0px !important; } #timeshareListing_pic { float: left; width: 310px; } #timeshareListing_details { float: right; width: 580px; } #timeshareListing_ownerbox { -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; border:1px solid #73C837; clear:both; padding:10px; background-attachment: scroll; background-color: #f4ffef; background-image: none; background-repeat: repeat; background-position: 0 0; overflow: hidden; margin-bottom: 18px; } .timeshareListing_ownerbox_text { float: right; width: 840px; padding-top: 4px; } .timeshareListing_ownerbox_text h1 { font-size: 17px; font-weight: bold; margin-bottom: 5px; } .timeshareListing_ownerbox_text span { color: #006C34; } #timeshareListing_details ul { color: #3BA41C; margin-bottom: 15px; } #timeshareListing_details ul li { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; margin-bottom: 9px; padding-bottom: 9px; overflow: hidden; } .timeshareListing_details_label { color: #000; font-weight: bold; width: 177px; display: inline-block; } .timeshareListing_details_highlight { color: #666; } #timeshareListing_details ul li p { float:right; width:438px; } .featuredResorts { width: 100%; } .featuredResorts li { height: 280px; width: 215px; margin-left: 2px; margin-top: 2px; float: left; background-position: top center; } .featuredResorts li:first-child { margin-left: 0; } #myaccount_offers_outgoing { margin-top: 13px; } .popup_confirm_exclamation { background-image: url(../images/tsj/icons/warning_48.png); background-repeat: no-repeat; background-position: left top; height: 48px; padding-bottom: 3px; margin-bottom: 8px; } .popup_confirm_exclamation span { display: block; font-size: 17px; font-weight: bold; padding-top: 12px; padding-left: 52px; } .popup_confirm_help { background-image: url(../images/tsj/icons/help_big.png); background-repeat: no-repeat; background-position: left top; height: 48px; padding-bottom: 3px; margin-bottom: 8px; } .popup_confirm_help span { display: block; font-size: 17px; font-weight: bold; padding-top: 12px; padding-left: 52px; } #popup_confirm p { margin-bottom: 10px; } #popup_confirm_text { background-color: #F3F3F3; border: 1px solid #CCC; padding: 6px; margin-top: 5px; } .popup_confirm_exchangepics3 { float: right; width: 125px; } .popup_confirm_exchangepics2 { float: right; width: 33px; padding-top: 39px; } .popup_confirm_exchangepics { width: 125px; float: left; } .popup_confirm_exchangepics span { padding-top: 5px; display: block; } .popup_confirm_exchangepics3 span { padding-top: 5px; display: block; } .popup_confirm_exchangepics .graytext a { color: #999; } .popup_confirm_exchangepics3 .graytext a { color: #999; } .popup_confirm_exchange { overflow: hidden; width: 300px; margin-left: 20%; } .popup_confirm_options { text-align: center; margin-top: 17px; } .offer_overlay_accepted { position: absolute; margin-left: 215px; margin-top: 20px; z-index: 1; } .popup_offer_list { border-top-width: 1px; border-top-style: solid; border-top-color: #CCC; }.popup_offer_list li { padding-top: 8px; padding-bottom: 8px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; } .alphabet li { float: left; width: 23px; font-weight: bold; } .alphabet li a { color: #999; } .alphabet li a:hover { color: #000; } #alphabet_selected a{ color: #000; } #timeshares_leftbit { float: left; width: 630px; } #timeshares_rightbit { float: right; width: 273px; } #timeshares_rightbit h2 { font-size: 14px; color:#666; } .timeshares_resorts_alphabetbox { padding: 7px; background-color: #F0F0F0; border: 1px solid #CCC; overflow: hidden; margin-bottom: 10px; } #messages_folderlist { margin-top: 20px; border-top-width: 1px; border-top-style: solid; border-top-color: #CCC; } #messages_folderlist li { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; padding: 7px; color: #999; } #messages_folderlist li a { color: #666; } #messages_folderlist li a:hover { color: #000; } #messates_folderlist_selected { background-color: #F0F0F0; font-weight: bold; } #timeshares_searchbox { background-color: #f4ffef; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-color: #58B92A; border-bottom-color: #58B92A; border-left-color: #58B92A; padding: 10px; color: #006C34; border-top-width: 1px; border-top-color: #58B92A; margin-bottom: 15px; display: block; overflow: hidden; } #timeshares_searchbox h3 { font-size: 14px; margin-bottom: 7px; } #profile_left { float: left; width: 202px; } #profile_left ul { margin-top: 8px; border-top-width: 1px; border-top-style: solid; border-top-color: #CCC; } #profile_left ul li { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; padding-top: 8px; padding-bottom: 8px; } #profile_left ul li ul { border-top: none; list-style:disc; padding-left: 15px; } #profile_left ul li ul li { border: none; padding-top: 0px; color:#666666; } #profile_left ul li h2 { font-size: 13px; margin-bottom: 3px; } #profile_left ul li p { color: #666; } #profile_right { float: right; width: 700px; } #profile_usernameinfo { -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; border:1px solid #73C837; clear:both; padding:15px; background-attachment: scroll; background-color: #f4ffef; background-image: none; background-repeat: repeat; background-position: 0 0; overflow: hidden; } #profile_usernameinfo h1 { font-size: 16px; margin-bottom: 5px; }#profile_usernameinfo p { color: #666; } #profile_usertimeshares { margin-top: 15px; } #profile_feedback { margin-top: 20px; } #profile_reviews { margin-top: 20px; } .profile_h2 { color: black; font-size: 14px; margin-bottom: 7px; } .message_read { font-weight: normal !important; } .resort_seasoninfo { margin: 6px 10px; } .resort_seasoninfo li { border-bottom: 1px solid #CCCCCC; margin-bottom: 5px; padding-bottom: 5px; } .search_filters { margin-top: 5px; border-top: 1px solid #CCCCCC; } .search_filters li { border-bottom: 1px solid #CCCCCC; padding: 7px; } #search_filters_selected { font-weight: bold; background-color: #F4FFEF; } div#resort_availability ul.timeshares_list li span.title.Exchange{ width:400px!important; } .resort_amenities { margin-top: 5px; } .resort_amenities li { padding-bottom: 12px; padding-right: 11px; font-size: 12px; color:#666; } .member_list li { float: left; width: 283px; height: 65px; display: block; border: 1px solid #999; padding: 7px; margin-right: 8px; margin-bottom: 8px; background-color: #F3F3F3; } .member_list_memberinfo { width: 210px; float: right; padding-top: 6px; } .member_list_memberinfo h1 { font-size: 15px; font-weight: bold; } .member_list_memberinfo h2 { font-size: 13px; color: #666; } .member_list_memberinfo h3 { font-size: 12px; color: #666; font-weight: none; } .block { display: block; } .offerslist { border-top-width: 1px; border-top-style: solid; border-top-color: #CCC; margin-bottom: 32px; } .offerslist li { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; padding: 10px; } #myaccount_sidebar h2 { font-size: 16px; font-weight: bold; margin-top: 10px; } .resortinfo_container { } .resortinfo_container h2 { font-size: 15px; font-weight: bold; padding-top: 2px; } .resortinfo_pic { display: block; background-position:center; height: 280px; }.review_header { overflow: hidden; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #73C837; background-color: #F4FFEF; padding: 8px; border-top-width: 1px; border-top-style: solid; border-top-color: #73C837; } .review_header_gray { overflow: hidden; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; background-color: #F6F6F6; padding: 8px; border-top-width: 1px; border-top-style: solid; border-top-color: #CCCCCC; } .review_header p { margin-bottom: 3px; } .text_right { text-align: right; } #nav_sub ul { padding-left: 8px; } #nav_sub ul li { float: left; border-right-width: 1px; border-right-style: solid; border-right-color: #73C837; padding-right: 15px; margin-right: 15px; } #resortinfo_header h1 { font-size: 19px; font-weight: bold; margin-bottom: 8px; color: #000; } #resortinfo_header { margin-bottom: 15px; margin-top: 10px; } #resortinfo_header .float_left { margin-right:10px; } /* 15 june -----------------------------------------------*/ a, a:visited {outline:none; text-decoration:underline; color:#00B050;} a:hover {text-decoration:none; color:#00B050;} input {vertical-align:middle;} form {margin:0;} select {vertical-align:middle;} img{ border:0;} p{ margin:0; padding:0;} .fl {float:left !important;} .fr {float:right !important;} .clear {clear:both !important;} .vAlign {vertical-align:middle !important;} .gap {height:15px;} #headerContainer{ width:996px; margin:auto; height:93px;} .logoMain{ height:60px;} .logoLft{ float:left; padding:8px 0 0 15px;} .logoRt{ width:776px; float:right;} .tpLoginLnk{ font-size:12px; font-weight:bold; padding:4px 0 0 0; text-align:right; height:22px;} .tpLoginLnk a, .tpLoginLnk a:visited{ color:#7d7d7d; text-decoration:none; margin:0 2px 0 2px;} .tpLoginLnk a:hover{ color:#48af00; text-decoration:none;} .menuMain{ padding:1px 0 0 0;} .menuLft{ width:255px; float:left;} ul.menuLink{ margin:0; padding:0; list-style:none;} ul.menuLink li{ font-size:13px; color:#FFFFFF; font-weight:bold; float:left; margin:0 4px 0 0;} ul.menuLink li a, ul.menuLink li a:visited{ color:#FFFFFF; text-decoration:none; background:url(../images/tsj/menu_bg.png) no-repeat left top; padding:0 0 0 6px; display:block;} ul.menuLink li a span, ul.menuLink li a:visited span { background:url(../images/tsj/menu_bg_right.png) no-repeat right top; padding:10px 12px 10px 6px; display:block;} ul.menuLink li a:hover{ color:#FFFFFF; text-decoration:none; background:url(../images/tsj/menu_hbg.png) no-repeat left top;} ul.menuLink li a:hover span{ background:url(../images/tsj/menu_hbg_right.png) no-repeat right top; } ul.menuLink li a.sel:link, ul.menuLink li a.sel:visited{ color:#FFFFFF; text-decoration:none; background:url(../images/tsj/menu_hbg.png) no-repeat left top;} ul.menuLink li a.sel span, ul.menuLink li a.sel:visited span{ background:url(../images/tsj/menu_hbg_right.png) no-repeat right top; } .menuRt{ width:480px; float:right; padding:5px 0 0 0; position: relative; z-index:100;} .srhInpFld{ width:176px; border:0; padding:2px 5px 2px 5px; font-size:12px; color:#bebebe; font-weight:bold;} .srhFldBg{ width:205px; float:left; margin:0 5px 0 0; background:url(../images/tsj/srh_fldbg.gif) no-repeat left top; padding:1px; height:21px;} .toFldbg{ width:90px; float:right; margin:0 5px 0 0; /* background:url(../images/tsj/to_fldbg.gif) no-repeat left top; *//* padding:1px; */height:21px;margin-top:-3px;} .toInpFld{ width:75px; border:0; padding:3px 0 3px 1px; font-size:11px; color:#bebebe; font-weight:bold; float:left;} .calendarIcon{ float:left; /* padding:3px 0 0 0; */ margin-top:4px;} .searchBtn{ float:left; } .subMenuLft{ width:785px; float:left; padding:0;} .subMenuLnk{ font-size:12px; color:#FFFFFF; font-weight:bold; height:23px; padding:7px 0 0 0;} .subMenuLnk a, .subMenuLnk a:visited{ color:#FFFFFF; text-decoration:none!important; margin:0 10px 0 10px;} .subMenuLnk a:hover{ color:#ffcc00; text-decoration:none;} .joinUsRt{ float:right; font-size:13px; color:#FFFFFF; font-weight:bold; padding:3px 10px 0 0;} #mdlContainer{ width:938px; margin:auto; padding:4px 0 0px 0;} .mdlLft{ width:709px; float:left;} .exchangeBox{ width:339px; float:left; margin:0 8px 0 0; background:url(../images/tsj/exchange_boxbg.gif) no-repeat left top; height:71px; padding:10px; overflow:hidden;} .exchangeBox .lftPart{ width:42px; float:left; } .exchangeBox .rgtPart{ width:289px; float:right; } .excheHd{ font-size:18px; font-weight:bold; color:#999999; line-height:16px; padding:0 0 3px 0;} .excheHd .vAlign{ margin-right:5px; width:34px; } .excheSubTxt{ font-size:13px; color:#999999; font-weight:bold; line-height:21px;} .excheSubTxt a, .excheSubTxt a:visited{ font-size:12px; color:#DF8620; font-weight:bold; text-decoration:underline;} .excheSubTxt a:hover{text-decoration:none; color:#DF8620;} .exchangeBoxMain{ padding:0 0 8px 0;} .timeShareMain{ padding:0 0 10px 0;} .listTimeshare{ float:left; margin:0 10px 0 0;} .listTimeTxt{ font-size:14px; color:#a6a6a6; font-weight:bold; float:left; padding:10px 1px 0 0;} .srhRoundBox{ position:relative; background:url(../images/tsj/search_roundbox.gif) no-repeat left top; height:81px; padding:10px; margin:0 0 6px 0;} .srhRoundBox.Indx{ padding:10px; height:81px; width:708px; position:relative; } .shrboxHd{ font-size:16px; color:#555555; font-weight:bold; padding:0 0 5px 0;} .findInpBg{ width:291px; float:left; margin:0 13px 0 0; background:url(../images/tsj/find_fldbg.gif) no-repeat left top; height:37px; padding:2px;} .findInpFld{ font-size:13px; font-weight:bold; color:#bebebe; border:0; width:285px; padding:9px 0 9px 3px;} .findToBg{width:86px; float:left; margin:0 8px 0 0; background:url(../images/tsj/from_fldbg.gif) no-repeat left top; height:37px; padding:2px;} .findToFld{ font-size:12px; font-weight:bold; color:#bebebe; border:0; width:69px; float:left; padding:13px 0 9px 1px;} .findCalendar{ float:left; padding:13px 0 0 0;} .listImgLft{ width:240px; height:280px; position:relative; float:left; margin:0 1px 1px 0;} .imgListBg{ width:220px; background:url(../images/tsj/img_listbg.png) repeat-x left top; height:47px; padding:10px; position:absolute; left:0; bottom:0;} .imgListName{ font-size:12px; color:#FFFFFF; font-weight:bold;} .imgListName a, .imgListName a:visited{ color:#FFFFFF; text-decoration:none;} .imgListName a:hover{ color:#6cc634; text-decoration:none;} .imgListAddress{ font-size:12px; color:#FFFFFF; padding:0 0 2px 0;} .reviewComnt{ font-size:12px; color:#54b028;} .mdlRt{ width:206px; float:right;margin-right:7px;margin-top:40px;} /* .navHead{ font-size:16px; color:#7e7e7e; font-weight:bold; border-bottom:1px #9d9d9d solid; padding:0 0 3px 0; margin: 0 0 10px 0;} */ .sidebar .navHead{ display: block; border-bottom: 2px solid #5CA019; padding-bottom: 6px; font-weight:bold; font-size:14px; /* font: bold 14px Arial, Helvetica, sans-serif; */ height:18px; } .sidebar .navHead a:hover{ text-decoration:none; } .navHead.Indx{ margin-top:0px; } .navImgBg{ width:41px; height:41px; float:left; background:url(../images/tsj/nav_imgbg.gif) no-repeat left top;padding:5px; margin:0 6px 0 0;} .navImgBg img{ width:41px; height:41px;} .navImgList{ width:135px; float:left;} .navUserName{ font-size:12px; color:#48af00; font-weight:bold; } .navUserName a, .navUserName a:visited{ color:#48af00; text-decoration:none;} .navUserName a:hover{ color:#fca703; text-decoration:none;} .userAdd{ font-size:12px; color:#737373; font-weight:bold;} .userCode{ width:42px; float:right; font-size:12px; color:#c68600; } .navListSec{ border-bottom:1px #e5ecd7 solid; padding:0 0 10px 0; margin:0 0 10px 0;} .navCatSec{ padding:0 0 20px 0;} .navBlogRt{ width:167px; float:left;} #footerBg{ background:url(../images/tsj/footer_bg.gif) repeat-x left top; height:160px;} .footerMain{ width:966px; margin:auto; text-align:center;} .footerLogo{ text-align:center; padding:5px 0 5px 0;} .footerLink{ font-size:12px; font-weight:bold; color:#82ca3e; text-align:center; padding:10px 0 3px 0;} .footerLink a, .footerLink a:visited{ color:#82ca3e; text-decoration:none; margin:0 5px 0 5px;} .footerLink a:hover{ color:#fff; text-decoration:underline;} .copyRight{ font-size:12px; color:#FFFFFF; text-align:center;} .copyRight a, .copyRight a:visited{ color:#FFFFFF; text-decoration:none;} .copyRight a:hover{ color:#FFFFFF; text-decoration:underline;} .imgListName{ font-size:12px; color:#FFFFFF; font-weight:bold;} .navHead.Time{ font-size:20px; color:#7e7e7e; font-weight:bold; border-bottom:1px #9d9d9d solid; padding:0 0 3px 0; margin: 0 0 4px 0;} .navHead.Time span{ font-size:12px; } .navHeadTime{ font-size:22px; color:#7e7e7e; font-weight:bold; padding:0 0 3px 0; margin: 0 0 4px 0;} .navHeadTime span{ font-size:12px; } /* workBox */ .workBox{ padding:15px 0; margin:0; display:block; font-size:12px; color:#7e7e7e; line-height:18px; } .workBox h3{ padding:0 0 6px 0; margin:0; font-size:14px; color:#48af00; font-weight:bold; } .workBox span{ font-size:12px; color:#000; font-weight:bold; } .workBox p{ padding-bottom:8px; font-size:12px; color:#7e7e7e; line-height:18px; } .workBox a{ text-decoration:underline; } .workBox a:hover{ text-decoration:none; } /* vedioBox */ .videoBox{ margin:12px 0 0 0; overflow:hidden; display:block; min-height: 200px; } /* 4 Augest 2011 */ /* 06 august 2011 */ .centerCntr { padding:0; margin:0; width:918px; /* color:#656565; */ color:black;font-size:12px; margin-left:10px;} .centerCntr .leftPart { padding:0; margin:0; width:520px; float:left; } .centerCntr .leftPart h2 { padding:0 0 16px 0; margin:0; font-size:19px; color:#000; } .centerCntr .leftPart h2 span { display:block; font-size:14px; } .centerCntr .rightPart { padding:0; margin:0; width:378px; float:right;margin-right:20px; } .backLink { padding:0; margin: 10px 0 15px 0; font-family:arial; } .backLink a { color:#00B050; text-decoration:underline; font-size:12px; } .backLink a:hover { text-decoration:none; } .reviewImage { width:auto; } .reviewImage a { margin:1px 1px; display:inline-block; } .reviewImage a img { border:none; } .availability_spacer{ height:65px; float:left; display:inline; width:190px; margin-right:180px; } .centerCntr .rightPart .linkItems { padding:0px; width:404px; float:left; height:53px;} .centerCntr .rightPart .linkItems ul { padding:0; margin:0; list-style:none; overflow:hidden; float:right;display:inline; margin-bottom:33px;} .centerCntr .rightPart .linkItems li { padding-right:8px; float:left; font-size:13px; font-weight:normal; color:#000; } .centerCntr .rightPart .linkItems li a { text-decoration:none; color:#00b050; font-size:12px; } .centerCntr .rightPart .linkItems li a:hover { text-decoration:none; color:#777782;} .centerCntr .rightPart a img { border:none; } .centerCntr .rightPart a.socl { margin-left:3px; } .centerCntr .rightPart h3 { padding:0; margin:0; color:#00b050; font-size:13px; } .centerCntr .rightPart .resortDis { padding:0 10px 0 10px; margin:0; font-size:12px; /* color:#656565; */ color:black; } .centerCntr .rightPart .resortDis span.Link { display:block; font-size:12px; color:#000; } .centerCntr .rightPart .resortDis span.Link a { font-size:13px; text-decoration:underline; color:#00B050; } .centerCntr .rightPart .resortDis span.Link a:hover { text-decoration:none;} .centerCntr .rightPart .resortDis p { margin:8px 0 15px 0; line-height:15px; } .centerCntr .rightPart .resortDis .address { padding:0; margin:0; } .centerCntr .rightPart .resortDis .address { width:auto; } .centerCntr .rightPart .resortDis .address strong { padding-right:39px; } .centerCntr .rightPart .resortDis .address span.color, .centerCntr .rightPart .resortDis .address a.gry { color:#00B050; } .centerCntr .rightPart .resortDis .address a.gry:hover { text-decoration:none; } .centerCntr .rightPart .resortDis .address a.green { display:inline-block; margin-left:0; text-decoration:underline; font-size:12px; color:#00b050; font-weight:normal; } .centerCntr .rightPart .resortDis .address a.green:hover { text-decoration:none; } .tablePart { margin:0; padding:0; width:996px; overflow:hidden; } .tablePart table.main { /*border:1px solid #000;*/ width:916px; } .tablePart td.hed{ /*border-bottom:1px solid #000;*/ height:17px; } .tablePart td.borBottom { padding:10px; width:477px; /*border-bottom:1px solid #000;*/ } .tablePart td.borLfbotom { padding:10px; padding-top:20px!important; width:475px; /*border-right:1px solid #000; border-bottom:1px solid #000;*/ padding-left:32px;} .tablePart td a img { border:none; vertical-align:middle; } .tablePart h3 { padding:0; margin:0 0 5px 0; color:#00b050; font-size:14px; } .tablePart h3.hedng { margin-bottom:6px; border-bottom:2px solid #cccccc; } .tablePart a.green { margin-left:10px; text-decoration:underline; color:#00B050; font-size:12px; } .tablePart a.green:hover { text-decoration:none; } .tablePart a.blue { margin-right:8px; text-decoration:underline; color:#00B050; font-size:12px; } .tablePart a.blue:hover { text-decoration:none; } .tablePart p { padding:8px 0 0 0; margin:0; font-size:12px; line-height:16px; } .tablePart p.fst { padding:0; margin:0; } .tablePart td table td { padding-left:5px; height:23px; border-bottom:1px solid #999; font-size:12px!important; } .tablePart td table tr.gryBor { background:#e8e8e8; } .tablePart ul { padding:0 25px 0 0; margin:0; list-style:none; overflow:hidden; float:left; width:140px; } .tablePart li { line-height:17px; font-size:12px!important; } .tablePart li span { padding-bottom:5px; display:block; font-weight:bold; font-size:12px; font-style:italic } .tablePart li a { color:#ccc; font-size:12px; } .tablePart td.space { padding:10px; /*border-bottom:1px solid #000;*/ } .tablePart td.spaceLast { padding:10px; border-bottom:none; } /*Date 2 September*/ .timeButton { padding:24px 15px 0 15px; width:240px; float:left; } .srchomeTxt{ padding:8px; font-size:13px; float:left; width:201px; height:64px; color:#999; font-weight:bold; border:1px solid #CAE7AB; } .borderTablecolor { border:1px solid #E8E8E8;} .tablePart { padding-bottom:20px; } .homeExbottom { padding:5px 8px; margin-bottom:8px; width:712px; height:84px; overflow:hidden; background:url(../images/tsj/homepage/gry_round_box.jpg) left no-repeat; } .homeExbottom .lfttxtBox { padding:10px 14px; width:214px; height:50px; font-family:arial; float:left; font-size:12px; color:#666; line-height:18px; background:url(../images/tsj/homepage/wt_textbox.jpg) no-repeat; } .homeExbottom .listButton { padding:5px 30px 0 30px; width:168px; float:left; } a.greentextlink { display:inline-block; margin-left:0; text-decoration:underline; font-size:12px; color:#00b050; font-weight:bold; } a.greentextlink:hover { text-decoration:none; } #content_bot { background-image: url(../images/tsj/content_bot.jpg); float: left; height: 7px; width: 957px; clear: both; margin-bottom: 15px; } #hsjssp{ display:none!important; height:0px!important; } #home_slideshow{ position:relative; width:500px; height:346px; overflow:hidden;} #home_slideshow #home_slideshow_violator{z-index:1000; background-color:#000; width:100%; height:31px; float:right; position:relative; top:-41px; left:-12px;filter: alpha(opacity=80); /* here you can set the opacity of box with text */ -moz-opacity: 0.8; /* here you can set the opacity of box with text */ -khtml-opacity: 0.8; /* here you can set the opacity of box with text */ opacity: 0.8; /* here you can set the opacity of box with text */} #home_slideshow #home_slideshow_violator #project_caption{display:none; padding:7px 0px 0px 20px; color:#fff; float:left; font-weight: bold;} #home_slideshow #home_slideshow_violator #project_caption a{margin-left:8px; font-weight: bold;} #home_slideshow #home_slideshow_violator #project_caption a:hover{text-decoration:none; background-image:url(/assets/gfx/pinkdot_standard.gif); background-repeat:repeat-x; background-position:bottom;} #home_slideshow #home_slideshow_violator #slide_navigation{position:absolute;right:10px;top:10px;} #home_slideshow #home_slideshow_violator #slide_navigation a{ text-indent:-9999px; overflow:hidden; display:block; background-color:#007c43; width:14px; height:11px; float:left; margin-left:5px; cursor:pointer; overflow:hidden;} #home_slideshow #home_slideshow_violator #slide_navigation a:hover{ background-color:#98ca59;} #home_slideshow #home_slideshow_violator #slide_navigation a.activeSlide{ background-color:#98ca59;} #home_slideshow #home_slideshow_violator #slide_navigation a{outline:none;} #home_slideshow li span.slide_caption{display:none;} #home_slides{background-color:#333333; overflow:hidden; height:476px;} #project_slideshow{margin-top:-10px; } #project_slideshow #project_chapters{float:left; width:240px;} #project_slideshow #project_slides{float:right; width:705px;} #project_slideshow object{display:block;} #index_gallery #home_slideshow{ width:700px; height:476px; float:left; display:inline; } .leftPart h2{ width:500px; } .resortDis{ font-size:12px; } .above_mdlRT{ height:158px; margin-left:-65px; margin-top:40px; margin-bottom:25px; } #home_slideshow_violator a{ text-decoration:none!important; }