body{color:#000; font-family:Arial,Helvetica,sans-serif; font-size:100%; line-height:1.125em; text-align:center; voice-family:inherit; background: url(/images/RRM_bg.gif) repeat-x left top; background-color: #f49335; background-attachment:scroll; margin:0; padding:0}/*bg_body.gif*/ a:link, a:visited{ color:#9A6819; text-decoration:none } a:hover{ color:#D45F00 } h1{font-size:1.125em; line-height:1.636em} h2{font-size:1.125em} h3{font-size:0.875em} #container, #header{text-align:left; width:838px; margin:0 auto; padding:0 0 0 8px} #container {padding-bottom: 0px;margin-top:0} #header{background:url() no-repeat left top; height:147px } /*/images/bg_sb1_shadow.gif*/ #header #logo{background:url() white no-repeat left top; float:left; height:154px; width:298px; padding:0 0 0 0px; border-right:solid #301a0d 2px; border-left:solid #301a0d 2px;} /*bg_logo.gif*/ #header #logo img{ display:block; margin:0; padding:0 0 0 0; } #header #topnav{float:right; height:150px; position:relative; width:535px;} #header #topnav #toplinks{color:#FF8644; float:right; list-style-type:none; position:relative; text-align:right; width:413px; margin:0; padding:0 0 0 0} #header #topnav #toplinks li{color:#FF8644; display:inline; text-decoration:none} #header #topnav #toplinks a{font-size:0.75em; color:white; text-decoration:none} /*#FF8644*/ #header #topnav #num{font-size:0.75em; line-height:1em; color:white; float:right; text-align:right; width:150px; margin:5px 0 0} #header #topnav #num h4{font-size:1.125em; margin:0; padding:0} #header #topnav #btmlinks{font-size:0.75em; bottom:8px; list-style-type:none; position:absolute; width:490px; height: 35px; margin:0; padding:0; right: 32px;} #header #topnav #btmlinks li{display:inline; margin:0; padding:0; padding-top: 8px; float:left; height: 35px;} #header #topnav #btmlinks li.tabhomeon { background:url(/images/tab0_on.gif) no-repeat left top; width:91px; text-align:center} #header #topnav #btmlinks li.tabhomeoff { background:url(/images/tab0_off.gif) no-repeat left top; width:91px; text-align:center} #header #topnav #btmlinks li.tabcancunoff { background:url(/images/tab1_off.gif)no-repeat left top; width:96px; text-align:center; } #header #topnav #btmlinks li.tabcancunon { background:url(/images/tab1_on.gif) no-repeat left top; width:96px; text-align:center; } #header #topnav #btmlinks li.tabmayaoff { background:url(/images/tab2_off.gif) no-repeat left top; width:110px; text-align:center; } #header #topnav #btmlinks li.tabmayaon { background:url(/images/tab2_on.gif) no-repeat left top; width:110px; text-align:center; } #header #topnav #btmlinks li.tabcozumeloff { background:url(/images/tab3_off.gif) no-repeat left top; width:96px; text-align:center; } #header #topnav #btmlinks li.tabcozumelon { background:url(/images/tab3_on.gif) no-repeat left top; width:96px; text-align:center; } #header #topnav #btmlinks a{ text-decoration:none; margin:0; padding:0 0 0 2px} #header #topnav #btmlinks .cruise a{background:url(/images/topnav3_tl.gif) no-repeat left top} #header #topnav #btmlinks .cruise a span{background:url(/images/topnav3_tr.gif) no-repeat right top} #header #topnav #btmlinks .assist a{background:url(/images/topnav2_tl.gif) no-repeat left top; float:right} #header #topnav #btmlinks .assist a span{background:url(/images/topnav2_tr.gif) no-repeat right top; color:#00adef} /* #header #topnav #btmlinks a:hover, #header #topnav #btmlinks a.active{background-position:0 0} #header #topnav #btmlinks a:hover span, #header #topnav #btmlinks a.active span{background-position:100% 0} */ #content{float:right; width:500px; margin-left:20px; padding:7px 10px 10px 12px; background-color:white} #content a{color:#E78E1B; text-decoration:none} #content p.free{color:#71A3D4; margin:0; padding:0} #content p.free span{color:#91C73E; font-size:85%} #content h2{color:#C30; display:block; font-weight:400; margin:10px 0 8px; padding:0} #content h3{color:#F69401; margin:8px 0 4px; padding:0} #content .rentals{background:url(/images/box_bg.gif) bottom right no-repeat; display:block; width:478px; margin:0 0 16px; padding:0 0 5px} #content .rentals h4, #content .rentals h4 a:link{color:#36C; display:block; font-size:0.9375em; line-height:1em; font-weight:400; text-decoration:none; margin:0; padding:0 0 2px} #content h4 a:hover{color:#93C554} #content .rentals p{color:#333; font-size:0.75em; line-height:1em; margin:4px 0 4px 2px; padding:0} #content .rentals p.dispRate{color:#36C; margin:0; padding:0} #content .rentals .rentImg{background:none; border:1px solid #CCC; display:block; float:left; width:50px; overflow:hidden; margin:0 5px 0 3px; padding:2px} #content img.check{float:right; margin:0 0 2px; padding:0} #content .checknew{font-size: 95%; margin-top:2px;} #content .checknew img{margin-left: auto; margin-right: auto; display:inline;} #content #checkavail{float:right; text-align:right; width:128px; margin-left: auto; margin-right: auto;} #content .checkavailnew{ text-align:right; width:128px; padding-top: 0px; height: 100%; margin-top: 0px; margin-left: auto; margin-right: auto;} #content .checkavailnew img{border:none; display:block; margin:4px 0 0; padding:0; margin-left: auto; margin-right: auto;} #content p.block{margin:0; padding:5px 5px 10px 0} #content .inwrap, #content .subwrap{float:left; height:auto; width:478px; padding:0; margin:0} #content .inwrap h2{background:url(/images/icon_lightbulb.gif) no-repeat left top; color:#00ADEF; display:block; font-size:1em; font-weight:400; margin:5px 0; padding:5px 0 0 32px} #content .box154{display:inline; float:left; width:154px; height:130px; background:url(/images/box154_btm.jpg) no-repeat left bottom; margin:0 7px 0 0} #content .box154 a{float:left; width:154px; height:130px; background:url(/images/box154_btm.jpg)) no-repeat left bottom} #content .box154 a:hover{background-position:0 29px; text-decoration:none} #content .box154.end{margin:0} #content .box154 p { padding: 15px 8px 4px; } #content .box154 p.b2 { padding-top: 0; } .box154 .tag{clear:both; display:block; font-size:10px; color:#666; float:right; text-align:left; width:60px; padding:5px 5px 0} #content .box154 .tag p{line-height:1em; margin:0; padding:0} .box154 .tag em{color:#FE6633; font-size:16px; line-height:24px; font-style:normal; font-weight:700; margin:0; padding:0} #content .box154 h3{color:#ff8644; margin:0; padding:50px 4px 0} #content .box154 .title{display: block; border-style:none; padding:0; margin:1px 0 5px 0 } #content .box154 .foot{clear:both; color:#999; line-height:1em; font-size:0.6875em; margin:0; padding:0 5px} #content .box154 h3.b1{background:url(/images/box154_h1.jpg) no-repeat left top} #content .box154 h3.b4{background:url(/images/box154_h4.jpg) no-repeat left top} #content .box154 h3.b2{background:url(/images/box154_h2.jpg) no-repeat left top} #content .box154 h3.b3{background:url(/images/box154_h3.jpg) no-repeat left top} #content .box154 h3.b5{background:url(/images/box154_h5.jpg) no-repeat left top} #content .box480{background:url(/images/box480_btm.gif) no-repeat left bottom; float:left; padding-bottom:5px; width:478px; margin:10px 0 15px} #cruise #content .box480{float:left; width:468px; background:url(/images/bg_480_tb.gif) no-repeat left top; margin:10px 0 15px; padding:5px} #content .box480 h3{display:block; color:#ff8644; background:url(/images/box480_top.gif) no-repeat left top; margin:0; padding:5px 5px 0} #cruise #content .box480 h3{display:block; color:#ff8644; background:none; margin:0; padding:0 5px} #content .inwrap .box480 ul{float:left; list-style-type:none; margin:0; padding:4px 8px} #content .box480 li{font-size:0.6875em; line-height:1.125em; color:#634F38; margin:0; padding:2px} #content .box320{float:left; width:314px; background:url(/images/box320_btm.gif) no-repeat left bottom; margin:0} #content .box320 .top{display:block; padding-top:5px; background:url(/images/box320_top.gif) no-repeat left top} #cruise #content .box320{width:312px; border:none; background:#FFF url(/images/bg_320_tb.gif) no-repeat left top; padding:5px} #content .box320 h3{display:block; color:#ff8644; margin:0; padding:0 4px} #cruise .box320 p{padding-left:5px; padding-right:5px; font-size:10px; line-height:1em} #content .box320 img.rss{padding:4px 4px 0 0} #cruise #content .box320 h3{background:none; padding-bottom:0} #content .box320 dd{font-size:10px; color:#999; margin:0; padding:0 0 5px} #content .box150{float:right; width:147px; margin:0; padding:4px} #content .box150 h3{display:block; color:#ff8644; margin:0; padding:0} #cruise #content .box150{background:#FFF url(/images/bg_150_tb.gif) no-repeat left top; width:145px} #content .box150 ul{list-style-type:none; font-size:0.75em; line-height:1em; margin:2px 0; padding:0} #content .box150 li{color:#ff8644; border-bottom:1px dotted #ddd; background:url(/images/bullets/arrow.gif) no-repeat left center; margin:0 0 0 4px; padding:5px 0 5px 11px} #content #deal{list-style:none; font-size:0.75em; margin:5px 0 20px; padding:0} #content #deal li{clear:both; display:block; width:472px; background:#FCFCFC; border-bottom:dotted 1px #CCC; margin:0; padding:4px} #content #deal li a{color:#A2BE0A; text-decoration:none} #content #deal li a:hover{color:#FF9300} #content #deal li strong{float:left; width:150px} #content #deal li span{width:75px; float:left; padding:0 10px} #cruise #content .box150 li{text-align:center; font-size:10px; border-bottom:none; background:none; margin:0; padding:4px} #content .box150 li a{color:#666; text-decoration:none} #cruise #content .box150 li a{color:#ff8644} #content .box150 li a:hover{color:#FF9932} #content .hilite{background:#FBFCFF; padding:4px} #sidebar{width:298px; margin:0; padding:0} #search{ background:transparent url(/images/bg_sh_search.jpg) no-repeat scroll 0% 0%; width:300px; margin:0; padding:0; } #search #searchpnl{ background-image:none; margin:0 0 0 0px; padding:0; padding-left:10px; border-right:solid #301a0d 2px; border-left:solid #301a0d 2px;border-bottom:solid #301a0d 2px; width:288px; } #searchpnl .lbl{margin:0; padding:0 0 2px; background:transparent url(/images/blue_arrow.gif) no-repeat scroll left top; padding-left: 16px; color:#D48C00; font-size:0.875em; } #searchpnl #resort, #searchpnl #resorttop{width:257px; padding:8px; padding-left: 2px; padding-right: 14px;} #searchpnl #dest{width:267px; padding:8px; padding-left: 2px; padding-right: 2px;} #searchpnl #dest .citymenu{ font-size: 12px; margin:0 10px; list-style:none; padding:0; overflow: hidden; } #searchpnl #dest .citymenu li{padding:5px 15px 5px 7px; float:left; background:transparent url(/images/bullets/arrow.gif) no-repeat scroll left center;} #searchpnl #dest .country{padding-left: 10px; float: left; display: inline;} #searchpnl #dest #moredestinations{font-weight: 900; width: 230px; font-size: 0.75em; text-align: right; background:transparent url(/images/bullets/arrow.gif) no-repeat scroll right 6px; display: block; padding-right: 10px; float: right;} #searchpanelbg{background:url(/images/bg_sidebar_btm.gif) no-repeat left top; height: 10px; padding-bottom: 10px; display:block; width:290px; clear:both} #searchpnl #dest{background:transparent url(/images/bg_searchpnl_mid.gif) scroll left top; height: 100%; padding-bottom: 0px;} #searchpnl #resort, #searchpnl #resorttop{border-bottom:1px solid #E6DFC4; } #searchpnl #resort{background:transparent url(/images/bg_searchpnl_mid.gif) repeat-y scroll left top; padding-top:0; height: 45px;} #searchpnl #resorttop{background:transparent url(/images/bg_searchpnl_top.gif) no-repeat scroll left top; border-style: none;} #searchpnl #resort h2, #searchpnl #resorttop h2,#searchpnl #maildeals h2{ color:#E37819; font-size:1em; font-weight:400; margin:0; padding:4px 0 8px 0px } #searchpnl #resort #frmByresort, #searchpnl #resorttop #frmByresort{margin:0; padding:0} #searchpnl #resort label{color:#555445; display:block; font-size:0.875em; margin:0; padding:15px 0 0} #searchpnl #resort #byresort{color:#666; font-size:0.6875em; width:200px} #searchpnl #resort #byresort .bold{padding-top:5px} #searchpnl #resort #byresort .lpad{color:#634F38} #searchpnl #resort #byresort .lpad2{color:#3690B3; padding-left:15px} #searchpnl #resort #example1 {margin: 0px; padding-top: 0px; padding-left: 5px; padding-right: 5px; list-style-type: none; padding-bottom: 0; display:none; z-index: 50; position: absolute; width: 230px; height: 218px; overflow: auto; font-size: 0.8em;} #searchpnl #resort #example1 .statelist .city{margin-left: 10px; padding-left: 10px; list-style-type: none;} #searchpnl #resort #example1 .citylist{font-size: 0.9em; list-style-type: none; } #searchpnl #resort #example1 .statelist{background-color: #EFEFEF; padding: 3px; margin: 3px; padding-right: 7px; margin-right: 7px; list-style-type: none; } #searchpnl #resort #example1 .statelist h2{color:#F63; margin: 0; padding: 0;} #searchpnl #resort #example1 .resortlist{} #searchpnl #resort #example1 .resortlist .resort{list-style-type: none;} #discover{ height:297px; width:500px; position:relative; overflow:hidden; padding:10px 0; margin: 0 0 10px; } #discoverhh{ height:297px; width:500px; position:relative; overflow:hidden; } #discover.citypage { background:transparent url(/images/head_02.jpg) no-repeat top left; } #discover img{width:500px; height:297px; overflow:hidden} #discover a{overflow:hidden} #dealframe{background:url(/images/bg_dealsframe.gif) no-repeat left top; width:298px; margin:0; padding:0} #deals{background:url(/images/bg_lmd.gif) no-repeat left -5px; width:265px; margin:0 0 0 8px; padding:5px} #deals img.view{display:block; float:right; border-style:none; margin:7px 2px 0 0; padding:0} #deals h2{background:url(/images/icon_clock.gif) no-repeat left top; color:#F26522; display:block; font-size:1em; margin:0; padding:5px 0 4px 32px} #maildeals{background:white url() no-repeat left top; width:272px; margin:0; padding:20px 8px 10px; border-top 1px dotted black; border-right:solid #301a0d 2px; } #maildeals img.rss{float:right; padding-left:4px} #maildeals p{color:#E37819; font-size:0.75em; font-weight:bold; margin:0; padding-left:10px} #maildeals #formdeal{margin:10px 0 0 00px; padding:0} #maildeals #formdeal #button{background:none; color:#f26522; cursor:default; border-style:none} #maildealsbtm{background:url(/images/bg_sidebar_btm.gif) no-repeat left bottom; padding:0; height:15px;} #villas{background:url(/images/bg_villas.gif) no-repeat left bottom; width:290px} #vilframe{background:url(/images/brdr_brown2.gif) repeat-x left top; padding:10px 2px} #vilframe .pic{background:#E7E5DD; height:80px; width:250px; margin:0 auto; padding:4px 0} #vilframe .pic img{background:#E8E6DD; border:1px solid #FFF; margin:0; padding:0} #weekspec{float:left; width:290px; background:url(/images/boxweekly_tile.gif) repeat-y; margin:10px 0 0; padding:0} #weekspec h3{background:url(/images/boxweekly_top.gif) no-repeat left top; color:#00ADEF; margin:0; padding:10px 8px 0} #weekspec p{color:#3690B3; font-size:0.75em; margin:0; padding:0 8px} #weekspec #verticalForm{float:none; margin:0; padding:10px} #weekspec .btm{display:block; padding-top:10px; background:url(/images/boxweekly_btm.gif) no-repeat left bottom} .sidebox{clear:left; float:left; color:#ff8644; list-style:none; text-align:right; text-decoration:none; width:290px; background:none; margin:0; padding:8px 0} .sidebox li{display:block; font-size:0.75em; margin:0} .sidebox li a{background:url(/images/bullets/arrowR_orgblue.gif) no-repeat right 2px; color:#ff8644; text-decoration:none; padding:4px 24px 2px 0} .sidebox li a:hover{background-position:right -18px; color:#00ADEF} #footads{text-align:left; width:790px; margin:10px auto} .adbox{float:left; width:254px; line-height:1em; margin:0 14px 0 0} .adbox.end{float:right; margin:0} #subfooter{background:#D7E9F5 url(/images/bg_footer.jpg) repeat-x left top; padding:0 10px 0 20px} #innerfoot{background:url(/images/bg_foottrees.jpg) no-repeat left top; width:853px; margin:0 auto; padding:18px 0 0 52px} #innerfoot .adbox{background:none; border:none; text-align:left; width:254px; line-height:1em} #innerfoot .adbox h3{color:#ff8644; font-size:1em; font-weight:400; margin:0; padding:0} #innerfoot .adbox p{color:#754C24; font-size:0.75em; padding:5px 0} #innerfoot .adbox img{display:block; border-style:none; margin:5px 0; padding:0} #innerfoot .adbox dl{margin:5px 0 0; padding:0} #innerfoot .adbox dd{color:#666; font-size:0.625em; line-height:1em; margin:0; padding:0 0 4px} #innerfoot .col1{color:#FF8644; font-size:0.75em; font-weight:700; list-style:none; text-align:right; margin:0; padding:0 5px 0 0} #innerfoot .col1 a{color:#FF8644; text-decoration:none} #innerfoot .col1 a:hover{color:#754C24} #innerfoot ul.col1 ul{color:#754C24; font-weight:700; list-style:none; margin-top:10px; text-align:right; padding:0} #innerfoot ul.col1 ul a{color:#754C24; text-decoration:none} .rentfoot{padding-bottom:8px; margin:0 8px} .rentals a.more{background:url(/images/bullets/arrowR_blue.gif) no-repeat left top; color:#185DA0; font-size:0.75em; margin-left:55px; text-decoration:none; padding:2px 0 4px 20px} .rentfoot a.check img, .rentals a.check img{float:right; text-decoration:none; border-style:none; padding:0} .fltrt{float:right; margin-left:8px} .fltlft{float:left; margin-right:8px} .clearfloat{clear:both; font-size:1px; height:0; line-height:0; display:inline} .lpad{padding-left:10px} .tpad{padding-top:10px} .error{color:red; font-weight:200} #request{background:url(/images/request.jpg) no-repeat left top; line-height:1em; display:block; height:100px; width:340px; padding:8px 8px 8px 130px} #request h3{font-size:1em; color:#3A82E4; margin:0; padding:0} #request h4{color:#FE6700; font-size:0.75em; margin:0; padding:0} #request p{font-size:0.6875em; color:#333; line-height:1em; margin:0; padding:4px 0} #request img{display:block; float:right; margin-top:-10px; padding:0} #dealtickerHome{background:#fff; display:block; height:125px; margin-top:5px; width:263px} #row1{background:url(/images/bg_mainrow.gif) repeat left top} #promobox{line-height:1em; float:left; background:#FFF; margin:0; padding:0} #gallery{clear:both; display:block; float:right; width:210px; padding:10px 5px 5px} #gallery img.photo{background:#FFF; border:1px solid #DDD; display:block; padding:2px} #bookbox p{font-size:0.75em; margin:0; padding:5px 10px 5px 0} .box p{margin:0; padding:5px 10px 5px 0} #booksteps{background:#F5F2E5; float:left; width:478px; margin:0; padding:0} #booksteps img{float:right; width:106px; border-style:none; margin:0; padding:4px} #booksteps ul{background:#FFF; border-bottom:1px solid #E6E1D5; border-top:1px solid #EBEDE2; list-style:none; margin:0; padding:0} #booksteps li{background:#FFF url(/images/booksteps_navdiv.gif) bottom right no-repeat; border:none; color:#999; float:left; font-size:0.75em; text-decoration:none; padding:5px 12px} #booksteps li.active{background:url(/images/booksteps_navA.gif) bottom right no-repeat; color:#F90} #bookbox #verticalForm{float:right; text-align:left; width:203px; margin:0; padding:0} #bookbox #verticalForm fieldset{background:#F1F1F1; border:1px solid #DDD; float:right; width:180px; padding:8px} #bookbox .leftbox{background:#F2F7FF; float:left; width:270px; margin:0; padding:8px} #bookbox .leftbox #verticalForm fieldset{float:none} #bookbox .leftbox ul, #fullbox ul{float:left; width:70%; margin:0 0 8px; padding:0} #bookbox .leftbox li, #fullbox li{list-style:none; margin-bottom:4px; text-align:right; padding:0} #bookbox .leftbox li{clear:both} #bookbox .leftbox span{padding-right:4px; width:150px} #bookbox .rightbox1, #bookbox .rightbox2{font-size:0.75em; background:#FAF1C3; float:right; width:150px; margin:0 0 4px; padding:8px} #bookbox .rightbox2{background:#FDFDFD; margin-bottom:8px} #bookbox .rightbox2 #totalb{font-weight:700; left:-4000px; position:absolute} #fullbox{color:#000; float:none; width:458px; margin:12px 0 0; padding:0} #fullbox .hilite{color:#FF9834} #fullbox form{text-align:left; width:100%} #fullbox form fieldset{font-size:0.75em; background:#F9F9F9; border:solid 1px #DDD; display:block; width:446px; margin:0 0 12px; padding:5px} #fullbox form label{float:left; font-size:12px; width:180px; margin:4px 10px 4px 0} #fullbox form input{margin-top:3px; width:180px} #fullbox form label.dates input{float:left; width:125px} #fullbox form select{display:block; float:left; margin-top:3px} #fullbox form label.field-first, #fullbox form label.field-address, #fullbox form label.field-ccnum{clear:left} #fullbox form label.field-state, #fullbox form label.company_state{width:95px} #fullbox form label.field-state select, #fullbox form label.company_state input{float:left; width:95px; padding:0} #fullbox form label.field-promo{float:left; margin-left:5px; width:180px} #fullbox form label.field-promo input{float:left; width:180px} #fullbox input#checkbox{display:block; float:left; margin:0; padding:0} #fullbox label.field-checkbox{clear:none; width:125px; margin:0 0 0 12px; padding:0 0 15px} #fullbox textarea{display:block; width:180px; margin:3px 5px 0 0} #fullbox label.comment textarea{width:400px} #fullbox #button{float:right; margin-top:24px} #fullbox .field-terms #terms, #fullbox #fsubmit .hilite #chkinsur, #fullbox #fsubmit .hilite #samebill{display:inline; width:auto} #fullbox #fsubmit #button{width:auto; margin:0} #fullbox #fsubmit .field-terms{display:block; float:left; margin-left:5px; width:250px} #verticalForm{padding-top:1em} #verticalForm h4{color:#F26522; display:block; font-size:0.875em; margin:0; padding:0 0 2px} #verticalForm fieldset{border:none; display:block; margin:0 0 12px; padding:1em} #verticalForm fieldset ul{list-style-type:none; width:160px; margin:5px 0; padding:0} #verticalForm fieldset span.note{color:#000; font-weight:400; margin:0; padding:0 0 12px} #verticalForm fieldset.radio{width:15em; margin:1em 0; padding:0} #verticalForm fieldset.radio input{clear:both; float:left; width:auto} #verticalForm input{width:13em} #verticalForm label{display:block; font-size:0.75em; font-weight:700; padding-bottom:1em} #verticalForm label .hint{font-size:85%; font-weight:400} #verticalForm label.first{padding-bottom:4px; padding-top:2px} #verticalForm select{display:block; margin-bottom:4px} #verticalForm label.fleft{float:left; width:150px; margin:0 10px 0 0} #verticalForm label.fleft select{float:left; width:150px; padding:0} #weekspec #verticalForm #submit{float:right; font-size:0.625em; width:80px; margin:0; padding:0} #verticalForm label.fleft, #weekspec #verticalForm .fleft #month, #weekspec #verticalForm .fleft #year{float:left; width:95px} #faq dd{margin-left:25px} #faq dt:hover{color:#C30; cursor:pointer; font-size:0.875em; font-weight:400; padding:5px} #faq dt{border-top:1px solid #B3CFDE; color:#185DA0; font-size:0.875em; font-weight:400; margin-top:5px; padding:5px} .title1,.title2{color:#333; font-size:1em; line-height:1.2em; margin-bottom:5px; width:250px} .title2{color:#666; width:auto} #hilite{background:#FFF; width:390px; margin:12px auto; padding:24px} #hilite .right{background:#EFEFEF; font-weight:700; margin-left:150px; padding:4px} #fullbox div.sec{border:solid 1px #DDD; margin:4px 20px 20px; padding:12px} #bookbox h1{border-bottom:1px solid #CCC; color:#000; margin:18px 0; padding:0} #bookbox h2{color:#000; display:block; margin-left:20px} #bookbox dl{font-size:0.6875em; display:block; line-height:1.5em; width:336px; margin:0 0 12px} #bookbox .leftbox dl{float:left; width:100%} #bookbox dt{float:left; font-weight:700; margin-right:10px; text-align:right; width:150px} #bookbox dl dd{display:block; float:left; margin-left:0; text-align:left; width:140px} #bookbox #hilite p{display:block; float:none; text-align:left} .box250{float:left; width:250px; line-height:1em; font-size:0.75em} #iata{color:#C30} .resBlock{font-size:0.75em; border:1px solid #ddd; display:block; position:relative; margin:5px 0; padding:5px} .resBlock h4{font-weight:700; position:relative; margin:5px 0 0; padding:0} .resBlock .addressField{border:1px solid #c1c1c1; margin-left:5px} .rcilogin{width:80%; background:#F5F2E5; margin:5%; padding:5%} .rcilogin label, .loginform label{float:left; width:auto; text-align:right; color:#E66000; padding:2px 4px} .rcilogin input, .loginform input{float:left; width:45px; padding:2px} .persInfo{position:relative; text-align:right; width:635px; margin:20px auto 0; padding:5px} .persInfo input{margin:5px 0 0} .persInfo label{font-weight:700; width:100px; margin:3px 0 0} .trUnitS{background:#ddd; height:21px; position:relative} input.loginButt{width:auto; background:#E7EDF6; border-top:1px solid #D1D1D1; border-right:1px solid #777; border-bottom:1px solid #777; border-left:1px solid #D1D1D1; font-size:12px; float:left; text-align:center; margin:0 0 2px 10px} #userinfo label{display:block; float:left; position:relative; width:250px; padding:0 0 0 40px} #userinfo input, #userinfo select{background:#fff; border:1px solid #7f9db9; display:block; float:left; font:12px Verdana,Arial,Helvetica,sans-serif; height:15px; position:relative; margin:0} #ccinfo input{height:15px} #userinfo input.inpSame{display:inline; float:none; height:auto; margin-left:10px} .title{font-size:12px; font-weight:700} .w125h100{height:100px; width:125px} .w500h400{height:300px; width:375px} .shade{background-color:#f3f3f3} .shade1{background-color:#FDF9EE} .offwhite{background-color:#fafafa} a.no{color:#000; text-decoration:none} .resBlock td{vertical-align:top; margin:5px} .grey1pxborder{border:1px solid #c1c1c1} .grey1pxborderpadded{border:1px solid #c1c1c1; border-color:#c1c1c1; margin:7px} img{border:0} #imageContainer{border:1px solid #000; height:200px; position:relative; width:250px; margin:auto} #imageContainer img{display:none; left:0; position:absolute; top:0} .allinclusive{border-top:1px dotted #000; padding:4px} .alltable{border-top:1px dotted #000; font-size:0.75em; padding:10px} #resortintro{width:255px} img .credits{display:block; margin:0; padding:2px 0} #subhead, #main, #footer{clear:both; margin:0; padding:0} #main{margin:0 auto} #header #topnav #toplinks span a, #header #topnav #toplinks a:hover{color:#9FC120} #header #topnav #toplinks span a:hover, #searchpnl #resort #find, #innerfoot ul.col1 ul a:hover{color:#FF8644} #header h1, #footer p{margin:0; padding:10px 0} #footer { } #content a img, #vilframe a img, img a, a img{border-style:none} #content #checkavail img, #bookbox #checkbox img{border:none; display:block; margin:4px 0 0; padding:0} #checkavail a.check{font-size:0.75em; line-height:1em; margin:0; padding:0} #content .box320 a, #innerfoot .adbox dl a{color:#634F38; text-decoration:none} #content .box320 a:hover, #innerfoot .adbox dl a:hover{color:#00ADEF} #fullbox form label.field-zip, #fullbox form label.company_zip, #fullbox form label.field-zip input, #fullbox form label.company_zip input{float:left; width:65px} #fullbox form label.field-address, #fullbox form label.company_address, #fullbox form label.field-address input, #fullbox form label.company_address input{float:left; width:412px} #bookbox .leftbox dl dd, #userinfo label.smallLabel{width:100px} .w100p, .w600c, .w780c{width:100%} .hilite{font-size:0.6875em; color:#900} #datacontainer{position:absolute; left:1px; top:0; width:100%; font-weight:400} #datacontainer dl{font-weight:400; margin:0; padding:5px 0 0 15px} #datacontainer dt{margin-top:5px; font-weight:700} #datacontainer dd{color:#666; font-size:.9em; font-weight:400; margin:0; padding:0} #map_canvas{font-family:Arial,sans serif} #map_canvas span{font-size:4px; display:none} #hotdealsslider{width:230px; height:690px; border:1px solid #ddd; background-color:#eee; overflow:visible} #hotdealsslider div{width:200px; height:200px; color:#333; text-align:left; font-size:16px; padding:15px} .nav{margin:5px 0} #nav a, #s7 strong{border:1px solid #ccc; background:#fc0; text-decoration:none; margin:0 5px; padding:3px 5px} #nav a.activeSlide{background:#ea0} #nav a:focus{outline:none} #scroller_container{position:relative; width:220px; height:200px; overflow:hidden} #scroller p{padding:0} .pics{height:80px; width:250px; overflow:hidden} .pics img{width:250px; height:80px; overflow:hidden} ul.cruise{width:480px; line-height:1em; list-style:none; background:url(/images/cruisebx_panel.gif) repeat-y; margin:0 0 1.5em; padding:0} ul.cruise li img{float:left; display:block; border:none; margin:0 10px 0 0; padding:0} ul.cruise li.top{font-size:.75em; color:#31556B; background:url(/images/cruisebx_top.gif) no-repeat left top; padding:5px} ul.cruise li.main{background:url(/images/cruisebox_div.gif) repeat-x left top; padding:5px} ul.cruise li.main img{background:#EBF4FA; padding:4px} ul.cruise li.main strong{color:#1B7BB1; display:block; font-size:0.8125em; margin-bottom:.5em} ul.cruise li ul{list-style:none; margin:0 0 0 178px; padding:0} ul.cruise li ul li{line-height:1em; margin:0 0 4px} ul.cruise li ul li.alt{background-color:#F1F5FA} #content .cruise .main ul li a{display:block; padding-left:21px; font-weight:700; color:#54A4DE; font-size:0.625em; text-decoration:none; background:#E1F0F6 url(/images/bullets/control_play.gif) no-repeat 0 1px} #content .cruise .main ul a:hover{color:#FFA81F; background-color:#FFF} .cruise li img.but{display:block; float:right; margin:0; padding:5px 5px 0 0} .cruise li.last{display:block; background:url(/images/cruisebx_btm.gif) no-repeat left bottom; margin:0; padding:0 0 5px} #content .rss-box{background:no-repeat left top; float:left; margin:0} #content .rss-title h3{background:no-repeat right top; color:#ff8644; margin:0; padding:0} #content .rss-title dd{color:#666; margin:0; padding:0 0 5px} .rss-items{margin-top:0; margin-left:10px; line-height:1em; padding:0.5em} p.rss-title{padding:0.5em} .rss-item{font-size:11px; list-style:none; padding-bottom:4px; color:#999} .rss-item a{text-decoration:none; font-size:12px; font-weight:400; color:#333} .rss-item a:visited{color:#333} .rss-items-short{margin-top:-20px; margin-left:10px; line-height:1em; padding:0.5em} .rss-item-short{font-size:11px; list-style:none; padding-bottom:4px; width: 280px; color:#999} .rss-item-short a{text-decoration:none; font-size:12px; font-weight:400; color:#333} .rss-item-short a:visited{color:#333} .rss-date{font-size:85%; font-weight:400; color:#000} #calendar_div, .calendar_inline{font-family:Arial,Helvetica,sans-serif; font-size:14px; background:#000; margin:0; padding:0} #calendar_div{display:none; border:1px solid #777; z-index:10} .calendar_inline{float:left; display:block; border:0} .calendar_dialog{border:4px ridge #ddd !important; padding:5px !important} button.calendar_trigger{width:25px} img.calendar_trigger{vertical-align:middle; margin:2px} .calendar_prompt{float:left; width:181px; background:#fff; color:#000; padding:2px} .calendar_links, .calendar_header, .calendar{clear:both; float:left} .calendar_links{font-weight:700; font-size:80%; letter-spacing:1px; background:#C2D9EF; color:#8F8F8F} .calendar_control{clear:both; float:left; font-weight:700; font-size:80%; letter-spacing:1px; background:#61A1DF; color:#8F8F8F} .calendar_links label{color:#888; padding:2px 5px} .calendar_current{float:left; width:35%; text-align:center} .calendar_header{background:#C2D9EF; text-align:center; font-weight:700} .calendar_header select{background:#fff; color:#000; border:0; font-weight:700} .calendar{text-align:center; font-size:100%} .calendar a{display:block; width:100%} .calendar .calendar_titleRow{background:#fff} .calendar .calendar_daysRow{background:#fff; color:#666} .calendar .calendar_daysCell{color:#000; border:1px solid #C2D9EF} .calendar .calendar_weekEndCell{background:#C2D9EF} .calendar .calendar_daysCellOver{background:#fff; border:1px solid #777} .calendar .calendar_unselectable{color:#888} .calendar_today{background:#FE6700 !important} .calendar_currentDay{background:#999 !important} #calendar_div a, .calendar_inline a{cursor:pointer; background:none; color:#000; margin:0; padding:0} .calendar_inline .calendar_links a{padding:0 5px !important} .calendar_control a, .calendar_links a{color:#000 !important; padding:2px 5px !important} .calendar_titleRow a{color:#eee !important} .calendar_cover{display:block; position:absolute; z-index:-1; filter:mask(); top:-4px; left:-4px; width:193px; height:200px} .selectRequiredMsg, .selectInvalidMsg{display:none} .selectRequiredState .selectRequiredMsg, .selectInvalidState .selectInvalidMsg{display:inline; color:#C33; border:1px solid #C33} .selectValidState select, select.selectValidState{background-color:#B8F5B1} select.selectRequiredState, .selectRequiredState select, select.selectInvalidState, .selectInvalidState select{background-color:#FF9F9F} .selectFocusState select, select.selectFocusState{background-color:#FFC} #listcontainer{width:260px; height:262px; display:none; z-index:99; position: absolute; padding-left: 15px; background:transparent url(/images/newcontainer.gif) no-repeat; margin:0} #pulldown, #listcontainer #close{width: 244px; cursor: pointer; z-index: 99; height:24px; margin-top:0; padding:0} #pulldown{padding-left:15px; background-image: url(/images/dropdown.gif); background-repeat:no-repeat; background-position:15px 0px;} #pulldown h3, #listcontainer #close.list{display:block; width:217px; color:#555; font-size:12px; cursor:pointer; margin:0; padding:3px 30px 2px 10px} h1, h2, h3, h4, #verticalForm fieldset.radio label{font-weight:400} #content p, #cruise #content .box480 li, #bookbox #checkbox .check, .check, #promobox #checkbox .check, #bookbox ul, .box ul, #bookbox table, .box table, form fieldset, .allinclusive h4, div.navigation a{font-size:0.75em} #content a:hover, #content .box480 a:hover{text-decoration:underline} #content .inwrap:hover a, #innerfoot a:hover{text-decoration:none} #content .box320 dl, #content .rss-title dl{font-size:0.75em; line-height:1em; margin:8px 0 0; padding:0 4px} #content #deal li .price, #maildeals #formdeal #email{width:150px} #weekspec #verticalForm select, div.post small{font-size:0.625em} #innerfoot .adbox dt, .backPrint, div.post #date{font-size:0.6875em} #bookbox, .box{line-height:1em; background:#F5F2E5; float:left; overflow:hidden; width:458px; display:inline; margin:0 0 10px; padding:5px 10px} #bookbox h4, .box h4, #promobox h4{line-height:1em; margin:0; padding:0} #bookbox #checkbox, .box #checkbox, #promobox #checkbox{clear:both; float:right; text-align:right; width:133px; margin:0; padding:0 0 0 5px} #bookbox #checkbox h5, .box h5, #promobox #checkbox h5{color:#C60; float:right; font-size:1.125em; font-weight:400; text-align:right; margin:0; padding:0} #gallery img, ul.cruise li, #calendar .calendar_daysCell a{display:block} #content p.map {background:#FFF; margin-left:20px; padding:2px 4px} #content h3.map{color:#000; font-weight:bold; margin-top:0;} #content ul#maps{ font-size:0.75em; background:#FFF; float:right; line-height:1.5em; width:77px; margin:0 10px 10px 0; padding:5px; border: 1px solid #EEE; } #content ul#maps li{list-style:none; width:auto; margin:0 0 .1em; padding:0 0 0 20px} #content ul#maps li.map{background:url(/images/bullets/bullet_map.gif) no-repeat 0 1px} #content ul#maps li.directions{background:url(/images/bullets/bullet_car.gif) no-repeat 0 1px} #content ul#maps li.print{background:url(/images/bullets/bullet_printer.gif) no-repeat 0 1px} #bookbox p.airpInfo, .box p.airpInfo{clear:left; padding:0 10px 10px 0} #bookbox .rightbox2 ul, .box .rightbox2 ul{display:block; margin:4px 0 0; padding:0} #bookbox .rightbox2 li, .box .rightbox2 li{background:url(/images/bullets/arrow.gif) center left no-repeat; list-style:none; margin-left:4px; width:130px; padding:0 0 0 12px} #bookbox #cal, .calendar_clear, .calendar_prev{float:left} #verticalForm .submit, form.loginform{width:auto} #weekspec #verticalForm label, div.hilite, td h3{font-size:100%} form fieldset legend, .bold, #bookbox .rightbox2 #total, #datacontainer dd.bold{font-weight:700} #header #topnav li.phone, #content .box480 ul.c2, #content .box320 img.rss, .calendar_close, .calendar_next{float:right} td.resort, td.city, td.date{font-size:0.75em; line-height:1em} #calendar_div, .calendar_control, .calendar_links, .calendar_header, .calendar, * html .calendar_prompt{width:185px} .calendar_control a:hover, .calendar_links a:hover, .calendar_titleRow a:hover{background:#539ADF !important; color:#FFF !important} .post{padding: 5px; margin-bottom:0px;} .topbubble{padding:5px 5px 5px 5px; background-image: url(/images/box480_top.gif); background-repeat: no-repeat;} .middlebubble{margin-top: -8px; padding:0px 10px 0px 10px; background-image: url(/images/box480_content.gif); background-repeat: repeat-y; z-index: 99;} .bottombubble{padding:5px 5px 5px 5px; background-image: url(/images/box480_content_btm.gif); background-repeat: no-repeat;} .capsule{} .capsule:hover{} .navigation{ padding: 5px; } .subtitle {font-size: 0.88em; color: #666666} #content.bgstyle { background: #F9F7EF url(/images/bg_content.jpg) top left repeat-x; } .box275 { width: 275px; background: #f3f3f3 url(/images/box275-btm.gif) no-repeat left bottom; float: none; } .box275 h4 { margin: 0; padding: 10px 10px 0; line-height: 1em; color: #333; font-weight: bold; background: url(/images/box275-top.gif) no-repeat left top; } .box275 ul { margin: 0; padding: 10px; list-style-type: none; } .box275 li a { display: block; width: 221px; color: #2D6EAB; font-weight: bold; font-size: 0.75em; padding: 5px 10px 5px 24px; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #fff; text-decoration: none; background: url(/images/bullets/add-green.gif) no-repeat left center; } .box275 li a:hover span { background-color: #E9F4DD; text-decoration: none; } .box275 li span { display:block; float: right; } .box275 li.first { border-top: none; } #content.bgstyle a.rates { width: 120px; display: block; float: right; margin: 10px 10px 0 0; text-align: center; } #iconsgroup { width: auto; float:right; } #blogtop{ float:left; height:auto; width:458px; padding:10px; border: 1px solid #eee; margin:20px 0 0 0; background:#fffcf1} #blogtop h3 { margin-top: 0; } #content .citlist { margin: 5px 0; padding: 0; list-style: none; width: 480px; background: url(/images/box480_content_btm.gif) no-repeat bottom left; } #content .citlist li { font-size: 0.75em; padding: 5px 10px; margin:0; } #content .citlist .top { font-size: 1em; padding: 10px 10px 5px; background: url(/images/box480_content_top.gif) no-repeat top left; display:block; } #content .citlist .top a { color: #9A4B19; } #content .citlist .img { width: 60px; float: left; margin: 0 10px 0; padding:0; width:50px; } #content .citlist .img img { margin: 0; padding: 4px; float: left; background: #FFF; border: 1px solid #EEE; width:50px; } #content .citlist .desc { width: 380px; float: left; padding: 0 0 0 5px; } #content .citlist .more { clear: both; width: auto; display: block; float: right; background:#C6E5EF url(/images/bullets/arrowr_blue2.gif) no-repeat right center; padding: 0; margin: 0 5px 5px 0; text-align: right; } #content .citlist .more a { color: #337DAB; padding: 2px 21px 2px 5px; } #sidebar .news { width: 272px; list-style: none; padding: 5px 0 0; margin: 10px 0 0; } #sidebar .news li { font-size:0.75em; padding:2px 0 2px 16px; margin: 0; } #sidebar .news li a{ padding: 8px 4px 0 28px; display:block; background:white url(/images/bullets/page_white_go.gif) no-repeat 4px 7px; /*#FFFBEF*/ } #sidebar .news li a:hover{ background-color: #FFF9DD; } #sidebar .news li.newstitle{ font-size:100%; background: none; padding: 0; margin: 0 0 5px 0; color:#E37819; float:none; border: none; } #sidebar .news li.title{ margin:0; color:#D48C00; font-size:0.875em; float: none; font-weight: normal; } #sidebar .news .blogdate, #sidebar .news .end { display:block; font-size:0.63em; padding: 0 5px 0 0; margin: 0; color: #888; text-align:right; background-image:none; } #sidebar .news .end { } #legend { width:470px; font-size: 0.7em; list-style-type: none; border: 1px solid white; background-color: #E6EEEE; margin: 5px 0; float: left; padding: 0; } #legend li{display: inline; padding: 4px; margin:0; width: 30%; float: left;} #TabbedPanel #resortlisting { font-size: 0.75px; } #container #content #TabbedPanel .TabbedPanelsContentGroup .TabbedPanelsContent .mayan_notice{ padding: 5px; width: 250px; margin: 0px 5px 5px 5px; background: #E6EEEE; border: 1px solid #E2E5E6; float: left; display: inline; } #footer{ clear: both; border-top: 1px solid #333; background-color:#EE5931; padding:15px 0 10px; font-size:11px; margin-top: 20px; } br.clearfloat { display: none;} #container #content br.clearfloat {display:inline;}