* { padding: 0; margin: 0; outline: 0; } body {font-size: 12px;line-height: 1.6;font-family: Helvetica, Arial, Sans-Serif;color: #292425;background: #fff;text-align: left;} .print {visibility:visible;} a img { border: 0; } a { color: #06c; text-decoration: underline; cursor: pointer; } a:hover { text-decoration: none; }ul { list-style-type: none; } ul li { background: url(images/list-item.gif) no-repeat 0 8px; padding-left: 10px; } ul.notlisted li { background: none; padding-left: 0; }h2 { font-weight: bold; font-size: 22px; color: #369; line-height: 35px; margin-bottom: 5px; } h3 { font-weight: bold; font-size: 18px; color: #333; line-height: 29px; } h4 { font-weight: bold; font-size: 16px; color: #666; line-height: 21px; } h5 { font-weight: bold; font-size: 14px; color: #336699; line-height: 18px; }h2 a.right, h2 .normal, h3 a.right, h4 a.right { font-size: 12px; font-weight: normal; }.bookwidth{width:240px; text-align:right;padding-right:10px} .cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; } .left { float: left !important; display: inline; } .right { float: right !important; display: inline; } .center { text-align: center !important; } .inline { display: inline; } .notext { font-size: 0; line-height: 0; text-indent: -4000px; } .half { width: 50%; float: left; display: inline; } .alpha { margin-left: 0 !important; } .omega { margin-right: 0 !important; } .green { color: #6c0; } .blue { color: #369; } .blue-bg { background: #eaeff5; } p.big { font-size: 15px; font-weight: bold; color: #369; margin-bottom: 5px; } span.fr { font-size: 13px; color: #666; font-style: italic; font-family: Georgia, "Trebuchet MS", Sans-Serif; } div.fr { font-size: 13px; color: #666; font-style: italic; font-family: Georgia, "Trebuchet MS", Sans-Serif; width: 70px; float:right; padding-top: 4px} div.fr span { } #topbar { line-height: 28px; font-size: 14px; color: #369; padding: 7px 9px 4px 20px; width: 975px; margin: 0 auto; } #topbar a { color: #369; } #topbar a.small { font-size: 12px; color: #06c; } #topbar a.choose { padding: 2px 33px 3px 0; background: url(images/icons-sprite.gif) no-repeat right 0px; margin-right: 5px; text-decoration: none; } #topbar .sep { float: left; display: inline; border-right: solid 1px #e6e6e6; height: 28px; margin: 0 11px; } #page { width: 1004px; height: 100%; margin: 0 auto; background: url(images/bg-page.gif) repeat-y 0 0; } #page-top { background: url(images/bg-page-top.gif) no-repeat 0 0; } #page-bot { background: url(images/bg-page-bot.gif) no-repeat 0 bottom; height: 100%; padding: 12px 10px 20px; } #header { padding: 0 0 10px 0; height: 100%; } #main-nav { font-size: 18px; line-height: 42px; font-weight: bold; margin-bottom: 5px; height: 42px; } #main-nav li { float: left; display: inline; list-style-type: none; padding-left: 0; background: none; } #main-nav li a { color: #336699; text-decoration: none; float: left; display: inline; padding: 0 13px; background: url(images/main-nav.gif) no-repeat center 0; } #main-nav li a:hover { background-position: center bottom; } #main-nav li.first a { background-position: left 0; } #main-nav li.first a:hover { background-position: left bottom; } #main-nav li.last a { background-position: right 0; } #main-nav li.last a:hover { background-position: right bottom; } #main-nav li .sep { float: left; display: inline; width: 1px; height: 42px; background: url(images/main-nav-sep.gif) no-repeat 0 0; } h1#logo { margin: 10px 0 0 0; padding: 0; }#footnavs { color: #369; padding: 20px 0 0 10px; } #footnavs span { font-size: 14px; } #footnavs a { margin: 0 8px; }#copy { text-align: right; color: #369; padding: 85px 10px 0 0; } #copy a { margin-left: 5px; }.column-side { float: right; display: inline; width: 328px; } .column-main { float: left; display: inline; width: 637px; } .column-main.left-spacer { width: 617px; } .left-spacer { padding-left: 20px; } .tabs { font-size: 19px; font-weight: bold; line-height: 41px; border-bottom: solid 5px #369; margin-bottom: 1px; padding-left: 20px; } .tabs li { float: left; display: inline; list-style-type: none; margin-right: 5px; padding-left: 0; background: none; } .tabs li a { color: #369; text-decoration: none; float: left; display: inline; background: url(images/tabs.gif) no-repeat 0 0; padding-left: 12px; } .tabs li a span { float: left; display: inline; background: url(images/tabs.gif) no-repeat right 0; padding-right: 12px; } .tabs li a:hover, .tabs li a.active { background-position: 0 bottom; color: #fff; } .tabs li a:hover span, .tabs li a.active span { background-position: right bottom; } #regionToggle.tabs {float:left; border-bottom: none; padding-left:0px; margin-bottom: 0px; } #regionToggle.tabs li a { padding-left: 8px; } #regionToggle.tabs li a span { padding-right: 8px; } #regionToggle.tabs li div { float: left; width: 16px; height: 41px; background: url(images/btn-next1.png) no-repeat left 8px; } #regionToggle.tabs li a:hover div { background-position: left -36px; } #regionToggle.tabs li div.back { background-image: url(images/btn-back1.png); } .tabs-content, .apiSeperator { background: url(images/tabs-content.gif) repeat-x 0 0; height: 100%; padding-top: 15px; } .apiSeperator { padding: 10px 10px 0; border-top: 2px solid #336699; }.button-green { float:left; display: inline; height: 46px; line-height: 41px; font-size: 18px; color: #fff; font-weight: bold; text-decoration: none; margin-right: 18px; } .button-green-overview { float: right; display: inline; height: 46px; line-height: 41px; font-size: 18px; color: #fff; font-weight: bold; text-decoration: none; margin-right: 18px; } .button-green.right { margin-right: 0; } .button-green .l, .button-green .r { float: left; display: inline; width: 14px; height: 46px; font-size: 0; line-height: 0; text-indent: -4000px; } .button-green .l { background: url(images/button-green-left.png) no-repeat 0 0; } .button-green .r { background: url(images/button-green-right.png) no-repeat 0 0; } .button-green .c { float: left; display: inline; height: 46px; background: url(images/button-green-center.png) repeat-x 0 0; padding: 0 5px; } .button-grey { float: left; display: inline; height: 46px; line-height: 41px; font-size: 18px; color: #666; font-weight: bold; text-decoration: none; margin-right: 18px; } .button-grey.right { margin-right: 0; } .button-grey .l, .button-grey .r { float: left; display: inline; width: 14px; height: 46px; font-size: 0; line-height: 0; text-indent: -4000px; } .button-grey .l { background: url(images/button-grey-left.png) no-repeat 0 0; } .button-grey .r { background: url(images/button-grey-right.png) no-repeat 0 0; } .button-grey .c { float: left; display: inline; height: 46px; background: url(images/button-grey-center.png) repeat-x 0 0; padding: 0 5px; } .breadcrumb { color: #0066cc; font-weight: bold; line-height: 28px; margin-bottom: 7px; } .breadcrumb a { font-size: 12px; } .breadcrumb a.icon { padding: 0; float: left; display: inline; margin-right: 8px; } .ad-space { background: #eaeff5; } .ad-space .ad { background: #fff; display: block; padding: 10px; margin: 10px auto; width: 285px; height: 285px; }input.datepicker { width: 93px !important; } .ui-datepicker-trigger { margin: 5px 0 0 5px; } .ui-datepicker-trigger:hover, input.datepicker {cursor:pointer} .prefer-to-call { width: 286px; height: 82px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/prefer-to-call.png) no-repeat 0 0; } .prefer-to-call-2 { width: 286px; height: 67px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/prefer-to-call-2.png) no-repeat 0 0; } .paging { line-height: 42px; color: #666; } .paging span { margin-left: 5px; } .notice-red { background: #ffe5e5; border: solid 1px #ffacac; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 0 12px; margin-bottom: 10px; } .notice-red h3 { color: #ff0000; } .icon { padding: 4px 0 4px 26px; background: no-repeat 0px 0px; } .icon.plus { background: url(images/icons-sprite.gif) no-repeat 0px -1001px; font-weight: bold; text-decoration: none; color: #666; } .icon.arr-right { background: url(images/icons-sprite.gif) no-repeat -59px -700px;} .icon.arr-right-2 { padding: 4px 26px 4px 0; background: url(images/icons-sprite.gif) no-repeat right -700px; } .icon.print { background: url(images/icons-sprite.gif) no-repeat 4px -1096px; padding-left: 36px; font-size: 12px; font-weight: bold; margin-bottom: 10px; } .icon.share { background: url(images/icons-sprite.gif) no-repeat left -1196px; font-size: 12px; font-weight: bold; } .icon.right { margin-left: 10px; margin-top: 4px; } .icon.arr-down { background: url(images/icons-sprite.gif) no-repeat 0p 0px; } .icon.tic-right, h2.tic-right { background: url(images/tic-arrow.png) no-repeat 0px -10px; padding-left: 20px;} .icon.tic-down, h2.tic-down { background: url(images/tic-arrow.png) no-repeat 0px 11px; padding-left: 20px;} .ui-icon.arr-down2 { background: url(images/icons-sprite.gif) no-repeat 0px -100px !important; height:21px;width:80px; } #reservation-details { margin: 25px 0 0 10px; color: #292425; } #reservation-details h2 { margin-bottom: 24px; } #reservation-details h4 { font-size: 14px; color: #369; margin-bottom: 10px; } #reservation-details p { color: #666; } #reservation-details .rowElem { margin-bottom: 20px; } #reservation-details .rowElem label { font-weight: bold; float: left; display: inline; width: 80px; text-align: right; margin-right: 5px; } #reservation-details .rowElem label.wider { width: 185px; } #reservation-details .rowElem .txt { float: left; display: inline; width: 190px; } #reservation-details .rowElem .txt-shorter { float: left; display: inline; width: 70px; } #reservation-details .total { border-top: solid 1px #babdc2; } #reservation-details .total h2 { float: left; display: inline; width: 130px; font-size: 19px; } #reservation-details .total .total-sum { font-weight: bold; font-size: 20px; line-height: 35px; color: #6c0; float: left; width: 146px; text-align: right; } #reservation-summary { margin-left: 10px; } #reservation-summary .cnt { padding: 10px; } #reservation-summary .map { float: right; display: inline; width: 287px; height: 239px; } #reservation-summary h2 { width: 250px; border-bottom: solid 1px #bddaf7; } #reservation-summary .conf-number { width: 250px; border-bottom: solid 1px #bddaf7; font-size: 15px; font-weight: bold; color: #369; padding: 7px 0 10px; } #reservation-summary .conf-number span { text-transform: uppercase; color: #000; } #reservation-summary .title { font-size: 14px; font-weight: bold; color: #369; margin-top: 20px; } #reservation-summary .content { width: 290px; float: left; display: inline; } #reservation-summary label { float: left; display: inline; width: 105px; color: #369; } #reservation-summary .txt { width: 185px; float: left; display: inline; white-space: nowrap; } #booking-confirmation { width: 708px; height: 601px; } #booking-confirmation .bg { width: 642px; height: 585px; background: url(images/popup-booking-confirmation.png) no-repeat 0 0; padding: 10px 33px 5px; } #booking-confirmation .wrap-bg { height: 570px; overflow-y: auto; padding-right:10px; width:660px;} #booking-confirmation h4 { font-size: 14px; font-weight: bold; color: #369; margin: 15px 0 0px 20px; } #booking-confirmation label { float: left; display: inline; font-weight: bold; width: 105px; text-align: right; margin-right: 5px; } #booking-confirmation .content { float: left; display: inline; width: 300px; } #booking-confirmation .total { float: right; display: inline; width: 320px; margin-top: 25px; } #booking-confirmation .total label { width: 170px; margin-right: 20px; } #booking-confirmation .total .the-total { border-top: solid 1px #babdc2; margin-top: 5px; } #booking-confirmation .total .the-total h2 { float: left; display: inline; width: 170px; margin-right: 20px; } #booking-confirmation .total .the-total h2.green { float: none; width: auto; margin-right: 0; } #booking-confirmation .total h2.cancel { margin-left: 0px} #booking-confirmation .total p { margin-left: 0px; font-size: 11px; line-height: 1.3} #search-options .field { width: 207px; } #search-options select { width: 177px; } #search-options div.left { margin-right: 8px; line-height: 1.6 !important; } #search-options.short-search-options .rowElem { margin-bottom: 5px; } .hotel-box { margin-bottom: 10px; line-height: 1.4; } .hotel-box .cnt { padding: 10px !important; } .hotel-box h3 { width:235px; font-size: 18px; line-height: 1.2; margin-bottom: 5px; } .hotel-box .image { float: left; display: inline; } .hotel-box .image img { width: 130px; height: 125px; padding: 5px; background: #fff; border: solid 1px #bdc1c5; } .hotel-box .image img { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .hotel-box .content { float: right; display: inline; width: 445px; min-height: 140px; position: relative; } .hotel-box .content .side { position: absolute; right: 0; top: 0; width: 220px; } .hotel-box .price { text-align: right; padding-bottom: 10px; } .hotel-box div.price { width: 220px; float: left; line-height: 15px; } .hotel-box .price .the-price { font-size: 32px; font-weight: bold; color: #369; margin-left: 10px; line-height: 42px; } .hotel-box .price div.the-price { float: right; } .hotel-box .call { padding: 3px 0 3px 50px; font-size: 11px; line-height: 1.2; background: url(images/icons-sprite.gif) no-repeat left -1300px; color: #333; font-weight: bold; margin-bottom: 10px; } .hotel-box .call span { color: #369; } .hotel-box .average-rating { padding-left: 20px; background: url(images/hand.gif) no-repeat 0 0; line-height: 18px; color: #666; margin: 4px 0 11px; } .hotel-overview li { margin-bottom: 6px; } .hotel-box-2 .content { float: left; display: inline;width: 335px; } .hotel-box-2 .content h3 { margin-bottom: 0; } .hotel-box-2 .content p { margin-bottom: 10px; } .hotel-box-2 .side { float: right; display: inline; width: 230px; position: static; } .hotel-box-2 .price .the-price { font-size: 40px; } .hotel-box-2 .side .call { width: 180px; margin-left: 10px; }.rating li { list-style-type: none; display: inline; background: none; padding-left: 0; margin: 0 2px; } .city-info { background: #eaeff5; padding: 10px 20px 10px 20px; width: 288px; } .city-info .wb { background: #fff; padding: 10px; width: 290px; position: relative; margin-left: -10px; } .city-info p { margin-bottom: 20px; } .city-info .list { border-top: solid 1px #bdc1c5; padding-top: 15px; padding-bottom: 25px; } .city-info .list h2 { margin-bottom: 0; } .city-info .list .cnt { float: right; display: inline; width: 180px; } .city-info .list ul { margin-bottom: 10px; } .city-info .slideshow-gallery { width: 286px; position: relative; background: #fff; height: 300px; padding: 10px; margin: 0 0 20px -10px; } .city-info .slideshow-gallery img.big { width: 286px; height: 238px; } .city-info .slideshow-gallery .slider { position: relative; margin-top: 10px; width: 100%; } .city-info .slideshow-gallery .slider .buttons a { display: block; width: 21px; height: 21px; position: absolute; top: 12px; font-size: 0; line-height: 0; text-indent: -4000px; } .city-info .slideshow-gallery .slider .buttons a.prev { background: url(images/icons-sprite.gif) no-repeat left -600px; left: 0; } .city-info .slideshow-gallery .slider .buttons a.next {background: url(images/icons-sprite.gif) no-repeat right -700px; right: 0; } .city-info .slideshow-gallery .slider .holder { width: 223px; height: 52px; position: relative; overflow: hidden; margin: 0 auto; } .city-info .slideshow-gallery .slider .content { position: absolute; top: 0; left: 0; width: 10000px; } .city-info .slideshow-gallery .slider .content li { float: left; display: inline; list-style-type: none; margin-right: 5px; padding-left: 0; background: none; } .city-info .slideshow-gallery .slider .content img { width: 52px; height: 52px; } .city-info .ad-space { margin-left: -10px; position: relative; } .city-info .attractions ul li { margin-bottom: 6px; } .climate_info { margin-left:20px; margin-bottom:20px; ; } .wrap-climate { paddeing-right: 10px; background: #fff; border:1px solid #BDC1C5; margin-left: 20px; margin-top: 15px; border-bottom: 0px;margin-bottom: 10px;} table#climet_info { width: 100%; border-spacing:0px;empty-cells: hide;border-collapse: collapse; } table#climet_info th { background: #666; color: #fff; padding: 3px 5px; font-weight: bold; width: 120px; border-right: 1px solid #efefef; } table#climet_info th.last { border-right: none; } table#climet_info td {padding: 3px 5px; border-bottom: 1px solid #BDC1C5; background: #fff;} .disclaimer-photo { font-size: 11px; color: #666666; font-style:italic; padding: 0 0 20px 0; width:306px; margin: -15px 0px 0px 0px; } .rte p { margin-bottom: 20px; } .info-attr { margin: 4px 0px; } .state-info .map { float: left; display: inline; width: 291px; padding: 10px; background: #fff; border: solid 1px #ccc; margin: 0 20px 20px 0; overflow:hidden} .state-info .map { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .top-cities { border-top: solid 1px #d9d9d9; border-bottom: solid 1px #d9d9d9; padding: 5px 0 20px; } .top-cities ul { float: left; display: inline; list-style-type: none; width: 135px; margin-left: 6px; } .top-cities ul li { background: none; padding-left: 0; } .top-cities ul li a {} .top-cities ul li a:hover { background: #6c0; color: #fff; text-decoration: none; } .top-cities ul li a:hover { background: #6c0; color: #fff; text-decoration: none; } .tabs-content .top-cities { border: none; } #popup-book-now { width: 304px; height: 135px; position: absolute; top: 0; left: 0; } #popup-book-now .bg { width: 240px; height: 115px; background: url(images/popup-book-now.png) no-repeat 0 0; padding: 20px 24px 0 40px; } #popup-prop-now { position: absolute; width: 15px; height: 250px; left: 0; background: url(images/popup-prop.png) top left no-repeat; top:54px; } #popup-prop-now .bg { height: 245px; margin:0 0 0 15px; padding-top: 25px; width: 415px; background: url(images/popup-prop.png) top right no-repeat; } #popup-book-now h4, #popup-prop-now h4 { color: #369; line-height: 1; margin-bottom: 3px; } #popup-book-now p, #popup-prop-now p { margin-bottom: 5px; font-size: 13px; } #popup-book-now p span, #popup-prop-now p span { color: #b3b3b3; margin: 0 8px; } #popup-book-nowdestination .button-green { margin-top:10px; } #popup-book-now .close { position: absolute; top: 6px; right: 13px; } #popup-book-now .close { display: block; width: 21px; height: 21px; background: url(images/icons-sprite.gif) no-repeat left -900px; font-size: 0; line-height: 0; text-indent: -4000px; } #popup-prop-now .close { position: absolute; margin:0 0 0 383px; display: block; width: 21px; height: 21px; background: url(images/icons-sprite.gif) no-repeat left -900px; font-size: 0; line-height: 0; text-indent: -4000px; } #amen_ptype.popup_msg { position:absolute; z-index:10; color:#000000; display:none; } #_mid_amen_ptype { } .textblock { border-bottom: solid 1px #d9d9d9; padding-bottom: 10px; margin-bottom: 25px; } .textblock p { margin-bottom: 15px; } .textblock p.blue { margin-bottom: 0; } .textblock ul { margin: 15px 0; padding-right: 40px; } .textblock ul.cityMore { width:240px; float: left; } .hotel-list { border-bottom: solid 1px #bdc1c5; margin-bottom: 20px; } .hotel-list .image { float: left; display: inline; background: #fff; padding: 2px; border: solid 1px #bdc1c5; margin-bottom: 10px; } .hotel-list .head { width: 200px; float: right; display: inline; } .hotel-list h3 { line-height: 23px; } .hotel-list .average-rating { color: #666; margin-bottom: 0; } .button-dropdown { float: left; display: block; width: 100px; height: 30px; line-height: 28px; background: url(images/button-dropdown.gif) no-repeat 0 0; padding-left: 28px; color: #fff; text-decoration: none; font-weight: bold; margin-right: 10px; margin-bottom: 10px; } .button-dropdown-grey { float: left; display: block; width: 100px; height: 30px; line-height: 28px; background: url(images/button-dropdown-grey.gif) no-repeat 0 0; padding-left: 28px; color: #fff; text-decoration: none; font-weight: bold; margin-right: 10px; margin-bottom: 10px; } #best-deal .tabs { position: relative; margin-top: -40px; } #best-deal .tabs a { padding-left: 5px; } #best-deal .tabs a span { padding-right: 5px; } #best-deal .tabs-content { padding-top: 25px; } #best-deal .the-deal .image { width: 138px; height: 132px; padding: 5px; background: #fff; border: solid 1px #ccc; float: left; display: inline; } #best-deal .the-deal .content { float: right; display: inline; width: 445px; } #best-deal .the-deal .content h2 { color: #333; } #best-deal .the-deal .content .price { font-size: 27px; color: #369; font-weight: bold; line-height: 35px; margin-left: 15px; } #best-deal .the-deal .content .entry { width: 385px; padding-bottom: 15px; } #best-deal .the-deal .content div.left { margin-right: 20px; margin-bottom: 15px; } #best-deal .the-deal .content div.left ul { list-style-type: none; } #best-deal .the-deal .content div.left ul li { padding-left: 8px; background: url(images/list-item.gif) no-repeat 0 8px; } #best-deal .the-deal .cnt { padding: 10px 10px 60px; } .hotels-sl li { list-style-type: none; background: none; padding-left: 0; } .hotels-sl li li { border-bottom: solid 1px #bdc1c5; padding-bottom: 7px; margin-bottom: 10px; line-height: 1.4; } .hotels-sl li li p a { text-decoration: none; color: #369; font-weight: bold; } .hotels-sl li li .price { float: right; display: inline; font-size: 20px; color: #369; font-weight: bold; } .hotels-sl li li .price .fr { font-weight: normal; margin-right: 8px; } .visit{background:url(images/seaside.jpg); width:984px; height:270px; } .visit .booking {padding-left:578px; padding-top:64px} .visit h2{font-size: 35px; color:#fff;} .visit h2 em{font-size: 14px; font-family: georgia, sans-serif;} .visit h3{font-size: 22px; color:#fff;} .visit a.book{background:url(images/book-now.png); width:153px; height:47px; display: block;} .visit .tab-nav{padding-top:30px; float: right; display: inline; padding-right:3px; width:150px} .visit .tab-nav a{float: left; width:23px; height:23px; background:url(images/square.gif); font-size: 18px; font-weight: bold; color:#66cc00; line-height:23px; text-align: center; text-decoration: none; margin-right:7px} .visit .tab-nav a.active{background-position: 0 bottom; color:#fff; } .grey-gr-box{background:url(images/grey-gradient.gif) repeat-x; padding-bottom:20px; position: absolute; width: 985px;} .grey-gr-box .headings {padding-top:40px; float: left; display: inline;} .grey-gr-box h2{font-size: 26px; color:#333; margin:0;} .grey-gr-box h3{font-size: 19px; color:#336699; } .grey-gr-box .grey-holder{ width:316px; min-height:392px; margin-left:40px; margin-top:-238px; position:relative; float: left;padding-right: 30px;} .grey-gr-box .grey-holder .inner{ width: 298px; float: left; padding-left:18px; padding-top:10px; background:url(images/gradient-form.png) bottom right no-repeat; } .grey-gr-box .grey-holder .inner h3{color:#336699} .grey-gr-box .grey-holder .inner a.adv{float: left; margin-top:10px} .grey-gr-box .grey-holder .top-rounded { background:url(images/gradient-form.png) top left no-repeat; } .small-left-spacer{padding-left:10px;} .small-left-spacer.homePage { margin-top: 240px; } .round-frame {background:url(images/round-top.gif) no-repeat; width:617px; padding: 20px 10px 10px; margin-left:10px; } .round-frame ul{list-style-type: none; float: left; display: inline; padding-bottom:23px; list-style-position: outside;} .round-frame ul.hotels{} .round-frame ul.hotels li{width:147px} .round-frame ul.hotels li a{display: inline; text-decoration: underline;} .round-frame ul.hotels li a:hover{text-decoration: none;} .round-frame ul.space{ padding-right:15px} .round-frame li{width:299px; margin-bottom:5px; padding-left:0; background: none;} .round-frame li a{width:289px; height:38px; padding-top:7px; display: block; text-decoration: none; padding-left:10px; } .round-frame li.wh a{ background:url(images/li-w.gif)} .round-frame li.bl a{ background:url(images/li-bl.gif)} .round-frame li a strong.price{float: right; font-size: 20px; padding-top:7px; padding-right:7px} .round-frame li a strong.price em{font-family: Georgia, sans-serif; color:#666; font-weight: normal; font-size: 14px;} .round-frame li a strong{float: left; line-height:13px;} .round-frame li a strong span{color:#000; font-weight: normal;} .column-side .city-info .no-border{border:0} div.list .cnt .insider p{margin-bottom:5px} div.list .cnt .head-part{font-size: 14px; color:#336699; font-weight: bold; margin-bottom:0px} div.list .cnt .head-part span{float: right;} div.list .cnt .head-part em{font-family: Georgia, sans-serif; color:#666; font-weight: normal;} div.list .cnt a.view{background: url(images/icons-sprite.gif) no-repeat right -700px; padding-right:26px; line-height:21px; float: left;} .reminder{background:url(images/reminder.gif); width:315px; height:112px; float: right; margin-top:23px; padding-top:8px; padding-left:14px} .reminder a{ margin-right:0; margin-top: 24px; } .reminder form .rowElem label { line-height: 26px; } .reminder small{font-size: 11px; color:#666; padding-left:5px} #remind-options .field { width: 207px; } #remind-options select { width: 177px; } #remind-options div.left { margin-right: 8px; } .hotelDescription ul li { background: none; } .hotelDescription h4 { color: #333; } .hotelDescription h4.highlight { margin-top: 12px;} #hotel-info-detailed .box32 { background: url(images/roundeds/box32_v1.gif) repeat-x 0 0; } #hotel-info-detailed .box32 .cnt { padding: 16px 6px 58px 11px; } #hotel-info-detailed .box32 .cnt .image { float: left; display: inline; padding: 8px; background: #fff; border: solid 1px #c8c9ca; } #hotel-info-detailed .box32 .cnt .image { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #hotel-info-detailed .box32 .cnt .image img { width: 190px; height: 182px; } #hotel-info-detailed .box32 .cnt .content h2 { color: #333; } #hotel-info-detailed .box32 .cnt .content { float: left; display: inline; width: 440px; margin-left: 15px; font-size: 18px; color: #666; line-height: 1.3; font-weight: bold; } #hotel-info-detailed .box32 .cnt .content .rating { float: left; display: inline; margin-right: 15px; } #hotel-info-detailed .box32 .cnt .content .average-rating { float: left; display: inline; font-size: 12px; font-weight: normal; line-height: 16px; border-left: solid 1px #d4d9dd; } #hotel-info-detailed .box32 .cnt .content .average-rating { padding: 10px 0 0 40px; background: url(images/hand2.gif) no-repeat 15px center; } #hotel-info-detailed .box32 .cnt .content .entry { margin-top: 5px; } #hotel-info-detailed .box32 .cnt .side { width: 286px; float: right; display: inline; } #hotel-info-detailed .box32 .cnt .side .price { font-size: 40px; color: #369; text-align: center; } #hotel-info-detailed .box32 .cnt .side .button-green { margin: 17px 0 0 70px; } #hotel-info-detailed .tabs { margin-top: -40px; position: relative; } .hotel-overview .image { float: left; padding: 10px; background: #fff; border: solid 1px #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 0 15px 10px 0; } .round-frame-2 { background: url(images/round-frame-2.gif) no-repeat 0 0; padding: 15px 20px 10px 20px; width: 577px;overflow:hidden; } .round-frame-book { background: url(images/round-frame-2.gif) no-repeat 0 0; padding: 15px 20px 10px 20px;overflow:hidden; } .round-frame-3 { padding: 15px 0 10px; width: 617px; } .round-frame-4 { background: url(images/round-frame-4.gif) no-repeat 0 0; padding: 10px 0; } .round-frame-5 { background: url(images/round-frame-5.gif) no-repeat 0 0; padding: 10px 20px; } .reviews { position: relative; width: 100%; } .review { border-bottom: solid 1px #e6e6e6; margin-bottom: 15px; padding: 0 20px 15px; } .review-last { border-bottom: none; } .review h2 { font-size: 18px; font-family: Georgia, "Trebuchet MS", Sans-Serif; font-style: italic; line-height: 1; margin-bottom: 8px; } .review .meta { color: #666; margin-bottom: 10px; } .review .meta .average-rating { background: url(images/hand2.gif) no-repeat 0 0; padding: 8px 0 2px 30px; margin-left: 7px; } .review .meta .average-rating.rating-down { background-image: url(images/hand3.gif); } .review .entry p { color: #292425; line-height: 19px; margin-bottom: 19px; } .reviews .popup { top: 0 !important; left: 0 !important; } table.rates { margin-bottom: 25px; } table.rates tr td { vertical-align: top; padding-top: 25px; padding-bottom: 25px; border-bottom: solid 1px #e6e6e6; } table.rates tr td.hotelAmenities {padding-top: 0px;padding-bottom: 0px;} table.rates.hotelPage tr td { border-bottom: none; } table.rates tr td tr td { padding: 0; padding-bottom: 20px; } table.rates th { font-size: 17px; font-weight: bold; line-height: 32px; text-align: left; border-bottom: solid 1px #c1d0e0; } table.rates th.avgRate { padding-left: 20px; text-align: center; } table.rates h4 { line-height: 1; color: #369; } table.rates .pernight-rate li { float: left; display: inline; margin-right: 2px; text-align: center; background: none; padding-left: 0; line-height: 23px; font-size: 14px; } table.rates .pernight-rate li .old { color: #999; text-decoration: line-through; } table.rates .pernight-rate li .day { background: url(images/rates-day.gif) no-repeat 0 0; text-align: center; color: #fff; font-weight: bold; width:42px;} table.rates .price { font-size: 40px; color: #369; font-weight: bold; line-height: 1; text-align: center; } table.rates .call { padding: 3px 0 3px 30px; font-size: 11px; line-height: 1.2; background: url(images/phone.gif) no-repeat 0 center; color: #333; font-weight: bold; margin: 17px -20px 22px 0; width: 170px; white-space: nowrap; position: relative; } table.rates .call span { color: #369; } table.rates .roomPrice .button-green { margin-left:35px; } table.rates .roominfo { float: left; width: 390px; } table.rates .rateinfo { float: left; width: 320px; } .roomFeatures, .cancelPolicy, .cliamte { color: #0066CC; font-size: 13px; padding-left: 24px; text-decoration:underline; margin-top: 10px; cursor:pointer;} .cancelPolicy { margin-top: 3px; } .icon.cancelPolicy { padding-bottom: 2px; margin-top: 10px;} .roomFeatures:hover, .cancelPolicy:hover { text-decoration:none; } .roominfo .items { width: 390px; float:left;display: none; } .roominfo .items.features { display: block; } .roominfo .items ul { width: 170px; float: left;margin-left:20px;margin-top:5px;} .roomContent .hotelAmenities { margin-top: 10px; } .hotelAmenities a { font-size: 13px; } .roomContent .hotelAmenities ul { margin-left:20px; } .roominfo .items ul li, .roomContent .hotelAmenities li { margin-bottom: 5px; font-size: 11px; color: #333333; padding-right: 15px; background-position: 0px 5px;} .hotelAmenities li { padding-right: 0px; } .roomContent .hotelAmenities li { width: 170px; float: left; padding-right: 15px; } .roominfo .bedtype { font-size: 13px; color: #333333; font-style:italic; } .policy { display: none; float: left; font-size: 11px; color: #333; padding-left: 20px; position:relative; width:570px; padding-top:8px;} .policy.active { display: block; } .hotelAmenities .policy { width:auto; }.romm_amenity { padding-top: 10px; padding-left:15px; } .romm_amenity li { font-size: 11px; background-position: 0px 5px; } .cancellation-policy h4 { color: #369; margin-bottom: 15px; } .cancellation-policy p { color: #666; margin-bottom: 15px; }.round-frame-2.cancellation { margin: 0px auto; padding-bottom: 25px; } .cancellation .hotel-box-heading { text-align: center; } .cancellation .alignCenter { padding-left: 180px; } .cancellation .button-green { margin-left:65px; } #write-review { width: 970px; height: 779px; background: url(images/popup-write-review.gif) no-repeat 0 0; } #write-review .close,.closepopup { position: absolute; top: 6px; right: 13px; } #write-review .close ,.closepopup { display: block; width: 21px; height: 21px; background: url(images/icons-sprite.gif) no-repeat left -900px; font-size: 0; line-height: 0; text-indent: -4000px; } #write-review .spacer { padding: 15px 85px 0 20px; } #write-review h4 { margin-bottom: 20px; } .pernight-rate {margin-left:10px;}.hotel-box-heading { font-weight:bold; font-size: 18px; line-height: 1.2; margin-bottom: 5px; color:#336699;} .roominfo .hotel-box-heading { margin-bottom:0px; } .padding10top {padding-top:10px;} .padding5top {padding-top:5px;} #popupbg, #popupbgbook {background-color:#FFFFFF;opacity: .80;filter:Alpha(Opacity=80);display:none;position:absolute;top:0px;left:0px;width:100px;height:100px;z-index:99;} #new_review, #information_div {position:absolute;top:100px;z-index:100;} #popupbgbook1 { z-index:110;background-color:#FFFFFF;opacity: .80;filter:Alpha(Opacity=80);display:none;position:absolute;top:0px;left:0px;width:100px;height:100px;} #information_div1 {z-index:111;display:none;width:550px; border:2px solid #000;background-color:#FFF;padding:15px;position:absolute;height:100px;top:100px;left:100px;} .icon.arr-left { background-image: url(images/icon-arr-left.gif);padding:4px 26px 4px 0px;background-position:right center } .hotelheading {font-size: 18px; line-height: 1.2; margin-bottom: 5px;color:#0066CC;font-weight:bold;} .roomContent { float: left; width: 345px; min-height: 140px; } .roomContent .hotelAmenities { float:left; width:410px; } .roomContent .hotelAmenities div { margin-top: 10px; } .padding5button {padding-bottom:5px;} .padding5right {padding-right:5px} #shadow {position:absolute;filter:alpha(opacity=60);opacity:.6;background-color:#CCE4FC;display:none;z-index:99;} .popupdiv {padding:15px 24px 0 40px;position:absolute;visibility:hidden;width:240px;z-index:10;height:120px;color:#336699;background:transparent url(images/popup-book-now.png) no-repeat scroll 0 0;} .para{text-align:justify; margin:10px 20px 0px 20px;} .staticbg{background-image: url(/images/staticBg.png);width:958px;background-repeat:no-repeat;padding-top:10px;font-family:verdana;color:#333;font-size:12px;} .overflowhidden{overflow:hidden}.termslink { text-decoration: underline; color: #0066CC; cursor: pointer; } #cardConditions.hidden-term { border-top: 1px solid #BABDC2; padding: 20px 0 20px 0; width: 556px; margin-left: 20px; } .hidden-term { margin: 10px 0px 0px 0px; display: none;} .hidden-term.active { display: block;} .hidden-term h2 { margin-left: 0px; margin-bottom: 0px; font-size: 18px;} .hidden-term p.para { margin: 0px 10px 10px 0px; line-height: 1.6; } .closeterm { cursor: pointer; display: block; width: 21px; height: 21px; background: url(images/icons-sprite.gif) no-repeat left -900px; font-size: 0; line-height: 0; text-indent: -4000px; float: right; } .terms-inner { font-size: 11px; height: 200px; overflow-y: scroll;} /* ------------- * Homepage Specific Classes * ------------- */ #smallsearch form .rowElem label {line-height: 30px !important;font-size: 16px;} #smallsearch form .rowElem.checkinout {width: 135px;padding-right: 4px;margin-bottom: 0;} #smallsearch form .rowElem.addroom {margin: 40px 0 0 0;} #smallsearch form .rowElem.submitbtns {padding-bottom: 60px;margin-bottom: 0;} #smallsearch form .rowElem.people {width: 80px;padding-right: 7px;margin: 0;} #findhotel { display: block; float: left; } .grey-gr-box .top-rounded h3 {font-size: 19px; color:#336699; padding: 10px 0 0 20px; } .ds-top, .ds-bottom { position: relative; z-index:10; color: #fff;} .ds-bottom { z-index: 9; margin-left: 1px; opacity: .80;filter:Alpha(Opacity=80);} .ds-bottom h2, .ds-bottom h3 {color: #000;} .ds-top h2, .ds-top h3, .ds-bottom h2, .ds-bottom h3 {line-height: 1.3; margin-bottom: 0px;} .booking .button-green { margin-top: 5px;} /* ------------- * Newsletter confirmation text * ------------- */ #confirm_email .thanks { font-weight: bold;color: #336633;border: 1px solid #009900;background-color: #E3FFD7;font-size: 11px;font-weight: bold;padding: 2px 5px;width: 292px;} /* ------------- * Search box display * ------------- */ #full_search {clear: both;} #search-options div.left .box1.left {position: relative;margin: -6px 0 0 -4px;} #removelink {padding: 40px 0 0 8px;position: absolute;} /* ------------- * Country Path "More Information" button * ------------- */ .button-green.popupbtn {padding: 20px 0 20px 0;} .taxes { font-size: 11px;color: #333333;font-style:italic;margin-left: 4px;font-weight: normal;} .distancetext {color:#660000;font-size:12px;width: 240px;} /* ------------- * ShareThis button * ------------- */ #home_page { border: 3px solid #f00; } /* ------------- * SiteMap Styles * ------------- */ .staticbg.sitemap {font-family: Helvetica, Arial, Sans-Serif; background: url('images/round-frame-4.gif') no-repeat 20px 0px; width: 965px;} h2.sitemap { font-size:16px; font-weight:bold; line-height:26px; text-align:left; color: #000; margin-bottom: 0px; cursor: pointer;} .wrap-region {padding-left: 20px; } .wrap-region div.left-spacer {border-top: 1px solid #C1D0E0;margin-top: 8px;} .wrap-region div.box1 {margin-bottom: 10px; } .wrap-siteMap, .wrap-region-sub {float: left;width: 210px;padding-right: 10px;} .wrap-siteMap.first { padding-left: 50px; } .wrap-region-sub ul li { margin-bottom: 5px;} /* Inputs : height: 42px; width: given_width + 20px (240px + 20px = 260px); Textarea : height: given_height + 10px (150px + 10px = 160px); width: given_width + 10px (400px + 10px = 410px); Select : (given_width is width with borders); height: 42px; full_width: given_width + 50px; width_without_arrow: given_width + 10px; */ /* ------------- * Default States * ------------- */ form h4 { padding-bottom: 15px; } form.left-spacer { padding-left: 9px; } form .rowElem { margin-bottom: 25px; } form .rowElem .rowElem{ margin-bottom:0; } form#bookhotel .rowElem{ margin-bottom:25px !important; } form .rowElem.box1 { width: 596px; } form .rowElem small { display: block; color: #666; font-size: 12px; margin-left: 2px; } form .rowElem div.left { margin-right: 15px; } form .rowElem p { line-height: 42px; } form .rowElem label { line-height: 2; } form span.sep { float: left; display: inline; line-height: 42px; font-size: 18px; font-weight: bold; color: #333; margin: 0 10px; width: 5px; overflow: hidden; } input, select, textarea { font-size: 18px; font-weight: bold; color: #369; font-family: Helvetica, Arial, Sans-Serif; } input.field { width: 235px; } textarea { width: 400px; height: 150px; } .jqTransformSelectWrapper, .jqTransformInputWrapper, .jqTransformTextarea { font-size: 18px; font-weight: bold; color: #369; font-family: Helvetica, Arial, Sans-Serif; } /* ------------- * Labels * ------------- */ .jqtransform label { display: block; font-size: 18px; font-weight: bold; color: #333; } .jqtransform label.left { line-height: 42px; margin-right: 10px; } /* ------------- * Radios & Checkboxes * ------------- */ /*Radios*/ .jqTransformRadioWrapper { float: left; display: block; } .jqTransformRadio { background: transparent url(images/form-elements/radio.gif) no-repeat center top; vertical-align: middle; height: 19px; width: 18px; display: block; } /*checkboxes*/ span.jqTransformCheckboxWrapper { display: block; float: left; } a.jqTransformCheckbox { background: transparent url(images/form-elements/checkbox.gif) no-repeat center top; vertical-align: middle; height: 19px; width: 18px; display: block; } /*checked*/ a.jqTransformChecked { background-position: center bottom; } /* ------------- * Inputs * ------------- */ .jqTransformInputWrapper { background: transparent url(images/form-elements/input_text_left.gif) no-repeat left top; height: 42px; float:left; } .jqTransformInputInner { background: transparent url(images/form-elements/input_text_right.gif) no-repeat top right; } .jqTransformInputInner div { height: 22px; padding: 10px; overflow: hidden; } .jqTransformInputInner div input { border: none; background: none; } /*hover*/ .jqTransformInputWrapper_hover { background-position: left -42px; } .jqTransformInputWrapper_hover div.jqTransformInputInner { background-position: right -42px ; } /*focus*/ .jqTransformInputWrapper_focus { background-position: left -42px; } .jqTransformInputWrapper_focus div.jqTransformInputInner { background-position: right -42px ; } /* ------------- * Textarea * ------------- */ table.jqTransformTextarea td { font-size: 1px; line-height: 1px; width: 5px; height: 5px; } table.jqTransformTextarea textarea{ border: 0; background: none; resize: none; } table.jqTransformTextarea td#jqTransformTextarea-tl { background: url(images/form-elements/textarea_tl.gif) no-repeat top left; } table.jqTransformTextarea td#jqTransformTextarea-tm { background: url(images/form-elements/textarea_tm.gif) repeat-x top left; } table.jqTransformTextarea td#jqTransformTextarea-tr { background: url(images/form-elements/textarea_tr.gif) no-repeat top left; } table.jqTransformTextarea td#jqTransformTextarea-ml { background: url(images/form-elements/textarea_ml.gif) repeat-y top left; } table.jqTransformTextarea td#jqTransformTextarea-mm { background: url(images/form-elements/textarea-mm.gif) repeat; } table.jqTransformTextarea td#jqTransformTextarea-mr { background: url(images/form-elements/textarea_mr.gif) repeat-y top left; } table.jqTransformTextarea td#jqTransformTextarea-bl{background: url(images/form-elements/textarea_bl.gif) no-repeat top left;} table.jqTransformTextarea td#jqTransformTextarea-bm{background: url(images/form-elements/textarea_bm.gif) repeat-x top left;} table.jqTransformTextarea td#jqTransformTextarea-br{background: url(images/form-elements/textarea_br.gif) no-repeat top left;} /*hover*/ table.jqTransformTextarea-hover td#jqTransformTextarea-tl { background-position:0px -5px; } table.jqTransformTextarea-hover td#jqTransformTextarea-tm { background-position:0px -5px; } table.jqTransformTextarea-hover td#jqTransformTextarea-tr { background-position:0px -5px; } table.jqTransformTextarea-hover td#jqTransformTextarea-ml { background-position:-5px 0px; } table.jqTransformTextarea-hover td#jqTransformTextarea-mm { background-image: url(images/form-elements/textarea-mm-hover.gif); } table.jqTransformTextarea-hover td#jqTransformTextarea-mr { background-position:-5px 0px; } table.jqTransformTextarea-hover td#jqTransformTextarea-bl { background-position:0px -5px; } table.jqTransformTextarea-hover td#jqTransformTextarea-bm { background-position:0px -5px; } table.jqTransformTextarea-hover td#jqTransformTextarea-br { background-position:0px -5px; } /*focus*/ table.jqTransformTextarea-focus td#jqTransformTextarea-tl { background-position:0px -10px; } table.jqTransformTextarea-focus td#jqTransformTextarea-tm { background-position:0px -10px; } table.jqTransformTextarea-focus td#jqTransformTextarea-tr { background-position:0px -10px; } table.jqTransformTextarea-focus td#jqTransformTextarea-ml { background-position:-10px 0px; } table.jqTransformTextarea-focus td#jqTransformTextarea-mm { background-image: url(images/form-elements/textarea-mm-focus.gif); } table.jqTransformTextarea-focus td#jqTransformTextarea-mr { background-position: -10px 0px; } table.jqTransformTextarea-focus td#jqTransformTextarea-bl { background-position:0px -10px; } table.jqTransformTextarea-focus td#jqTransformTextarea-bm { background-position:0px -10px; } table.jqTransformTextarea-focus td#jqTransformTextarea-br { background-position:0px -10px; } /* ------------- * Selects * ------------- */ .jqTransformSelectWrapper { float: left; position: relative; height: 42px; width: 45px; background: url(images/form-elements/select_left.gif) no-repeat top left; } .jqTransformSelectWrapper div span { position: absolute; white-space: nowrap; height: 22px; line-height: 22px; padding: 10px; overflow: hidden; cursor: pointer; } .jqTransformSelectWrapper a.jqTransformSelectOpen { display: block; position: absolute; right: 0px; width: 39px; height: 42px; background: url(images/icons-sprite.gif) no-repeat left -1900px; } .jqTransformSelectWrapper ul { width: 43px; height: 150px; position: absolute; top: 42px; left: 0px; background: #fff; border: solid 1px #ccc; display: none; z-index:10; } .jqTransformSelectWrapper ul { overflow: auto; overflow-y: auto;overflow-x:hidden ; } .jqTransformSelectWrapper ul li { list-style: none; line-height: 22px; background-image: none; padding-left: 0px;} .jqTransformSelectWrapper ul a { display: block; padding: 5px; text-decoration: none; color:#333; background-color: #FFF; } .jqTransformSelectWrapper ul a.selected { background: #EDEDED; color: #333; } .jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover { background: #3582c4; color: #fff; } /* ------------- * Hidden - used to hide the original form elements * ------------- */ .jqTransformHidden { display: none; } /* ------------- * Error Rows * ------------- */ .rowElemError .jqTransformInputWrapper { background-position: left -84px !important; } .rowElemError .jqTransformInputWrapper div.jqTransformInputInner { background-position: right -84px !important; } .rowElemError label { color: #f00; } .rowElemError .borders { background: #ffe5e5; border: solid 1px #ffacac; padding: 0 12px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-bottom: 27px; } .rowElemError.termsagree {background: #ffe5e5; padding:5px 0} .single-select { position: relative; width: 74px; } .single-select input { width: 54px !important; } .single-select .buttons { position: absolute; top: 2px; right: 2px; width: 27px; height: 38px; font-size: 0; line-height: 0; background: url(images/icons-sprite.gif) no-repeat left -2000px;} .single-select .buttons a { display: block; width: 27px; height: 19px; text-indent: -4000px; } .cardLogos { position: absolute; margin-top:-20px; } /* ------------- * Misc Styles * ------------- */ #extraemail a#removeemail { float: left; display: block; width: 26px; height: 26px; background: url(images/icon_close.png) no-repeat left 0px; font-size: 0; line-height: 0; text-indent: -4000px; margin-left: -15px;margin-top: -10px; position: relative; z-indexd: 100;} .wrap-rooms .box1.room-header, .wrap-email .box1.room-header {margin-left:-10px; margin-top:-10px; position:relative; width:608px;} .hotel-box.wrap-rooms .cnt.box3-cnt, .hotel-box.wrap-email .cnt.box3-cnt { padding-bottom: 0px !important; } .room-no.icon {cursor: pointer; color:#000000;cursor:pointer;font-size:18px;font-weight:bold; line-height:22px; padding-bottom: 0px; padding-top: 2px;} .room-header-details {font-size:13px;color: #333;} .wrap-rooms h4, .wrap-email h4 {font-size: 14px; padding-bottom: 0px;} .wrap-rooms h4.remove_div, .wrap-email h4.remove_div { margin-top: 5px; font-size: 12px;padding-bottom: 10px } .wrap-rooms-form{ padding-bottom: 10px;} .wrap-rooms-form h2 { margin-bottom:0px; line-height: 22px; margin-top: 10px;} .room-header-details {border-top:1px solid #BABDC2 ;margin-top: 5px; margin-left: 20px;} .room-header-details dl {float:left; padding-left: 15px; margin-top: 10px;} .room-header-details dl.first { padding-left: 0px; } .room-header-details dt {float:left; clear:none; font-size: 12px; padding-right: 5px; font-weight: bold; color: #292425;} .room-header-details dd { float:left; clear:none; font-size: 12px; } dl.contact-name { width: 200px; } dl.bed-pref { width: 250px; } dl.smoking-pref { width: 85px; } .bed-pref dd { text-transform:capitalize;} #statefield {display:none} * { padding: 0; margin: 0; outline: 0; } body {font-size: 12px;line-height: 1.6;font-family: Helvetica, Arial, Sans-Serif;color: #292425;background: #fff;text-align: left;} .print {visibility:visible;} a img { border: 0; } a { color: #06c; text-decoration: underline; cursor: pointer; } a:hover { text-decoration: none; }ul { list-style-type: none; } ul li { background: url(images/list-item.gif) no-repeat 0 8px; padding-left: 10px; } ul.notlisted li { background: none; padding-left: 0; }h2 { font-weight: bold; font-size: 22px; color: #369; line-height: 35px; margin-bottom: 5px; } h3 { font-weight: bold; font-size: 18px; color: #333; line-height: 29px; } h4 { font-weight: bold; font-size: 16px; color: #666; line-height: 21px; } h5 { font-weight: bold; font-size: 14px; color: #336699; line-height: 18px; }h2 a.right, h2 .normal, h3 a.right, h4 a.right { font-size: 12px; font-weight: normal; }.bookwidth{width:240px; text-align:right;padding-right:10px} .cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; } .left { float: left !important; display: inline; } .right { float: right !important; display: inline; } .center { text-align: center !important; } .inline { display: inline; } .notext { font-size: 0; line-height: 0; text-indent: -4000px; } .half { width: 50%; float: left; display: inline; } .alpha { margin-left: 0 !important; } .omega { margin-right: 0 !important; } .green { color: #6c0; } .blue { color: #369; } .blue-bg { background: #eaeff5; } p.big { font-size: 15px; font-weight: bold; color: #369; margin-bottom: 5px; } span.fr { font-size: 13px; color: #666; font-style: italic; font-family: Georgia, "Trebuchet MS", Sans-Serif; } div.fr { font-size: 13px; color: #666; font-style: italic; font-family: Georgia, "Trebuchet MS", Sans-Serif; width: 70px; float:right; padding-top: 4px} div.fr span { } #topbar { line-height: 28px; font-size: 14px; color: #369; padding: 7px 9px 4px 20px; width: 975px; margin: 0 auto; } #topbar a { color: #369; } #topbar a.small { font-size: 12px; color: #06c; } #topbar a.choose { padding: 2px 33px 3px 0; background: url(images/icons-sprite.gif) no-repeat right 0px; margin-right: 5px; text-decoration: none; } #topbar .sep { float: left; display: inline; border-right: solid 1px #e6e6e6; height: 28px; margin: 0 11px; } #page { width: 1004px; height: 100%; margin: 0 auto; background: url(images/bg-page.gif) repeat-y 0 0; } #page-top { background: url(images/bg-page-top.gif) no-repeat 0 0; } #page-bot { background: url(images/bg-page-bot.gif) no-repeat 0 bottom; height: 100%; padding: 12px 10px 20px; } #header { padding: 0 0 10px 0; height: 100%; } #main-nav { font-size: 18px; line-height: 42px; font-weight: bold; margin-bottom: 5px; height: 42px; } #main-nav li { float: left; display: inline; list-style-type: none; padding-left: 0; background: none; } #main-nav li a { color: #336699; text-decoration: none; float: left; display: inline; padding: 0 13px; background: url(images/main-nav.gif) no-repeat center 0; } #main-nav li a:hover { background-position: center bottom; } #main-nav li.first a { background-position: left 0; } #main-nav li.first a:hover { background-position: left bottom; } #main-nav li.last a { background-position: right 0; } #main-nav li.last a:hover { background-position: right bottom; } #main-nav li .sep { float: left; display: inline; width: 1px; height: 42px; background: url(images/main-nav-sep.gif) no-repeat 0 0; } h1#logo { margin: 10px 0 0 0; padding: 0; }#footnavs { color: #369; padding: 20px 0 0 10px; } #footnavs span { font-size: 14px; } #footnavs a { margin: 0 8px; }#copy { text-align: right; color: #369; padding: 85px 10px 0 0; } #copy a { margin-left: 5px; }.column-side { float: right; display: inline; width: 328px; } .column-main { float: left; display: inline; width: 637px; } .column-main.left-spacer { width: 617px; } .left-spacer { padding-left: 20px; } .tabs { font-size: 19px; font-weight: bold; line-height: 41px; border-bottom: solid 5px #369; margin-bottom: 1px; padding-left: 20px; } .tabs li { float: left; display: inline; list-style-type: none; margin-right: 5px; padding-left: 0; background: none; } .tabs li a { color: #369; text-decoration: none; float: left; display: inline; background: url(images/tabs.gif) no-repeat 0 0; padding-left: 12px; } .tabs li a span { float: left; display: inline; background: url(images/tabs.gif) no-repeat right 0; padding-right: 12px; } .tabs li a:hover, .tabs li a.active { background-position: 0 bottom; color: #fff; } .tabs li a:hover span, .tabs li a.active span { background-position: right bottom; } #regionToggle.tabs {float:left; border-bottom: none; padding-left:0px; margin-bottom: 0px; } #regionToggle.tabs li a { padding-left: 8px; } #regionToggle.tabs li a span { padding-right: 8px; } #regionToggle.tabs li div { float: left; width: 16px; height: 41px; background: url(images/btn-next1.png) no-repeat left 8px; } #regionToggle.tabs li a:hover div { background-position: left -36px; } #regionToggle.tabs li div.back { background-image: url(images/btn-back1.png); } .tabs-content, .apiSeperator { background: url(images/tabs-content.gif) repeat-x 0 0; height: 100%; padding-top: 15px; } .apiSeperator { padding: 10px 10px 0; border-top: 2px solid #336699; }.button-green { float:left; display: inline; height: 46px; line-height: 41px; font-size: 18px; color: #fff; font-weight: bold; text-decoration: none; margin-right: 18px; } .button-green-overview { float: right; display: inline; height: 46px; line-height: 41px; font-size: 18px; color: #fff; font-weight: bold; text-decoration: none; margin-right: 18px; } .button-green.right { margin-right: 0; } .button-green .l, .button-green .r { float: left; display: inline; width: 14px; height: 46px; font-size: 0; line-height: 0; text-indent: -4000px; } .button-green .l { background: url(images/button-green-left.png) no-repeat 0 0; } .button-green .r { background: url(images/button-green-right.png) no-repeat 0 0; } .button-green .c { float: left; display: inline; height: 46px; background: url(images/button-green-center.png) repeat-x 0 0; padding: 0 5px; } .button-grey { float: left; display: inline; height: 46px; line-height: 41px; font-size: 18px; color: #666; font-weight: bold; text-decoration: none; margin-right: 18px; } .button-grey.right { margin-right: 0; } .button-grey .l, .button-grey .r { float: left; display: inline; width: 14px; height: 46px; font-size: 0; line-height: 0; text-indent: -4000px; } .button-grey .l { background: url(images/button-grey-left.png) no-repeat 0 0; } .button-grey .r { background: url(images/button-grey-right.png) no-repeat 0 0; } .button-grey .c { float: left; display: inline; height: 46px; background: url(images/button-grey-center.png) repeat-x 0 0; padding: 0 5px; } .breadcrumb { color: #0066cc; font-weight: bold; line-height: 28px; margin-bottom: 7px; } .breadcrumb a { font-size: 12px; } .breadcrumb a.icon { padding: 0; float: left; display: inline; margin-right: 8px; } .ad-space { background: #eaeff5; } .ad-space .ad { background: #fff; display: block; padding: 10px; margin: 10px auto; width: 285px; height: 285px; }input.datepicker { width: 93px !important; } .ui-datepicker-trigger { margin: 5px 0 0 5px; } .ui-datepicker-trigger:hover, input.datepicker {cursor:pointer} .prefer-to-call { width: 286px; height: 82px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/prefer-to-call.png) no-repeat 0 0; } .prefer-to-call-2 { width: 286px; height: 67px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/prefer-to-call-2.png) no-repeat 0 0; } .paging { line-height: 42px; color: #666; } .paging span { margin-left: 5px; } .notice-red { background: #ffe5e5; border: solid 1px #ffacac; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 0 12px; margin-bottom: 10px; } .notice-red h3 { color: #ff0000; } .icon { padding: 4px 0 4px 26px; background: no-repeat 0px 0px; } .icon.plus { background: url(images/icons-sprite.gif) no-repeat 0px -1001px; font-weight: bold; text-decoration: none; color: #666; } .icon.arr-right { background: url(images/icons-sprite.gif) no-repeat 0px -700px;} .icon.arr-right-2 { padding: 4px 26px 4px 0; background: url(images/icons-sprite.gif) no-repeat right -700px; } .icon.print { background: url(images/icons-sprite.gif) no-repeat 4px -1096px; padding-left: 36px; font-size: 12px; font-weight: bold; margin-bottom: 10px; } .icon.share { background: url(images/icons-sprite.gif) no-repeat left -1196px; font-size: 12px; font-weight: bold; } .icon.right { margin-left: 10px; margin-top: 4px; } .icon.arr-down { background: url(images/icons-sprite.gif) no-repeat 0p 0px; } .icon.tic-right { background: url(images/tic-arrow.png) no-repeat 0px -10px; padding-left: 20px;} .icon.tic-down { background: url(images/tic-arrow.png) no-repeat 0px 11px; padding-left: 20px;} .ui-icon.arr-down2 { background: url(images/icons-sprite.gif) no-repeat 0px -100px !important; height:21px;width:80px; } #reservation-details { margin: 25px 0 0 10px; color: #292425; } #reservation-details h2 { margin-bottom: 24px; } #reservation-details h4 { font-size: 14px; color: #369; margin-bottom: 10px; } #reservation-details p { color: #666; } #reservation-details .rowElem { margin-bottom: 20px; } #reservation-details .rowElem label { font-weight: bold; float: left; display: inline; width: 80px; text-align: right; margin-right: 5px; } #reservation-details .rowElem label.wider { width: 185px; } #reservation-details .rowElem .txt { float: left; display: inline; width: 190px; } #reservation-details .rowElem .txt-shorter { float: left; display: inline; width: 70px; } #reservation-details .total { border-top: solid 1px #babdc2; } #reservation-details .total h2 { float: left; display: inline; width: 130px; font-size: 19px; } #reservation-details .total .total-sum { font-weight: bold; font-size: 20px; line-height: 35px; color: #6c0; float: left; width: 146px; text-align: right; } #reservation-summary { margin-left: 10px; } #reservation-summary .cnt { padding: 10px; } #reservation-summary .map { float: right; display: inline; width: 287px; height: 239px; } #reservation-summary h2 { width: 250px; border-bottom: solid 1px #bddaf7; } #reservation-summary .conf-number { width: 250px; border-bottom: solid 1px #bddaf7; font-size: 15px; font-weight: bold; color: #369; padding: 7px 0 10px; } #reservation-summary .conf-number span { text-transform: uppercase; color: #000; } #reservation-summary .title { font-size: 14px; font-weight: bold; color: #369; margin-top: 20px; } #reservation-summary .content { width: 290px; float: left; display: inline; } #reservation-summary label { float: left; display: inline; width: 105px; color: #369; } #reservation-summary .txt { width: 185px; float: left; display: inline; white-space: nowrap; } #booking-confirmation { width: 708px; height: 601px; } #booking-confirmation .bg { width: 642px; height: 585px; background: url(images/popup-booking-confirmation.png) no-repeat 0 0; padding: 10px 33px 5px; } #booking-confirmation .wrap-bg { height: 570px; overflow-y: auto; padding-right:10px; width:660px;} #booking-confirmation h4 { font-size: 14px; font-weight: bold; color: #369; margin: 15px 0 0px 20px; } #booking-confirmation label { float: left; display: inline; font-weight: bold; width: 105px; text-align: right; margin-right: 5px; } #booking-confirmation .content { float: left; display: inline; width: 300px; } #booking-confirmation .total { float: right; display: inline; width: 320px; margin-top: 25px; } #booking-confirmation .total label { width: 170px; margin-right: 20px; } #booking-confirmation .total .the-total { border-top: solid 1px #babdc2; margin-top: 5px; } #booking-confirmation .total .the-total h2 { float: left; display: inline; width: 170px; margin-right: 20px; } #booking-confirmation .total .the-total h2.green { float: none; width: auto; margin-right: 0; } #booking-confirmation .total h2.cancel { margin-left: 0px} #booking-confirmation .total p { margin-left: 0px; font-size: 11px; line-height: 1.3} #search-options .field { width: 207px; } #search-options select { width: 177px; } #search-options div.left { margin-right: 8px; line-height: 1.6 !important; } #search-options.short-search-options .rowElem { margin-bottom: 5px; } .hotel-box { margin-bottom: 10px; line-height: 1.4; } .hotel-box .cnt { padding: 10px !important; } .hotel-box h3 { width:235px; font-size: 18px; line-height: 1.2; margin-bottom: 5px; } .hotel-box .image { float: left; display: inline; } .hotel-box .image img { width: 130px; height: 125px; padding: 5px; background: #fff; border: solid 1px #bdc1c5; } .hotel-box .image img { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .hotel-box .content { float: right; display: inline; width: 445px; min-height: 140px; position: relative; } .hotel-box .content .side { position: absolute; right: 0; top: 0; width: 220px; } .hotel-box .price { text-align: right; padding-bottom: 10px; } .hotel-box div.price { width: 220px; float: left; line-height: 15px; } .hotel-box .price .the-price { font-size: 32px; font-weight: bold; color: #369; margin-left: 10px; line-height: 42px; } .hotel-box .price div.the-price { float: right; } .hotel-box .call { padding: 3px 0 3px 50px; font-size: 11px; line-height: 1.2; background: url(images/phone.gif) no-repeat 20px bottom; color: #333; font-weight: bold; margin-bottom: 10px; } .hotel-box .call span { color: #369; } .hotel-box .average-rating { padding-left: 20px; background: url(images/hand.gif) no-repeat 0 0; line-height: 18px; color: #666; margin: 4px 0 11px; } .hotel-overview li { margin-bottom: 6px; } .hotel-box-2 .content { float: left; display: inline;width: 335px; } .hotel-box-2 .content h3 { margin-bottom: 0; } .hotel-box-2 .content p { margin-bottom: 10px; } .hotel-box-2 .side { float: right; display: inline; width: 230px; position: static; } .hotel-box-2 .price .the-price { font-size: 40px; } .hotel-box-2 .side .call { width: 180px; margin-left: 10px; }.rating li { list-style-type: none; display: inline; background: none; padding-left: 0; margin: 0 2px; } .city-info { background: #eaeff5; padding: 10px 20px 10px 20px; width: 288px; } .city-info .wb { background: #fff; padding: 10px; width: 290px; position: relative; margin-left: -10px; } .city-info p { margin-bottom: 20px; } .city-info .list { border-top: solid 1px #bdc1c5; padding-top: 15px; padding-bottom: 25px; } .city-info .list h2 { margin-bottom: 0; } .city-info .list .cnt { float: right; display: inline; width: 180px; } .city-info .list ul { margin-bottom: 10px; } .city-info .slideshow-gallery { width: 286px; position: relative; background: #fff; height: 300px; padding: 10px; margin: 0 0 20px -10px; } .city-info .slideshow-gallery img.big { width: 286px; height: 238px; } .city-info .slideshow-gallery .slider { position: relative; margin-top: 10px; width: 100%; } .city-info .slideshow-gallery .slider .buttons a { display: block; width: 21px; height: 21px; position: absolute; top: 12px; font-size: 0; line-height: 0; text-indent: -4000px; } .city-info .slideshow-gallery .slider .buttons a.prev { background: url(images/icon-arr-left.gif) no-repeat 0 0; left: 0; } .city-info .slideshow-gallery .slider .buttons a.next { background: url(images/icon-arr-right.gif) no-repeat 0 0; right: 0; } .city-info .slideshow-gallery .slider .holder { width: 223px; height: 52px; position: relative; overflow: hidden; margin: 0 auto; } .city-info .slideshow-gallery .slider .content { position: absolute; top: 0; left: 0; width: 10000px; } .city-info .slideshow-gallery .slider .content li { float: left; display: inline; list-style-type: none; margin-right: 5px; padding-left: 0; background: none; } .city-info .slideshow-gallery .slider .content img { width: 52px; height: 52px; } .city-info .ad-space { margin-left: -10px; position: relative; } .city-info .attractions ul li { margin-bottom: 6px; } .climate_info { margin-left:20px; margin-bottom:20px; ; } .wrap-climate { paddeing-right: 10px; background: #fff; border:1px solid #BDC1C5; margin-left: 20px; margin-top: 15px; border-bottom: 0px;margin-bottom: 10px;} table#climet_info { width: 100%; border-spacing:0px;empty-cells: hide;border-collapse: collapse; } table#climet_info th { background: #666; color: #fff; padding: 3px 5px; font-weight: bold; width: 120px; border-right: 1px solid #efefef; } table#climet_info th.last { border-right: none; } table#climet_info td {padding: 3px 5px; border-bottom: 1px solid #BDC1C5; background: #fff;} .disclaimer-photo { font-size: 11px; color: #666666; font-style:italic; padding: 0 0 20px 0; width:306px; margin: -15px 0px 0px 0px; } .rte p { margin-bottom: 20px; } .info-attr { margin: 4px 0px; } .state-info .map { float: left; display: inline; width: 291px; padding: 10px; background: #fff; border: solid 1px #ccc; margin: 0 20px 20px 0; overflow:hidden} .state-info .map { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .top-cities { border-top: solid 1px #d9d9d9; border-bottom: solid 1px #d9d9d9; padding: 5px 0 20px; } .top-cities ul { float: left; display: inline; list-style-type: none; width: 135px; margin-left: 6px; } .top-cities ul li { background: none; padding-left: 0; } .top-cities ul li a {} .top-cities ul li a:hover { background: #6c0; color: #fff; text-decoration: none; } .top-cities ul li a:hover { background: #6c0; color: #fff; text-decoration: none; } .tabs-content .top-cities { border: none; } #popup-book-now { width: 304px; height: 135px; position: absolute; top: 0; left: 0; } #popup-book-now .bg { width: 240px; height: 115px; background: url(images/popup-book-now.png) no-repeat 0 0; padding: 20px 24px 0 40px; } #popup-prop-now { position: absolute; width: 15px; height: 250px; left: 0; background: url(images/popup-prop.png) top left no-repeat; top:54px; } #popup-prop-now .bg { height: 245px; margin:0 0 0 15px; padding-top: 25px; width: 415px; background: url(images/popup-prop.png) top right no-repeat; } #popup-book-now h4, #popup-prop-now h4 { color: #369; line-height: 1; margin-bottom: 3px; } #popup-book-now p, #popup-prop-now p { margin-bottom: 5px; font-size: 13px; } #popup-book-now p span, #popup-prop-now p span { color: #b3b3b3; margin: 0 8px; } #popup-book-nowdestination .button-green { margin-top:10px; } #popup-book-now .close { position: absolute; top: 6px; right: 13px; } #popup-book-now .close { display: block; width: 21px; height: 21px; background: url(images/icon-close.gif); font-size: 0; line-height: 0; text-indent: -4000px; } #popup-prop-now .close { position: absolute; margin:0 0 0 383px; display: block; width: 21px; height: 21px; background: url(images/icon-close.gif); font-size: 0; line-height: 0; text-indent: -4000px; } #amen_ptype.popup_msg { position:absolute; z-index:10; color:#000000; display:none; } #_mid_amen_ptype { } .textblock { border-bottom: solid 1px #d9d9d9; padding-bottom: 10px; margin-bottom: 25px; } .textblock p { margin-bottom: 15px; } .textblock p.blue { margin-bottom: 0; } .textblock ul { margin: 15px 0; padding-right: 40px; } .textblock ul.cityMore { width:240px; float: left; } .hotel-list { border-bottom: solid 1px #bdc1c5; margin-bottom: 20px; } .hotel-list .image { float: left; display: inline; background: #fff; padding: 2px; border: solid 1px #bdc1c5; margin-bottom: 10px; } .hotel-list .head { width: 200px; float: right; display: inline; } .hotel-list h3 { line-height: 23px; } .hotel-list .average-rating { color: #666; margin-bottom: 0; } .button-dropdown { float: left; display: block; width: 100px; height: 30px; line-height: 28px; background: url(images/button-dropdown.gif) no-repeat 0 0; padding-left: 28px; color: #fff; text-decoration: none; font-weight: bold; margin-right: 10px; margin-bottom: 10px; } .button-dropdown-grey { float: left; display: block; width: 100px; height: 30px; line-height: 28px; background: url(images/button-dropdown-grey.gif) no-repeat 0 0; padding-left: 28px; color: #fff; text-decoration: none; font-weight: bold; margin-right: 10px; margin-bottom: 10px; } #best-deal .tabs { position: relative; margin-top: -40px; } #best-deal .tabs a { padding-left: 5px; } #best-deal .tabs a span { padding-right: 5px; } #best-deal .tabs-content { padding-top: 25px; } #best-deal .the-deal .image { width: 138px; height: 132px; padding: 5px; background: #fff; border: solid 1px #ccc; float: left; display: inline; } #best-deal .the-deal .content { float: right; display: inline; width: 445px; } #best-deal .the-deal .content h2 { color: #333; } #best-deal .the-deal .content .price { font-size: 27px; color: #369; font-weight: bold; line-height: 35px; margin-left: 15px; } #best-deal .the-deal .content .entry { width: 385px; padding-bottom: 15px; } #best-deal .the-deal .content div.left { margin-right: 20px; margin-bottom: 15px; } #best-deal .the-deal .content div.left ul { list-style-type: none; } #best-deal .the-deal .content div.left ul li { padding-left: 8px; background: url(images/list-item.gif) no-repeat 0 8px; } #best-deal .the-deal .cnt { padding: 10px 10px 60px; } .hotels-sl li { list-style-type: none; background: none; padding-left: 0; } .hotels-sl li li { border-bottom: solid 1px #bdc1c5; padding-bottom: 7px; margin-bottom: 10px; line-height: 1.4; } .hotels-sl li li p a { text-decoration: none; color: #369; font-weight: bold; } .hotels-sl li li .price { float: right; display: inline; font-size: 20px; color: #369; font-weight: bold; } .hotels-sl li li .price .fr { font-weight: normal; margin-right: 8px; } .visit{background:url(images/seaside.jpg); width:984px; height:270px; } .visit .booking {padding-left:578px; padding-top:64px} .visit h2{font-size: 35px; color:#fff;} .visit h2 em{font-size: 14px; font-family: georgia, sans-serif;} .visit h3{font-size: 22px; color:#fff;} .visit a.book{background:url(images/book-now.png); width:153px; height:47px; display: block;} .visit .tab-nav{padding-top:30px; float: right; display: inline; padding-right:3px; width:150px} .visit .tab-nav a{float: left; width:23px; height:23px; background:url(images/square.gif); font-size: 18px; font-weight: bold; color:#66cc00; line-height:23px; text-align: center; text-decoration: none; margin-right:7px} .visit .tab-nav a.active{background-position: 0 bottom; color:#fff; } .grey-gr-box{background:url(images/grey-gradient.gif) repeat-x; padding-bottom:20px; position: absolute; width: 985px;} .grey-gr-box .headings {padding-top:40px; float: left; display: inline;} .grey-gr-box h2{font-size: 26px; color:#333; margin:0;} .grey-gr-box h3{font-size: 19px; color:#336699; } .grey-gr-box .grey-holder{ width:316px; min-height:392px; margin-left:40px; margin-top:-238px; position:relative; float: left;padding-right: 30px;} .grey-gr-box .grey-holder .inner{ width: 298px; float: left; padding-left:18px; padding-top:10px; background:url(images/gradient-form.png) bottom right no-repeat; } .grey-gr-box .grey-holder .inner h3{color:#336699} .grey-gr-box .grey-holder .inner a.adv{float: left; margin-top:10px} .grey-gr-box .grey-holder .top-rounded { background:url(images/gradient-form.png) top left no-repeat; } .small-left-spacer{padding-left:10px;} .small-left-spacer.homePage { margin-top: 240px; } .round-frame {background:url(images/round-top.gif) no-repeat; width:617px; padding: 20px 10px 10px; margin-left:10px; } .round-frame ul{list-style-type: none; float: left; display: inline; padding-bottom:23px; list-style-position: outside;} .round-frame ul.hotels{} .round-frame ul.hotels li{width:147px} .round-frame ul.hotels li a{display: inline; text-decoration: underline;} .round-frame ul.hotels li a:hover{text-decoration: none;} .round-frame ul.space{ padding-right:15px} .round-frame li{width:299px; margin-bottom:5px; padding-left:0; background: none;} .round-frame li a{width:289px; height:38px; padding-top:7px; display: block; text-decoration: none; padding-left:10px; } .round-frame li.wh a{ background:url(images/li-w.gif)} .round-frame li.bl a{ background:url(images/li-bl.gif)} .round-frame li a strong.price{float: right; font-size: 20px; padding-top:7px; padding-right:7px} .round-frame li a strong.price em{font-family: Georgia, sans-serif; color:#666; font-weight: normal; font-size: 14px;} .round-frame li a strong{float: left; line-height:13px;} .round-frame li a strong span{color:#000; font-weight: normal;} .column-side .city-info .no-border{border:0} div.list .cnt .insider p{margin-bottom:5px} div.list .cnt .head-part{font-size: 14px; color:#336699; font-weight: bold; margin-bottom:0px} div.list .cnt .head-part span{float: right;} div.list .cnt .head-part em{font-family: Georgia, sans-serif; color:#666; font-weight: normal;} div.list .cnt a.view{background: url(images/icons-sprite.gif) -20px -700px; padding-right:26px; line-height:21px; float: left;} .reminder{background:url(images/reminder.gif); width:315px; height:112px; float: right; margin-top:23px; padding-top:8px; padding-left:14px} .reminder a{ margin-right:0; margin-top: 24px; } .reminder form .rowElem label { line-height: 26px; } .reminder small{font-size: 11px; color:#666; padding-left:5px} #remind-options .field { width: 207px; } #remind-options select { width: 177px; } #remind-options div.left { margin-right: 8px; } .hotelDescription ul li { background: none; } .hotelDescription h4 { color: #333; } .hotelDescription h4.highlight { margin-top: 12px;} #hotel-info-detailed .box32 { background: url(images/roundeds/box32_v1.gif) repeat-x 0 0; } #hotel-info-detailed .box32 .cnt { padding: 16px 6px 58px 11px; } #hotel-info-detailed .box32 .cnt .image { float: left; display: inline; padding: 8px; background: #fff; border: solid 1px #c8c9ca; } #hotel-info-detailed .box32 .cnt .image { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #hotel-info-detailed .box32 .cnt .image img { width: 190px; height: 182px; } #hotel-info-detailed .box32 .cnt .content h2 { color: #333; } #hotel-info-detailed .box32 .cnt .content { float: left; display: inline; width: 440px; margin-left: 15px; font-size: 18px; color: #666; line-height: 1.3; font-weight: bold; } #hotel-info-detailed .box32 .cnt .content .rating { float: left; display: inline; margin-right: 15px; } #hotel-info-detailed .box32 .cnt .content .average-rating { float: left; display: inline; font-size: 12px; font-weight: normal; line-height: 16px; border-left: solid 1px #d4d9dd; } #hotel-info-detailed .box32 .cnt .content .average-rating { padding: 10px 0 0 40px; background: url(images/hand2.gif) no-repeat 15px center; } #hotel-info-detailed .box32 .cnt .content .entry { margin-top: 5px; } #hotel-info-detailed .box32 .cnt .side { width: 286px; float: right; display: inline; } #hotel-info-detailed .box32 .cnt .side .price { font-size: 40px; color: #369; text-align: center; } #hotel-info-detailed .box32 .cnt .side .button-green { margin: 17px 0 0 70px; } #hotel-info-detailed .tabs { margin-top: -40px; position: relative; } .hotel-overview .image { float: left; padding: 10px; background: #fff; border: solid 1px #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 0 15px 10px 0; } .round-frame-2 { background: url(images/round-frame-2.gif) no-repeat 0 0; padding: 15px 20px 10px 20px; width: 577px;overflow:hidden; } .round-frame-book { background: url(images/round-frame-2.gif) no-repeat 0 0; padding: 15px 20px 10px 20px;overflow:hidden; } .round-frame-3 { padding: 15px 0 10px; width: 617px; } .round-frame-4 { background: url(images/round-frame-4.gif) no-repeat 0 0; padding: 10px 0; } .round-frame-5 { background: url(images/round-frame-5.gif) no-repeat 0 0; padding: 10px 20px; } .reviews { position: relative; width: 100%; } .review { border-bottom: solid 1px #e6e6e6; margin-bottom: 15px; padding: 0 20px 15px; } .review-last { border-bottom: none; } .review h2 { font-size: 18px; font-family: Georgia, "Trebuchet MS", Sans-Serif; font-style: italic; line-height: 1; margin-bottom: 8px; } .review .meta { color: #666; margin-bottom: 10px; } .review .meta .average-rating { background: url(images/hand2.gif) no-repeat 0 0; padding: 8px 0 2px 30px; margin-left: 7px; } .review .meta .average-rating.rating-down { background-image: url(images/hand3.gif); } .review .entry p { color: #292425; line-height: 19px; margin-bottom: 19px; } .reviews .popup { top: 0 !important; left: 0 !important; } table.rates { margin-bottom: 25px; } table.rates tr td { vertical-align: top; padding-top: 25px; padding-bottom: 25px; border-bottom: solid 1px #e6e6e6; } table.rates tr td.hotelAmenities {padding-top: 0px;padding-bottom: 0px;} table.rates.hotelPage tr td { border-bottom: none; } table.rates tr td tr td { padding: 0; padding-bottom: 20px; } table.rates th { font-size: 17px; font-weight: bold; line-height: 32px; text-align: left; border-bottom: solid 1px #c1d0e0; } table.rates th.avgRate { padding-left: 20px; text-align: center; } table.rates h4 { line-height: 1; color: #369; } table.rates .pernight-rate li { float: left; display: inline; margin-right: 2px; text-align: center; background: none; padding-left: 0; line-height: 23px; font-size: 14px; } table.rates .pernight-rate li .old { color: #999; text-decoration: line-through; } table.rates .pernight-rate li .day { background: url(images/rates-day.gif) no-repeat 0 0; text-align: center; color: #fff; font-weight: bold; width:42px;} table.rates .price { font-size: 40px; color: #369; font-weight: bold; line-height: 1; text-align: center; } table.rates .call { padding: 3px 0 3px 30px; font-size: 11px; line-height: 1.2; background: url(images/phone.gif) no-repeat 0 center; color: #333; font-weight: bold; margin: 17px -20px 22px 0; width: 170px; white-space: nowrap; position: relative; } table.rates .call span { color: #369; } table.rates .roomPrice .button-green { margin-left:35px; } table.rates .roominfo { float: left; width: 390px; } table.rates .rateinfo { float: left; width: 320px; } .roomFeatures, .cancelPolicy, .cliamte { color: #0066CC; font-size: 13px; padding-left: 24px; text-decoration:underline; margin-top: 10px; cursor:pointer;} .cancelPolicy { margin-top: 3px; } .icon.cancelPolicy { padding-bottom: 2px; margin-top: 10px;} .roomFeatures:hover, .cancelPolicy:hover { text-decoration:none; } .roominfo .items { width: 390px; float:left;display: none; } .roominfo .items.features { display: block; } .roominfo .items ul { width: 170px; float: left;margin-left:20px;margin-top:5px;} .roomContent .hotelAmenities { margin-top: 10px; } .hotelAmenities a { font-size: 13px; } .roomContent .hotelAmenities ul { margin-left:20px; } .roominfo .items ul li, .roomContent .hotelAmenities li { margin-bottom: 5px; font-size: 11px; color: #333333; padding-right: 15px; background-position: 0px 5px;} .hotelAmenities li { padding-right: 0px; } .roomContent .hotelAmenities li { width: 170px; float: left; padding-right: 15px; } .roominfo .bedtype { font-size: 13px; color: #333333; font-style:italic; } .policy { display: none; float: left; font-size: 11px; color: #333; padding-left: 20px; position:relative; width:570px; padding-top:8px;} .policy.active { display: block; } .hotelAmenities .policy { width:auto; }.romm_amenity { padding-top: 10px; padding-left:15px; } .romm_amenity li { font-size: 11px; background-position: 0px 5px; } .cancellation-policy h4 { color: #369; margin-bottom: 15px; } .cancellation-policy p { color: #666; margin-bottom: 15px; }.round-frame-2.cancellation { margin: 0px auto; padding-bottom: 25px; } .cancellation .hotel-box-heading { text-align: center; } .cancellation .alignCenter { padding-left: 180px; } .cancellation .button-green { margin-left:65px; } #write-review { width: 970px; height: 779px; background: url(images/popup-write-review.gif) no-repeat 0 0; } #write-review .close,.closepopup { position: absolute; top: 6px; right: 13px; } #write-review .close ,.closepopup { display: block; width: 21px; height: 21px; background: url(images/icon-close.gif); font-size: 0; line-height: 0; text-indent: -4000px; } #write-review .spacer { padding: 15px 85px 0 20px; } #write-review h4 { margin-bottom: 20px; } .pernight-rate {margin-left:10px;}.hotel-box-heading { font-weight:bold; font-size: 18px; line-height: 1.2; margin-bottom: 5px; color:#336699;} .roominfo .hotel-box-heading { margin-bottom:0px; } .padding10top {padding-top:10px;} .padding5top {padding-top:5px;} #popupbg, #popupbgbook {background-color:#FFFFFF;opacity: .80;filter:Alpha(Opacity=80);display:none;position:absolute;top:0px;left:0px;width:100px;height:100px;z-index:99;} #new_review, #information_div {position:absolute;top:100px;z-index:100;} #popupbgbook1 { z-index:110;background-color:#FFFFFF;opacity: .80;filter:Alpha(Opacity=80);display:none;position:absolute;top:0px;left:0px;width:100px;height:100px;} #information_div1 {z-index:111;display:none;width:550px; border:2px solid #000;background-color:#FFF;padding:15px;position:absolute;height:100px;top:100px;left:100px;} .icon.arr-left { background-image: url(images/icon-arr-left.gif);padding:4px 26px 4px 0px;background-position:right center } .hotelheading {font-size: 18px; line-height: 1.2; margin-bottom: 5px;color:#0066CC;font-weight:bold;} .roomContent { float: left; width: 345px; min-height: 140px; } .roomContent .hotelAmenities { float:left; width:410px; } .roomContent .hotelAmenities div { margin-top: 10px; } .padding5button {padding-bottom:5px;} .padding5right {padding-right:5px} #shadow {position:absolute;filter:alpha(opacity=50);opacity:.5;background-color:#CCE4FC;display:none;z-index:99;} .popupdiv {padding:15px 24px 0 40px;position:absolute;visibility:hidden;width:240px;z-index:10;height:120px;color:#336699;background:transparent url(images/popup-book-now.png) no-repeat scroll 0 0;} .para{text-align:justify; margin:10px 20px 0px 20px;} .staticbg{background-image: url(/images/staticBg.png);width:958px;background-repeat:no-repeat;padding-top:10px;font-family:verdana;color:#333;font-size:12px;} .overflowhidden{overflow:hidden}.termslink { text-decoration: underline; color: #0066CC; cursor: pointer; } #cardConditions.hidden-term { border-top: 1px solid #BABDC2; padding: 20px 0 20px 0; width: 556px; margin-left: 20px; } .hidden-term { margin: 10px 0px 0px 0px; display: none;} .hidden-term.active { display: block;} .hidden-term h2 { margin-left: 0px; margin-bottom: 0px; font-size: 18px;} .hidden-term p.para { margin: 0px 10px 10px 0px; line-height: 1.6; } .closeterm { cursor: pointer; display: block; width: 21px; height: 21px; background: url(images/icon-close.gif); font-size: 0; line-height: 0; text-indent: -4000px; float: right; } .terms-inner { font-size: 11px; height: 200px; overflow-y: scroll;} /* ------------- * Homepage Specific Classes * ------------- */ #smallsearch form .rowElem label {line-height: 30px !important;font-size: 16px;} #smallsearch form .rowElem.checkinout {width: 135px;padding-right: 4px;margin-bottom: 0;} #smallsearch form .rowElem.addroom {margin: 40px 0 0 0;} #smallsearch form .rowElem.submitbtns {padding-bottom: 60px;margin-bottom: 0;} #smallsearch form .rowElem.people {width: 80px;padding-right: 7px;margin: 0;} #findhotel { display: block; float: left; } .grey-gr-box .top-rounded h3 {font-size: 19px; color:#336699; padding: 10px 0 0 20px; } /* ------------- * Newsletter confirmation text * ------------- */ #confirm_email .thanks { font-weight: bold;color: #336633;border: 1px solid #009900;background-color: #E3FFD7;font-size: 11px;font-weight: bold;padding: 2px 5px;width: 292px;} /* ------------- * Search box display * ------------- */ #full_search {clear: both;} #search-options div.left .box1.left {position: relative;margin: -6px 0 0 -4px;} #removelink {padding: 40px 0 0 8px;position: absolute;} /* ------------- * Country Path "More Information" button * ------------- */ .button-green.popupbtn {padding: 20px 0 20px 0;} .taxes { font-size: 11px;color: #333333;font-style:italic;margin-left: 4px;font-weight: normal;} .distancetext {color:#660000;font-size:12px;width: 240px;} /* ------------- * ShareThis button * ------------- */ #home_page { border: 3px solid #f00; } /* ------------- * SiteMap Styles * ------------- */ h2.sitemap { font-size:17px; font-weight:bold; line-height:32px; text-align:left; color: #000; border-bottom: 1px solid #C1D0E0; padding-bottom: 8px; } .wrap-region-sub { float: left; width: 210px; padding-right: 10px; } /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://ui.jquery.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. * To view and modify this theme, visit http://ui.jquery.com/themeroller/?ffDefault=segoe%20ui,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=3b3b35&bgTextureHeader=05_inset_soft.png&bgImgOpacityHeader=22&borderColorHeader=59584f&fcHeader=ffffff&iconColorHeader=e7e6e4&bgColorContent=f0efea&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=808080&bgColorDefault=327E04&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=25&borderColorDefault=327E04&fcDefault=ffffff&iconColorDefault=eeeeee&bgColorHover=5A9D1A&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=25&borderColorHover=327E04&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=f0efea&bgTextureActive=07_diagonals_small.png&bgImgOpacityActive=100&borderColorActive=c4c5c3&fcActive=403D38&iconColorActive=8DC262&bgColorHighlight=fcf0ba&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=e8e1b5&fcHighlight=363636&iconColorHighlight=8DC262&bgColorError=ffedad&bgTextureError=03_highlight_soft.png&bgImgOpacityError=95&borderColorError=e3a345&fcError=cd5c0a&iconColorError=cd0a0a&bgColorOverlay=2e2e28&bgTextureOverlay=21_glow_ball.png&bgImgOpacityOverlay=25&opacityOverlay=65&bgColorShadow=f0f0f0&bgTextureShadow=01_flat.png&bgImgOpacityShadow=35&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: segoe ui, Arial, sans-serif; font-size: 1.1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: segoe ui, Arial, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa; background: #f0efea url(/css/ui-themes/cupertino/images/ui-bg_highlight-soft_100_f0efea_1x100.png) 50% top repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #59584f; background: #3b3b35 url(/css/ui-themes/cupertino/images/ui-bg_inset-soft_22_3b3b35_1x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #327E04; background: #327E04 url(/css/ui-themes/cupertino/images/ui-bg_highlight-soft_25_327E04_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; outline: none; } .ui-state-default a { color: #ffffff; text-decoration: none; outline: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #327E04; background: #5A9D1A url(/css/ui-themes/cupertino/images/ui-bg_highlight-soft_25_5A9D1A_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; outline: none; } .ui-state-hover a { color: #ffffff; text-decoration: none; outline: none; } .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #c4c5c3; background: #f0efea url(/css/ui-themes/cupertino/images/ui-bg_diagonals-small_100_f0efea_40x40.png) 50% 50% repeat; font-weight: bold; color: #403D38; outline: none; } .ui-state-active a { color: #403D38; outline: none; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #e8e1b5; background: #fcf0ba url(/css/ui-themes/cupertino/images/ui-bg_glass_55_fcf0ba_1x400.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #e3a345; background: #ffedad url(/css/ui-themes/cupertino/images/ui-bg_highlight-soft_95_ffedad_1x100.png) 50% top repeat-x; color: #cd5c0a; } .ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd5c0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd5c0a; } .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(/css/ui-themes/cupertino/images/ui-icons_808080_256x240.png); } .ui-widget-content .ui-icon {background-image: url(/css/ui-themes/cupertino/images/ui-icons_808080_256x240.png); } .ui-widget-header .ui-icon {background-image: url(/css/ui-themes/cupertino/images/ui-icons_e7e6e4_256x240.png); } .ui-state-default .ui-icon { background-image: url(/css/ui-themes/cupertino/images/ui-icons_eeeeee_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/css/ui-themes/cupertino/images/ui-icons_ffffff_256x240.png); } .ui-state-active .ui-icon {background-image: url(/css/ui-themes/cupertino/images/ui-icons_8DC262_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(/css/ui-themes/cupertino/images/ui-icons_8DC262_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/css/ui-themes/cupertino/images/ui-icons_cd0a0a_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; } .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #2e2e28 url(/css/ui-themes/cupertino/images/ui-bg_glow-ball_25_2e2e28_600x600.png) 50% 35% repeat-x; opacity: .65;filter:Alpha(Opacity=65); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #f0f0f0 url(/css/ui-themes/cupertino/images/ui-bg_flat_35_f0f0f0_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }* { padding: 0; margin: 0; outline: 0; } body {font-size: 12px;line-height: 1.6;font-family: Helvetica, Arial, Sans-Serif;color: #292425;background: #fff;text-align: left;} .print {visibility:visible;} a img { border: 0; } a { color: #06c; text-decoration: underline; cursor: pointer; } a:hover { text-decoration: none; }ul { list-style-type: none; } ul li { background: url(images/list-item.gif) no-repeat 0 8px; padding-left: 10px; } ul.notlisted li { background: none; padding-left: 0; }h2 { font-weight: bold; font-size: 22px; color: #369; line-height: 35px; margin-bottom: 5px; } h3 { font-weight: bold; font-size: 18px; color: #333; line-height: 29px; } h4 { font-weight: bold; font-size: 16px; color: #666; line-height: 21px; } h5 { font-weight: bold; font-size: 14px; color: #336699; line-height: 18px; } h2 a.right, h2 .normal, h3 a.right, h4 a.right { font-size: 12px; font-weight: normal; } .bookwidth{width:240px; text-align:right;padding-right:10px} .cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; } /*** Class when used will clear a floating element ***/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .left { float: left !important; display: inline; } .right { float: right !important; display: inline; } .center { text-align: center !important; } .inline { display: inline; } .notext { font-size: 0; line-height: 0; text-indent: -4000px; } .half { width: 50%; float: left; display: inline; } .alpha { margin-left: 0 !important; } .omega { margin-right: 0 !important; } .green { color: #6c0; } .blue { color: #369; } .blue-bg { background: #eaeff5; } p.big { font-size: 15px; font-weight: bold; color: #369; margin-bottom: 5px; } span.fr { font-size: 13px; color: #666; font-style: italic; font-family: Georgia, "Trebuchet MS", Sans-Serif; } div.fr { font-size: 13px; color: #666; font-style: italic; font-family: Georgia, "Trebuchet MS", Sans-Serif; width: 70px; float:right; padding-top: 4px} div.fr span { } #childError,#childError1,#dateError,#LRGTotal {font-size:16px;font-weight:bold;line-height:30px !important;} .displaynone{display:none} #topbar { line-height: 28px; font-size: 14px; color: #369; padding: 7px 9px 4px 20px; width: 975px; margin: 0 auto; } #topbar a { color: #369; } #topbar a.small { font-size: 12px; color: #06c; } #topbar a.choose { padding: 2px 33px 3px 0; background: url(images/icons-sprite.gif) no-repeat right 0px; margin-right: 5px; text-decoration: none; } #topbar .sep { float: left; display: inline; border-right: solid 1px #e6e6e6; height: 28px; margin: 0 11px; } #page { width: 1004px; height: 100%; margin: 0 auto; background: url(images/bg-page.gif) repeat-y 0 0; } #page-top { background: url(images/bg-page-top.gif) no-repeat 0 0; } #page-bot { background: url(images/bg-page-bot.gif) no-repeat 0 bottom; height: 100%; padding: 12px 10px 20px; } #header { padding: 0 0 10px 0; height: 100%; } #main-nav { font-size: 18px; line-height: 42px; font-weight: bold; margin-bottom: 5px; height: 42px; } #main-nav li { float: left; display: inline; list-style-type: none; padding-left: 0; background: none; } #main-nav li a { color: #336699; text-decoration: none; float: left; display: inline; padding: 0 13px; background: url(images/main-nav.gif) no-repeat center 0; } #main-nav li a:hover { background-position: center bottom; } #main-nav li.first a { background-position: left 0; } #main-nav li.first a:hover { background-position: left bottom; } #main-nav li.last a { background-position: right 0; } #main-nav li.last a:hover { background-position: right bottom; } #main-nav li .sep { float: left; display: inline; width: 1px; height: 42px; background: url(images/main-nav-sep.gif) no-repeat 0 0; } h1#logo { margin: 10px 0 0 0; padding: 0; } #footnavs { color: #369; padding: 20px 0 0 10px; } #footnavs span { font-size: 14px; } #footnavs a { margin: 0 8px; } #copy { text-align: right; color: #369; padding: 85px 10px 0 0; } #copy a { margin-left: 5px; } .column-side { float: right; display: inline; width: 328px; } .column-main { float: left; display: inline; width: 637px; } .column-main.left-spacer { width: 617px; } .left-spacer { padding-left: 20px; } .top-spacer { margin-top: 20px; } .tabs { font-size: 19px; font-weight: bold; line-height: 41px; border-bottom: solid 5px #369; margin-bottom: 1px; padding-left: 20px; } #integrated_box .tabs {margin-bottom: -5px; } .tabs li { float: left; display: inline; list-style-type: none; margin-right: 5px; padding-left: 0; background: none; } .tabs li a { color: #369; text-decoration: none; float: left; display: inline; background: url(images/tabs.gif) no-repeat 0 0; padding-left: 12px; } .tabs li a span { float: left; display: inline; background: url(images/tabs.gif) no-repeat right 0; padding-right: 12px; } .tabs li a:hover, .tabs li a.active { background-position: 0 bottom; color: #fff; } .tabs li a:hover span, .tabs li a.active span { background-position: right bottom; } #regionToggle.tabs {float:left; border-bottom: none; padding-left:0px; margin-bottom: 0px; } #regionToggle.tabs li a { padding-left: 8px; } #regionToggle.tabs li a span { padding-right: 8px; } #regionToggle.tabs li div { float: left; width: 16px; height: 41px; background: url(images/btn-next1.png) no-repeat left 8px; } #regionToggle.tabs li a:hover div { background-position: left -36px; } #regionToggle.tabs li div.back { background-image: url(images/btn-back1.png); } .tabs-content, .apiSeperator { background: url(images/tabs-content.gif) repeat-x 0 0; height: 100%; padding-top: 15px; } .apiSeperator { padding: 10px 10px 0; border-top: 2px solid #336699; } .button-green { float:left; display: inline; height: 46px; line-height: 41px; font-size: 18px; color: #fff; font-weight: bold; text-decoration: none; margin-right: 18px; } .button-green-overview { float: right; display: inline; height: 46px; line-height: 41px; font-size: 18px; color: #fff; font-weight: bold; text-decoration: none; margin-right: 18px; } .button-green.right { margin-right: 0; } .button-green .l, .button-green .r { float: left; display: inline; width: 14px; height: 46px; font-size: 0; line-height: 0; text-indent: -4000px; } .button-green .l { background: url(images/button-green-left.png) no-repeat 0 0; } .button-green .r { background: url(images/button-green-right.png) no-repeat 0 0; } .button-green .c { float: left; display: inline; height: 46px; background: url(images/button-green-center.png) repeat-x 0 0; padding: 0 5px; } .button-grey { float: left; display: inline; height: 46px; line-height: 41px; font-size: 18px; color: #666; font-weight: bold; text-decoration: none; margin-right: 18px; } .button-grey.right { margin-right: 0; } .button-grey .l, .button-grey .r { float: left; display: inline; width: 14px; height: 46px; font-size: 0; line-height: 0; text-indent: -4000px; } .button-grey .l { background: url(images/button-grey-left.png) no-repeat 0 0; } .button-grey .r { background: url(images/button-grey-right.png) no-repeat 0 0; } .button-grey .c { float: left; display: inline; height: 46px; background: url(images/button-grey-center.png) repeat-x 0 0; padding: 0 5px; } .breadcrumb { color: #0066cc; font-weight: bold; line-height: 28px; margin-bottom: 7px; } .breadcrumb a { font-size: 12px; } .breadcrumb a.icon { padding: 0; float: left; display: inline; margin-right: 8px; } .ad-space { background: #eaeff5; } .ad-space .ad { background:; display: block; padding: 10px; margin: 10px auto 0px auto; width: 305px; height: 305px; } .city-info .ad-space .ad { padding-left: 3px; } input.datepicker { width: 93px !important; } .ui-datepicker-trigger { margin: 5px 0 0 5px; } .ui-datepicker-trigger:hover, input.datepicker {cursor:pointer} .prefer-to-call { width: 286px; height: 82px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/prefer-to-call.png) no-repeat 0 0; } .prefer-to-call-2 { width: 286px; height: 67px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/prefer-to-call-2.png) no-repeat 0 0; } .paging { line-height: 42px; color: #666; } .paging span { margin-left: 5px; } .notice-red { background: #ffe5e5; border: solid 1px #ffacac; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 0 12px; margin-bottom: 1px; } .notice-red h3 { color: #ff0000; } .icon { padding: 4px 0 4px 26px; background: no-repeat 0px 0px; } .icon.plus { background: url(images/icons-sprite.gif) no-repeat 0px -1001px; font-weight: bold; text-decoration: none; color: #666; } .icon.arr-right { background: url(images/icons-sprite.gif) no-repeat -59px -700px;} .icon.arr-right-2 { padding: 4px 26px 4px 0; background: url(images/icons-sprite.gif) no-repeat right -700px; } .icon.print { background: url(images/icons-sprite.gif) no-repeat 4px -1096px; padding-left: 36px; font-size: 12px; font-weight: bold; margin-bottom: 10px; } .icon.share { background: url(images/icons-sprite.gif) no-repeat left -1196px; font-size: 12px; font-weight: bold; } .icon.right { margin-left: 10px; margin-top: 4px; } .icon.arr-down { background: url(images/icons-sprite.gif) no-repeat -58px 2px; } .searchBox .icon.arr-down { background-position: -59px 0px; } .searchBox .icon.arr-down.property-type { background-position: right 3px;margin-right:13px !important; } .icon.tic-right, h2.tic-right { background: url(images/tic-arrow.png) no-repeat 0px -10px; padding-left: 20px;} .icon.tic-down, h2.tic-down { background: url(images/tic-arrow.png) no-repeat 0px 11px; padding-left: 20px;} .ui-icon.arr-down2 { background: url(images/icons-sprite.gif) no-repeat 0px -100px !important; height:21px;width:80px; } #reservation-details { margin: 25px 0 0 10px; color: #292425; } #reservation-details h2 { margin-bottom: 24px; } #reservation-details h4 { font-size: 14px; color: #369; margin-bottom: 10px; } #reservation-details p { color: #666; } #reservation-details .rowElem { margin-bottom: 20px; } #reservation-details .rowElem label { font-weight: bold; float: left; display: inline; width: 80px; text-align: right; margin-right: 5px; } #reservation-details .rowElem label.wider { width: 185px; } #reservation-details .rowElem .txt { float: left; display: inline; width: 190px; } #reservation-details .rowElem .txt-shorter { float: left; display: inline; width: 70px; } #reservation-details .total { border-top: solid 1px #babdc2; } #reservation-details .total h2 { float: left; display: inline; width: 130px; font-size: 19px; } #reservation-details .total .total-sum { font-weight: bold; font-size: 20px; line-height: 35px; color: #6c0; float: left; width: 146px; text-align: right; } #reservation-summary { margin-left: 10px; } #reservation-summary .cnt { padding: 10px; } #reservation-summary .map { float: right; display: inline; width: 287px; height: 239px; } #reservation-summary h2 { width: 250px; border-bottom: solid 1px #bddaf7; } #reservation-summary .conf-number { width: 250px; border-bottom: solid 1px #bddaf7; font-size: 15px; font-weight: bold; color: #369; padding: 7px 0 10px; } #reservation-summary .conf-number span { text-transform: uppercase; color: #000; } #reservation-summary .title { font-size: 14px; font-weight: bold; color: #369; margin-top: 20px; } #reservation-summary .content { width: 290px; float: left; display: inline; } #reservation-summary label { float: left; display: inline; width: 105px; color: #369; } #reservation-summary .txt { width: 185px; float: left; display: inline; white-space: nowrap; } #booking-confirmation { width: 708px; height: 601px; } #booking-confirmation .bg { width: 642px; height: 585px; background: url(images/popup-booking-confirmation.png) no-repeat 0 0; padding: 10px 33px 5px; } #booking-confirmation .wrap-bg { height: 570px; overflow-y: auto; padding-right:10px; width:660px;} #booking-confirmation h4 { font-size: 14px; font-weight: bold; color: #369; margin: 15px 0 0px 20px; } #booking-confirmation label { float: left; display: inline; font-weight: bold; width: 105px; text-align: right; margin-right: 5px; } #booking-confirmation .content { float: left; display: inline; width: 300px; } #booking-confirmation .total { float: right; display: inline; width: 320px; margin-top: 10px; } #booking-confirmation .total label { width: 130px; margin-right: 15px; } #booking-confirmation .total .the-total { border-top: solid 1px #babdc2; margin-top: 5px; } #booking-confirmation .total .the-total h2 { float: left; display: inline; width: 170px; margin-right: 15px; } #booking-confirmation .total .the-total h2.green { float: none; width: auto; margin-right: 0; } #booking-confirmation .total h4 { margin-left: 0px; margin-top:5px; line-height:normal; font-size:11px;} #booking-confirmation .total p { margin-left: 0px; font-size: 11px; line-height: 1.3} #billing-details {border-bottom: 1px solid #BABDC2; margin-bottom:5px;padding-bottom:5px;} #billing-details h4 {margin-top:0px} #search-options .field { width: 207px; } #search-options select { width: 177px; } #search-options div.left { margin-right: 8px; line-height: 1.6 !important; } #search-options div.left.last { padding-left: 10px; } #search-options.short-search-options .rowElem { margin-bottom: -4px; } .rowElem.search a {font-size: 10px;} .rowElem.search a.icon.plus {font-size: 14px;font-weight: normal;} .rowElem a.property-type {background:url("images/icons-sprite.gif") no-repeat scroll right -696px transparent;color:#666666;font-size:14px;font-weight:normal;margin-left:50px;margin-top:-4px;padding-right:28px;text-decoration:none;} .browserChrome .rowElem a.property-type { margin-top: -28px; } #_mid_amen_ptype{margin-left:-15px;margin-top:13px;position:absolute;} .hotel-box { margin-bottom: 10px; line-height: 1.4; } .hotel-box .cnt { padding: 10px !important; } .hotel-box h3 { width:235px; font-size: 18px; line-height: 1.2; margin-bottom: 5px; } .hotel-box .image { float: left; display: inline; } .hotel-box .image img { width: 130px; height: 125px; padding: 5px; background: #fff; border: solid 1px #bdc1c5; } .hotel-box .image img { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .hotel-box .content { float: right; display: inline; width: 445px; min-height: 140px; position: relative; } .hotel-box .content .side { position: absolute; right: 0; top: 0; width: 220px; } .hotel-box .price { text-align: right; padding-bottom: 10px; } .hotel-box div.price { width: 220px; float: left; line-height: 15px; } .hotel-box .price .the-price { font-size: 32px; font-weight: bold; color: #369; margin-left: 10px; line-height: 42px; } .hotel-box .price div.the-price { float: right; } .hotel-box .call { padding: 3px 0 3px 50px; font-size: 11px; line-height: 1.2; background: url(images/icons-sprite.gif) no-repeat 20px -1255px; color: #333; font-weight: bold; margin-bottom: 10px; } .hotel-box .call span { color: #369; } .hotel-box .average-rating { padding-left: 20px; background: url(images/hand.gif) no-repeat 0 0; line-height: 18px; color: #666; margin: 4px 0 11px; } .hotel-overview li { margin-bottom: 6px; } .hotel-box-2 .content { float: left; display: inline;width: 335px; } .hotel-box-2 .content h3 { margin-bottom: 0; } .hotel-box-2 .content p { margin-bottom: 10px; } .hotel-box-2 .side { float: right; display: inline; width: 230px; position: static; } .hotel-box-2 .price .the-price { font-size: 40px; } .hotel-box-2 .side .call { width: 180px; margin-left: 10px; background-position: 20px -1300px;} .rating li { list-style-type: none; display: inline; background: none; padding-left: 0; margin: 0 2px; } .city-info { background: #eaeff5; padding: 10px 20px 10px 20px; width: 288px; } .city-info .wb { background: #fff; padding: 10px; width: 290px; position: relative; margin-left: -10px; overflow:hidden;} .city-info p { margin-bottom: 20px; } .city-info .hotel-list p { padding-left: 90px; } .city-info .list { border-top: solid 1px #bdc1c5; padding-top: 15px; padding-bottom: 25px; } .city-info .list h2 { margin-bottom: 0; } .city-info .list .cnt { float: right; display: inline; width: 180px; } .city-info .list ul { margin-bottom: 10px; } .city-info .slideshow-gallery { width: 286px; position: relative; background: #fff; height: 300px; padding: 10px; margin: 0 0 20px -10px; } .city-info .slideshow-gallery img.big { width: 286px; height: 238px; } .city-info .slideshow-gallery .slider { position: relative; margin-top: 10px; width: 100%; } .city-info .slideshow-gallery .slider .buttons a { display: block; width: 21px; height: 21px; position: absolute; top: 12px; font-size: 0; line-height: 0; text-indent: -4000px; } .city-info .slideshow-gallery .slider .buttons a.prev { background: url(images/icons-sprite.gif) no-repeat left -600px; left: 0; } .city-info .slideshow-gallery .slider .buttons a.next {background: url(images/icons-sprite.gif) no-repeat right -700px; right: 0; } .city-info .slideshow-gallery .slider .holder { width: 223px; height: 52px; position: relative; overflow: hidden; margin: 0 auto; } .city-info .slideshow-gallery .slider .content { position: absolute; top: 0; left: 0; width: 10000px; } .city-info .slideshow-gallery .slider .content li { float: left; display: inline; list-style-type: none; margin-right: 5px; padding-left: 0; background: none; } .city-info .slideshow-gallery .slider .content img { width: 52px; height: 52px; } .city-info .ad-space { margin-left: -10px; position: relative; } .city-info .attractions ul li { margin-bottom: 6px; } .box2.midsearch {margin: 0px 0px 20px 0px;} .climate_info { margin-left:20px; margin-bottom:20px; ; } .wrap-climate { paddeing-right: 10px; background: #fff; border:1px solid #BDC1C5; margin-left: 20px; margin-top: 15px; border-bottom: 0px;margin-bottom: 10px;} table#climet_info { width: 100%; border-spacing:0px;empty-cells: hide;border-collapse: collapse; } table#climet_info th { background: #666; color: #fff; padding: 3px 5px; font-weight: bold; width: 120px; border-right: 1px solid #efefef; } table#climet_info th.last { border-right: none; } table#climet_info td {padding: 3px 5px; border-bottom: 1px solid #BDC1C5; background: #fff;} .disclaimer-photo { font-size: 11px; color: #666666; font-style:italic; padding: 0 0 20px 0; width:306px; margin: -15px 0px 0px 0px; } .rte p { margin-bottom: 20px; } .info-attr { margin: 4px 0px; } .state-info .map { float: left; display: inline; width: 291px; padding: 10px; background: #fff; border: solid 1px #ccc; margin: 0 20px 20px 0; overflow:hidden} .state-info .map { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .top-cities { border-top: solid 1px #d9d9d9; border-bottom: solid 1px #d9d9d9; padding: 5px 0 20px; } .top-cities ul { float: left; display: inline; list-style-type: none; width: 135px; margin-left: 6px; } .top-cities ul li { background: none; padding-left: 0; } .top-cities ul li a {} .top-cities ul li a:hover { background: #6c0; color: #fff; text-decoration: none; } .top-cities ul li a:hover { background: #6c0; color: #fff; text-decoration: none; } .tabs-content .top-cities { border: none; } #popup-book-now { width: 304px; height: 135px; position: absolute; top: 0; left: 0; } #popup-book-now .bg { width: 256px; height: 125px; background: url(images/popup-book-now.png) no-repeat 0 0; padding: 12px 15px 0 33px; } #popup-prop-now { position: absolute; width: 15px; height: 250px; left: 0; background: url(images/popup-prop.png) top left no-repeat; top:54px; } #popup-prop-now .bg { height: 245px; margin:0 0 0 15px; padding-top: 25px; width: 415px; background: url(images/popup-prop.png) top right no-repeat; } #popup-book-now h4, #popup-prop-now h4 { color: #369; line-height: 1; margin-bottom: 5px; width:225px; } #popup-book-now p, #popup-prop-now p { margin: 10px 0px; font-size: 13px; } #popup-book-now p span, #popup-prop-now p span { color: #b3b3b3; margin: 0 8px; } #popup-book-nowdestination .button-green { margin-top:10px; } #popup-book-now .close { position: absolute; top: 6px; right: 13px; } #popup-book-now .close { display: block; width: 21px; height: 21px; background: url(images/icons-sprite.gif) no-repeat left -900px; font-size: 0; line-height: 0; text-indent: -4000px; } #popup-book-now a.right { float: left !important; white-space:nowrap;} #popup-prop-now .close { position: absolute; margin:5px 0 0 380px; display: block; width: 21px; height: 21px; background: url(images/icons-sprite.gif) no-repeat left -900px; font-size: 0; line-height: 0; text-indent: -4000px; } #amen_ptype.popup_msg { position:absolute; z-index:10; color:#000000; display:none; } #_mid_amen_ptype { } .textblock { border-bottom: solid 1px #d9d9d9; padding-bottom: 10px; margin-bottom: 25px; } .textblock p { margin-bottom: 15px; } .textblock p.blue { margin-bottom: 0; } .textblock ul { margin: 15px 0; padding-right: 40px; } .textblock ul.cityMore { width:240px; float: left; } .hotel-list { border-bottom: solid 1px #bdc1c5; margin-bottom: 20px; } .hotel-list .image { float: left; display: inline; background: #fff; padding: 2px; border: solid 1px #bdc1c5; margin-bottom: 10px; } .hotel-list .head { width: 200px; float: right; display: inline; } .hotel-list h3 { line-height: 23px; } .hotel-list .average-rating { color: #666; margin-bottom: 0; } .button-dropdown { float: left; display: block; width: 100px; height: 30px; line-height: 28px; background: url(images/button-dropdown.gif) no-repeat 0 0; padding-left: 28px; color: #fff; text-decoration: none; font-weight: bold; margin-right: 10px; margin-bottom: 10px; } .button-dropdown-grey { float: left; display: block; width: 100px; height: 30px; line-height: 28px; background: url(images/button-dropdown-grey.gif) no-repeat 0 0; padding-left: 28px; color: #fff; text-decoration: none; font-weight: bold; margin-right: 10px; margin-bottom: 10px; } #best-deal .tabs { position: relative; margin-top: -40px; } #best-deal .tabs a { padding-left: 5px; } #best-deal .tabs a span { padding-right: 5px; } #best-deal .tabs-content { padding-top: 25px; } #best-deal .the-deal .image { width: 138px; height: 132px; padding: 5px; background: #fff; border: solid 1px #ccc; float: left; display: inline; } #best-deal .the-deal .content { float: right; display: inline; width: 445px; } #best-deal .the-deal .content h2 { color: #333; } #best-deal .the-deal .content .price { font-size: 27px; color: #369; font-weight: bold; line-height: 35px; margin-left: 15px; } #best-deal .the-deal .content .entry { width: 385px; padding-bottom: 15px; } #best-deal .the-deal .content div.left { margin-right: 20px; margin-bottom: 15px; width: 125px;} #best-deal .the-deal .content div.left ul { list-style-type: none; } #best-deal .the-deal .content div.left ul li { padding-left: 8px; background: url(images/list-item.gif) no-repeat 0 8px; } #best-deal .the-deal .cnt { padding: 10px 10px 60px; } .hotels-sl li { list-style-type: none; background: none; padding-left: 0; } .hotels-sl li li { border-bottom: solid 1px #bdc1c5; padding-bottom: 7px; margin-bottom: 10px; line-height: 1.4; } .hotels-sl li li p a { text-decoration: none; color: #369; font-weight: bold; } .hotels-sl li li .price { float: right; display: inline; font-size: 20px; color: #369; font-weight: bold; } .hotels-sl li li .price .fr { font-weight: normal; margin-right: 8px; } .visit{background:url(images/seaside.jpg); width:984px; height:270px; } .visit .booking {padding-left:578px; padding-top:64px} .visit h2{font-size: 35px; color:#fff;} .visit h2 em{font-size: 14px; font-family: georgia, sans-serif;} .visit h3{font-size: 22px; color:#fff;} .visit a.book{background:url(images/book-now.png); width:153px; height:47px; display: block;} .visit .tab-nav{padding-top:30px; float: right; display: inline; padding-right:3px; width:150px} .visit .tab-nav a{float: left; width:23px; height:23px; background:url(images/square.gif); font-size: 18px; font-weight: bold; color:#66cc00; line-height:23px; text-align: center; text-decoration: none; margin-right:7px} .visit .tab-nav a.active{background-position: 0 bottom; color:#fff; } .grey-gr-box{background:url(images/grey-gradient.gif) repeat-x; padding-bottom:20px; position: absolute; width: 985px;} .grey-gr-box .headings {padding-top:40px; float: left; display: inline;} .grey-gr-box h2{font-size: 26px; color:#333; margin:0;} .grey-gr-box h3{font-size: 19px; color:#336699; } .grey-gr-box .grey-holder{ width:316px; min-height:392px; margin-left:40px; margin-top:-238px; position:relative; float: left;padding-right: 30px;} .grey-gr-box .grey-holder .inner{ width: 298px; float: left; padding-left:18px; padding-top:10px; background:url(images/gradient-form.png) bottom right no-repeat; } .grey-gr-box .grey-holder .inner h3{color:#336699} .grey-gr-box .grey-holder .inner a.adv{float: left; margin-top:10px} .grey-gr-box .grey-holder .top-rounded { background:url(images/gradient-form.png) top left no-repeat; } .small-left-spacer{padding-left:10px;} .small-left-spacer.homePage { margin-top: 210px; } .round-frame {background:url(images/round-top.gif) no-repeat; width:617px; padding: 20px 10px 10px; margin-left:10px; } .round-frame ul{list-style-type: none; float: left; display: inline; padding-bottom:23px; list-style-position: outside;} .round-frame ul.hotels{} .round-frame ul.hotels li{width:147px} .round-frame ul.hotels li a{display: inline; text-decoration: underline;} .round-frame ul.hotels li a:hover{text-decoration: none;} .round-frame ul.space{ padding-right:15px} .round-frame ul.space.homePage{ padding-right:0px; margin-left: 15px;} .round-frame li{width:299px; margin-bottom:5px; padding-left:0; background: none;} .round-frame li a{width:289px; height:38px; padding-top:7px; display: block; text-decoration: none; padding-left:10px; } .round-frame li.wh a{ background:url(images/li-w.gif)} .round-frame li.bl a{ background:url(images/li-bl.gif)} .round-frame li a strong.price{float: right; font-size: 20px; padding-top:7px; padding-right:7px} .round-frame li a strong.price em{font-family: Georgia, sans-serif; color:#666; font-weight: normal; font-size: 14px;} .round-frame li a strong{float: left; line-height:13px;} .round-frame li a strong span{color:#000; font-weight: normal;} .column-side .city-info .no-border{border:0} div.list .cnt .insider p{margin-bottom:5px} div.list .cnt .head-part{font-size: 14px; color:#336699; font-weight: bold; margin-bottom:0px} div.list .cnt .head-part span{float: right;} div.list .cnt .head-part em{font-family: Georgia, sans-serif; color:#666; font-weight: normal;} div.list .cnt a.view{background: url(images/icons-sprite.gif) no-repeat right -700px; padding-right:26px; line-height:21px; float: left;} .reminder{background:url(images/reminder.gif); width:315px; height:112px; float: right; margin-top:23px; padding-top:8px; padding-left:14px} .reminder a{ margin-right:0; margin-top: 24px; } .reminder form .rowElem label { line-height: 26px; } .reminder small{font-size: 11px; color:#666; padding-left:5px} .childError,.dateError,.infoError,.LRGTotal { text-align: center; color: #ff0000; } #remind-options .field { width: 207px; } #remind-options select { width: 177px; } #remind-options div.left { margin-right: 8px; } .hotelDescription ul li { background: none; } .hotelDescription h4 { color: #333; } .hotelDescription h4.highlight { margin-top: 12px;} #hotel-info-detailed .box32 { background: url(images/roundeds/box32_v1.gif) repeat-x 0 0; } #hotel-info-detailed .box32 .cnt { padding: 16px 6px 58px 11px; } #hotel-info-detailed .box32 .cnt .image { float: left; display: inline; padding: 8px; background: #fff; border: solid 1px #c8c9ca; } #hotel-info-detailed .box32 .cnt .image { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #hotel-info-detailed .box32 .cnt .image img { width: 190px; height: 182px; } #hotel-info-detailed .box32 .cnt .content h2 { color: #333; } #hotel-info-detailed .box32 .cnt .content { float: left; display: inline; width: 440px; margin-left: 15px; font-size: 18px; color: #666; line-height: 1.3; font-weight: bold; } #hotel-info-detailed .box32 .cnt .content .rating { float: left; display: inline; margin-right: 15px; } #hotel-info-detailed .box32 .cnt .content .average-rating { float: left; display: inline; font-size: 12px; font-weight: normal; line-height: 16px; border-left: solid 1px #d4d9dd; } #hotel-info-detailed .box32 .cnt .content .average-rating { padding: 10px 0 0 40px; background: url(images/hand2.gif) no-repeat 15px center; } #hotel-info-detailed .box32 .cnt .content .entry { margin-top: 5px; } #hotel-info-detailed .box32 .cnt .side { width: 286px; float: right; display: inline; } #hotel-info-detailed .box32 .cnt .side .price { font-size: 40px; color: #369; text-align: center; } #hotel-info-detailed .box32 .cnt .side .button-green { margin: 17px 0 0 70px; } #hotel-info-detailed .tabs { margin-top: -40px; position: relative; } .hotel-overview .image { float: left; padding: 10px; background: #fff; border: solid 1px #ccc; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin: 0 15px 10px 0; width:300px;} .round-frame-2 { background: url(images/round-frame-2.gif) no-repeat 0 0; padding: 15px 20px 10px 20px; width: 577px;overflow:hidden; } .round-frame-book { background: url(images/round-frame-2.gif) no-repeat 0 0; padding: 15px 20px 10px 20px;overflow:hidden; } .round-frame-3 { padding: 15px 0 10px; width: 617px; } .round-frame-4 { background: url(images/round-frame-4.gif) no-repeat 0 0; padding: 10px 0; } .round-frame-5 { background: url(images/round-frame-5.gif) no-repeat 0 0; padding: 10px 20px; } .reviews { position: relative; width: 100%; } .review { border-bottom: solid 1px #e6e6e6; margin-bottom: 15px; padding: 0 20px 15px; } .review-last { border-bottom: none; } .review h2 { font-size: 18px; font-family: Georgia, "Trebuchet MS", Sans-Serif; font-style: italic; line-height: 1; margin-bottom: 8px; } .review .meta { color: #666; margin-bottom: 10px; } .review .meta .average-rating { background: url(images/hand2.gif) no-repeat 0 0; padding: 8px 0 2px 30px; margin-left: 7px; } .review .meta .average-rating.rating-down { background-image: url(images/hand3.gif); } .review .entry p { color: #292425; line-height: 19px; margin-bottom: 19px; } .reviews .popup { top: 0 !important; left: 0 !important; } table.rates { margin-bottom: 25px; } table.rates tr td { vertical-align: top; padding-top: 25px; padding-bottom: 25px; border-bottom: solid 1px #e6e6e6; } table.rates tr td.hotelAmenities {padding-top: 0px;padding-bottom: 0px;} table.rates.hotelPage tr td { border-bottom: none; } table.rates tr td tr td { padding: 0; padding-bottom: 20px; } table.rates th { font-size: 17px; font-weight: bold; line-height: 32px; text-align: left; border-bottom: solid 1px #c1d0e0; } table.rates th.avgRate { padding-left: 20px; text-align: center; } table.rates h4 { line-height: 1; color: #369; } table.rates .pernight-rate li { float: left; display: inline; margin-right: 2px; text-align: center; background: none; padding-left: 0; line-height: 23px; font-size: 14px; } table.rates .pernight-rate li .old { color: #999; text-decoration: line-through; } table.rates .pernight-rate li .day { background: url(images/rates-day.gif) no-repeat 0 0; text-align: center; color: #fff; font-weight: bold; width:42px;} table.rates .price { font-size: 40px; color: #369; font-weight: bold; line-height: 1; text-align: center; } table.rates .call { padding: 3px 0 3px 30px; font-size: 11px; line-height: 1.2; background: url(images/phone.gif) no-repeat 0 center; color: #333; font-weight: bold; margin: 17px -20px 22px 0; width: 170px; white-space: nowrap; position: relative; } table.rates .call span { color: #369; } table.rates .roomPrice .button-green { margin-left:35px; } table.rates .roominfo { float: left; width: 50%; } table.rates .rateinfo { float: left; width: 48%; } .roomFeatures, .cancelPolicy, .cliamte { color: #0066CC; font-size: 13px; padding-left: 24px; text-decoration:underline; margin-top: 10px; cursor:pointer;} .cancelPolicy { margin-top: 3px; } .icon.cancelPolicy { padding-bottom: 2px; margin-top: 10px;} .roomFeatures:hover, .cancelPolicy:hover { text-decoration:none; } .roominfo .items { width: 390px; float:left;display: none; } .roominfo .items.features { display: block; } .roominfo .items ul { width: 170px; float: left;margin-left:20px;margin-top:5px;} .roomContent .hotelAmenities { margin-top: 10px; } .hotelAmenities a { font-size: 13px; } .roomContent .hotelAmenities ul { margin-left:20px; } .roominfo .items ul li, .roomContent .hotelAmenities li { margin-bottom: 5px; font-size: 11px; color: #333333; padding-right: 15px; background-position: 0px 5px;} .hotelAmenities li { padding-right: 0px; } .roomContent .hotelAmenities li { width: 170px; float: left; padding-right: 15px; } .roominfo .bedtype { font-size: 13px; color: #333333; font-style:italic; } .policy { display: none; float: left; font-size: 11px; color: #333; padding-left: 20px; position:relative; width:570px; padding-top:8px;} .policy.active { display: block; } .hotelAmenities .policy { width:auto; } .romm_amenity { padding-top: 10px; padding-left:15px; } .romm_amenity li { font-size: 11px; background-position: 0px 5px; } .cancellation-policy h4 { color: #369; margin-bottom: 15px; } .cancellation-policy p { color: #666; margin-bottom: 15px; } .round-frame-2.cancellation { margin: 0px auto; padding-bottom: 25px; } .cancellation .hotel-box-heading { text-align: center; } .cancellation .alignCenter { padding-left: 180px; } .cancellation .button-green { margin-left:65px; } #write-review { width: 970px; height: 779px; background: url(images/popup-write-review.gif) no-repeat 0 0; } #write-review .close,.closepopup { position: absolute; top: 6px; right: 13px; } #write-review .close ,.closepopup { display: block; width: 21px; height: 21px; background: url(images/icons-sprite.gif) no-repeat left -900px; font-size: 0; line-height: 0; text-indent: -4000px; } #write-review .spacer { padding: 15px 85px 0 20px; } #write-review h4 { margin-bottom: 20px; } .pernight-rate {margin-left:10px;} .hotel-box-heading { font-weight:bold; font-size: 18px; line-height: 1.2; margin-bottom: 5px; color:#336699;} .roominfo .hotel-box-heading { margin-bottom:0px; } .padding10top {padding-top:10px;} .padding5top {padding-top:5px;} #popupbg, #popupbgbook {background-color:#FFFFFF;filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);-moz-opacity: .80;opacity: .80;display:none;position:absolute;top:0px;left:0px;width:100px;height:100px;z-index:99;} #new_review, #information_div {position:absolute;top:100px;z-index:100;} #new_review{top:50px !important;} #popupbgbook1 { z-index:110;background-color:#FFFFFF;filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);-moz-opacity: .80;opacity: .80;display:none;position:absolute;top:0px;left:0px;width:100px;height:100px;} #information_div1 {z-index:111;display:none;width:550px; border:2px solid #000;background-color:#FFF;padding:15px;position:absolute;height:100px;top:100px;left:100px;} .icon.arr-left { background-image: url(images/icon-arr-left.gif);padding:4px 26px 4px 0px;background-position:right center } .hotelheading {font-size: 18px; line-height: 1.2; margin-bottom: 5px;color:#0066CC;font-weight:bold;} .roomContent { float: left; width: 345px; min-height: 140px; } .roomContent .hotelAmenities { float:left; width:410px; } .roomContent .hotelAmenities div { margin-top: 10px; } .padding5button {padding-bottom:5px;} .padding5right {padding-right:5px} #shadow {position:absolute;filter:progid:DXImageTransform.Microsoft.alpha(opacity=60);-moz-opacity: .60;opacity: .60;background-color:#CCE4FC;display:none;z-index:99;} .popupdiv {padding:15px 24px 0 40px;position:absolute;visibility:hidden;width:240px;z-index:10;height:120px;color:#336699;background:transparent url(images/popup-book-now.png) no-repeat scroll 0 0;} .para{text-align:justify; margin:10px 20px 0px 20px;} .staticbg{background-image: url(/images/staticBg.png);width:958px;background-repeat:no-repeat;padding-top:10px;font-family:verdana;color:#333;font-size:12px;} .overflowhidden{overflow:hidden} .termslink { text-decoration: underline; color: #0066CC; cursor: pointer; } #cardConditions.hidden-term { border-top: 1px solid #BABDC2; padding: 20px 0 20px 0; width: 556px; margin-left: 20px; } .hidden-term { margin: 10px 0px 0px 0px; display: none;} .hidden-term.active { display: block;} .hidden-term h2 { margin-left: 0px; margin-bottom: 0px; font-size: 18px;} .hidden-term p.para { margin: 0px 10px 10px 0px; line-height: 1.6; } .closeterm { cursor: pointer; display: block; width: 21px; height: 21px; background: url(images/icons-sprite.gif) no-repeat left -900px; font-size: 0; line-height: 0; text-indent: -4000px; float: right; } .terms-inner { font-size: 11px; height: 200px; overflow-y: scroll;} /* ------------- * Search Widget Children Classes * ------------- */ .box2 .added-children .box1 .box1-cnt { width:184px; } /* .box2 .bigformactive .added-children .box1 .box1-cnt { width:auto; } */ .wrap-child { margin-right: 0px; width: 90px;padding-bottom: 10px; } .box2 #search-options .wrap-child.left { margin-right: 0px; } .box2 .wrap-child.left.omega { padding-right: 5px; width: 89px; } .wrap-child .single-select { float: left; margin-left: 10px;} #smallsearch form .rowElem label {line-height: 30px !important;font-size: 16px;} .added-children { width: 203px; margin: 10px 0px; float:left; } .box2 .added-children { width: 190px; } .box2 .bigformactive .added-children { width:376px; } #smallsearch form .rowElem .wrap-child, { width: 90px;} #smallsearch form .rowElem .wrap-child, .room-info-wrap .wrap-child label { margin-right: 0px; } #smallsearch form .rowElem .wrap-child label, .room-info-wrap .wrap-child label {line-height: 18px !important; font-size: 12px;margin: 6px 0px 2px 10px;} #smallsearch form .rowElem .wrap-child .single-select, .room-info-wrap .wrap-child label {float: left; margin: 6px 10px;} #smallsearch form .rowElem.checkinout {width: 135px;padding-right: 4px;margin-bottom: 0;} #smallsearch form .rowElem.addroom {margin: 40px 0 0 0;} #smallsearch form .rowElem.submitbtns {padding-bottom: 60px;margin-bottom: 0;} #smallsearch form .rowElem.people {width: 80px;padding-right: 7px;margin: 0;} .adv-search-right { float: left; position: absolute; margin-left: 520px; } .bigformactive.room-info-wrap {margin-top: -30px;} .bigformactive .added-children.alpha { margin-left: -170px !important; } #roomOptions { float:right; padding-right: 10px; padding-top:39px;} .prop-amenities {margin-top: 38px; } #top_hotel_div { margin-top: 15px; } /* ------------- * Homepage Specific Classes * ------------- */ #findhotel { display: block; float: left; } .grey-gr-box .top-rounded h3 {font-size: 19px; color:#336699; padding: 10px 0 0 20px; } .ds-top, .ds-bottom { position: relative; z-index:10; color: #fff;} .ds-bottom { z-index: 9; margin-left: 1px; filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);-moz-opacity: .80;opacity: .80; display:none;} .ds-bottom h2, .ds-bottom h3 {color: #000;} .ds-top h2, .ds-top h3, .ds-bottom h2, .ds-bottom h3 {line-height: 1.3; margin-bottom: 0px;} .booking .button-green { margin-top: 5px;} form .newRoomAdd .rowElem { margin-bottom: 0px;} /* ------------- * Newsletter confirmation text * ------------- */ #confirm_email .thanks { font-weight: bold;color: #336633;border: 1px solid #009900;background-color: #E3FFD7;font-size: 11px;font-weight: bold;padding: 2px 5px;width: 292px;} /* ------------- * Search box display * ------------- */ #full_search {clear: both;} #search-options div.left .box1.left {position: relative;margin: -6px 0 0 -4px;} #removelink {padding: 0px 0 0 26px;float: left; display: block; background: url(images/icons-sprite.gif) no-repeat left -900px; font-size: 12px; line-height: 21px; color: #666666; font-weight: bold; text-decoration:none;margin-top: 40px; right:-82px} .newRoomAdd{position:relative;} /* ------------- * Country Path "More Information" button * ------------- */ .button-green.popupbtn {padding: 20px 0 20px 0;} .taxes { font-size: 11px;color: #333333;font-style:italic;margin-left: 4px;font-weight: normal;} .distancetext {color:#660000;font-size:12px;width: 240px;} /* ------------- * ShareThis button * ------------- */ #home_page { border: 3px solid #f00; } /* ------------- * SiteMap Styles * ------------- */ .staticbg.sitemap {font-family: Helvetica, Arial, Sans-Serif; background: url('images/round-frame-4.gif') no-repeat 20px 0px; width: 965px;} h2.sitemap { font-size:16px; font-weight:bold; line-height:26px; text-align:left; color: #000; margin-bottom: 0px; cursor: pointer;} .wrap-region {padding-left: 20px; } .wrap-region div.left-spacer {border-top: 1px solid #C1D0E0;margin-top: 8px;} .wrap-region div.box1 {margin-bottom: 10px; } .wrap-siteMap, .wrap-region-sub {float: left;width: 210px;padding-right: 10px;} .wrap-siteMap.first { padding-left: 50px; } .wrap-region-sub ul li { margin-bottom: 5px;} /* ------------- * Loader Styles * ------------- */ #city_list {min-height: 140px;} .wrap-spinner {filter:progid:DXImageTransform.Microsoft.alpha(opacity=15);-moz-opacity: .15;opacity: .15;background-color:#FFFFFF; position: relative; z-index:999;min-height: 140px; width: 984px;margin-top: -20px; margin-left: -20px;} #city_list img.loading-spinner {position:absolute; z-index:1000; margin: -100px 0px 0px 436px;} .browserIE #hover_results { margin-top: -14px !important;} #hover_results.active {position: inherit !important; display: block !important;} #hover_results.active .loading-spinner { margvin-top: 10px auto 0px auto} #hover_results.active p { margin: 8px auto 0px auto; font-size: 13px; color: #000; } .loadingCity { text-align: center; } #indicator { position: absolute; margin-left: 280px; margin-top: 200px; z-index:1000;filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);-moz-opacity: 1;opacity: 1; width: 300px !important;background: transparent; } #indicator img { margin-left: 20px; } #indicator p { margin: 8px 0px 0px 0px; font-size: 12px; color: #333;font-weight: bold; } /*** Search widget specific styles to fix IE ***/ /*** Fixes for the Landmark pull down to make it always be the correct size ***/ #landmark_select .jqTransformSelectWrapper { width: 227px !important; } #landmark_select .jqTransformSelectWrapper div span { width: 167px !important; } #landmark_select .jqTransformSelectWrapper ul{ width: 223px !important; } /*** Virtual Tour ***/ .vir_tour { margin-left:100px; } .vir_tour .vir_tour_top { background: url(images/sprite-vtour.png) no-repeat 0px 0px; padding-top: 10px; float: left; } .vir_tour .vir_tour_center {background: url(images/sprite-vtour.png) repeat-y -889px bottom; padding: 0px 5px;width: 780px;} .vir_tour .vir_tour_bottom {background: url(images/sprite-vtour.png) no-repeat -1779px bottom; padding-bottom: 29px; } .close_virTour { float: right; margin-right:-10px; margin-top:-20px; } .close_virTour a { background:url("images/icon_close.png") no-repeat scroll left 0 transparent; display:block; float:left; font-size:0; height:26px; line-height:0; text-indent:-4000px; width:26px; } .hotels-sl h2 { line-height: 26px; } .hideRoomType{display:none;} .showRoomType{display:block;} .toggle_all_room_types{ color:#06c; padding-bottom:15px; } .promoList{ margin-bottom:10px; } .promoList h3{ text-align:center; width:100%; margin-top:5px; } .low-rate-guaranteed{ background: url(/css/images/low-rate-guaranteed.png) no-repeat scroll 0 5px transparent; height:0; width:0; padding:25px 130px 0 0; //margin:0 auto; overflow:hidden; clear:both; } .low-rate-guaranteed.details{ float:right; padding-right:155px !important; } .low-rate-guaranteed.room{ margin-left:41px; } .low-rate-guaranteed.rate{ float:right; margin-right:3px; } .low-rate-guaranteed.overview{ margin-left:75px; } .chain-info{ background:#eaeff5; padding:10px 20px; } .logo-chain{ float:left; padding-right:20px; } .info-chain{ } #bigRateChainError{ margin-bottom:20px; } .location_selected{ /*background-color:grey;*/ } /* Styles for jQuery menu widget Author: Maggie Wachs, maggie@filamentgroup.com Date: September 2008 */ /* REQUIRED STYLES - the menus will only render correctly with these rules */ .fg-menu-container { position: absolute; top:0; left:-999px; padding: .4em; overflow: hidden; } .fg-menu-container.fg-menu-flyout { overflow: visible; } .fg-menu, .fg-menu ul { list-style-type:none; padding: 0; margin:0; } .fg-menu { position:relative; } .fg-menu-flyout .fg-menu { position:static; } .fg-menu ul { position:absolute; top:0; } .fg-menu ul ul { top:-1px; } .fg-menu-container.fg-menu-ipod .fg-menu-content, .fg-menu-container.fg-menu-ipod .fg-menu-content ul { background: none !important; } .fg-menu.fg-menu-scroll, .fg-menu ul.fg-menu-scroll { overflow: scroll; overflow-x: hidden; } .fg-menu li { clear:both; float:left; width:100%; margin: 0; padding:0; border: 0; } .fg-menu li li { font-size:1em; } /* inner li font size must be reset so that they don't blow up */ .fg-menu-flyout ul ul { padding: .4em; } .fg-menu-flyout li { position:relative; } .fg-menu-scroll { overflow: scroll; overflow-x: hidden; } .fg-menu-breadcrumb { margin: 0; padding: 0; } .fg-menu-footer { margin-top: .4em; padding: .4em; } .fg-menu-header { margin-bottom: .4em; padding: .4em; } .fg-menu-breadcrumb li { float: left; list-style: none; margin: 0; padding: 0 .2em; font-size: .9em; opacity: .7; } .fg-menu-breadcrumb li.fg-menu-prev-list, .fg-menu-breadcrumb li.fg-menu-current-crumb { clear: left; float: none; opacity: 1; } .fg-menu-breadcrumb li.fg-menu-current-crumb { padding-top: .2em; } .fg-menu-breadcrumb a, .fg-menu-breadcrumb span { float: left; } .fg-menu-footer a:link, .fg-menu-footer a:visited { float:left; width:100%; text-decoration: none; } .fg-menu-footer a:hover, .fg-menu-footer a:active { } .fg-menu-footer a span { float:left; cursor: pointer; } .fg-menu-breadcrumb .fg-menu-prev-list a:link, .fg-menu-breadcrumb .fg-menu-prev-list a:visited, .fg-menu-breadcrumb .fg-menu-prev-list a:hover, .fg-menu-breadcrumb .fg-menu-prev-list a:active { background-image: none; text-decoration:none; } .fg-menu-breadcrumb .fg-menu-prev-list a { float: left; padding-right: .4em; } .fg-menu-breadcrumb .fg-menu-prev-list a .ui-icon { float: left; } .fg-menu-breadcrumb .fg-menu-current-crumb a:link, .fg-menu-breadcrumb .fg-menu-current-crumb a:visited, .fg-menu-breadcrumb .fg-menu-current-crumb a:hover, .fg-menu-breadcrumb .fg-menu-current-crumb a:active { display:block; background-image:none; font-size:1.3em; text-decoration:none; } /* REQUIRED LINK STYLES: links are "display:block" by default; if the menu options are split into selectable node links and 'next' links, the script floats the node links left and floats the 'next' links to the right */ .fg-menu a:link, .fg-menu a:visited, .fg-menu a:hover, .fg-menu a:active { float:left; width:92%; padding:.3em 3%; text-decoration:none; outline: 0 !important; } .fg-menu a { border: 1px dashed transparent; } .fg-menu a.ui-state-default:link, .fg-menu a.ui-state-default:visited, .fg-menu a.ui-state-default:hover, .fg-menu a.ui-state-default:active, .fg-menu a.ui-state-hover:link, .fg-menu a.ui-state-hover:visited, .fg-menu a.ui-state-hover:hover, .fg-menu a.ui-state-hover:active, .fg-menu a.ui-state-active:link, .fg-menu a.ui-state-active:visited, .fg-menu a.ui-state-active:hover, .fg-menu a.ui-state-active:active { border-style: solid; font-weight: normal; } .fg-menu a span { display:block; cursor:pointer; } /* SUGGESTED STYLES - for use with jQuery UI Themeroller CSS */ .fg-menu-indicator span { float:left; } .fg-menu-indicator span.ui-icon { float:right; } .fg-menu-content.ui-widget-content, .fg-menu-content ul.ui-widget-content { border:0; } /* ICONS AND DIVIDERS */ .fg-menu.fg-menu-has-icons a:link, .fg-menu.fg-menu-has-icons a:visited, .fg-menu.fg-menu-has-icons a:hover, .fg-menu.fg-menu-has-icons a:active { padding-left:20px; } .fg-menu .horizontal-divider hr, .fg-menu .horizontal-divider span { padding:0; margin:5px .6em; } .fg-menu .horizontal-divider hr { border:0; height:1px; } .fg-menu .horizontal-divider span { font-size:.9em; text-transform: uppercase; padding-left:.2em; } .ac_results { padding: 0px; border: 1px solid WindowFrame; background-color: Window; overflow: hidden; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results iframe { display:none;/*sorry for IE5*/ display/**/:block;/*sorry for IE5*/ position:absolute; top:0; left:0; z-index:-1; filter:mask(); width:3000px; height:3000px; } .ac_results li { margin: 0px; padding: 2px 5px; cursor: pointer; display: block; width: 100%; font: menu; font-size: 12px; overflow: hidden; } .ac_loading { background : Window url('./indicator.gif') right center no-repeat; } .ac_over { background-color: Highlight; color: HighlightText; } #overlay { display: none; position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; background-color:#fff; filter:alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80; } * html #overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } .popup { position: absolute; z-index: 101; top: 0; left: 0; } body { color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 76%; } .panel { clear: both; display: none; border: 3px solid #CCC; padding: 1em; } .panel.active-tab-body { display: block; } #tabs { list-style: none; } #tabs li { float: left; } #tabs a { float: left; padding: 5px 8px; margin-left: 6px; background-color: #F2F2F2; text-decoration: none; color: #999999; } #tabs a.active-tab { background-color: #CCC; border-top: 3px solid #999; padding-top: 3px; color: #000; } input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; } input.required, textarea.required { border: 1px solid #00A8E6; } input.validation-failed, textarea.validation-failed { border: 1px solid #FF3300; color : #FF3300; } input.validation-passed, textarea.validation-passed { border: 1px solid #00CC00; color : #000; } .validation-advice { margin: 5px 0; padding: 5px; background-color: #FF3300; color : #FFF; font-weight: bold; } .custom-advice { margin: 5px 0; padding: 5px; background-color: #C8AA00; color : #FFF; font-weight: bold; } fieldset { padding: 1em; margin-bottom: 0.5em; } label { font-weight: bold; } .form-row { clear: both; padding: 0.5em; } .field-label { } .field-widget { } .sliderwrapper{ position: relative; /*leave as is*/ overflow: hidden; /*leave as is*/ /*border: 10px solid navy; border-bottom-width: 6px;*/ width: 984px; height: 270px; } .sliderwrapper .contentdiv{ visibility: hidden; /*leave as is*/ position: absolute; /*leave as is*/ left: 0; /*leave as is*/ top: 0; /*leave as is*/ padding: 0px 5px 0px 5px; background: white; width: 974px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */ height: 100%; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1; } .visit > .pagination{ /*width: 400px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/ text-align: right; padding: 5px 10px; position:absolute; margin:-45px 0 0 825px; } .pagination a.toc{ height:23px; background:url(images/square.gif) no-repeat; font-size: 17px; font-weight: bold; color:#66cc00; line-height:22px; text-align: center; text-decoration: none; margin-right:4px;padding:0 7px; border:none !important; } .pagination a.toc:hover, .pagination a.toc.selected{ background-position: 0 bottom; color:#fff; } /* Rounded boxes for multiply use. Please don`t change anything here. */ /* \*/ * html .tlc, * html .trc, * html .blc, * html .brc, * html .tb, * html .bb, * html .lb, * html .rb {height: 1%;} /* */ .tlc, .trc, .blc, .brc { background-color: transparent; background-repeat: no-repeat; } .tb, .bb { background-color: transparent; background-repeat: repeat-x; } .rb { background-position: 100% 0%; background-repeat: repeat-y; } .lb { background-position: 0% 100%; background-repeat: repeat-y; } .tlc { background-position: 0% 0%; } .trc { background-position: 100% 0%; } .blc { background-position: 0% 100%; } .brc { background-position: 100% 100%; } .tb { background-position: 0% 0%; } .bb { background-position: 50% 100%; } .box1 { background-color: #eaeff5; } .box1 .box1-tlc { background-image: url(images/roundeds/box1-tlc.gif); } .box1 .box1-trc { background-image: url(images/roundeds/box1-trc.gif); } .box1 .box1-blc { background-image: url(images/roundeds/box1-blc.gif); } .box1 .box1-brc { background-image: url(images/roundeds/box1-brc.gif); } .box1 .box1-tb, .box1 .box1-bb, .box1 .box1-lb, .box1 .box1-rb { background-image: url(images/roundeds/box1-b.gif); } .box1 .box1-cnt { padding: 10px 20px; height: 100%; } .box1-inline { float: left; display: inline; margin-bottom: 10px; margin-top: 10px; } .box1-inline .box1-cnt { padding: 0 12px; } .box3 { background-color: #fff; } .box32 { background: url(images/roundeds/box32_v1.gif) repeat-x 0 0; } .box3 .box3-tlc { background-image: url(images/roundeds/box3-tlc.gif); } .box3 .box3-trc { background-image: url(images/roundeds/box3-trc.gif); } .box3 .box3-blc { background-image: url(images/roundeds/box3-blc.gif); } .box3 .box3-brc { background-image: url(images/roundeds/box3-brc.gif); } .box3 .box3-tb, .box3 .box3-bb, .box3 .box3-lb, .box3 .box3-rb { background-image: url(images/roundeds/box3-b.gif); } .box3 .box3-cnt { padding: 10px 20px; height: 100%; } .box2 { background-color: #fdfdfd; } #full_search .box2.searchBox { margin-top: 40px; } .box2.searchBox { margin-bottom: -1px; } .box2 .box2-tlc { background-image: url(images/roundeds/box2-tlc.gif); } .box2 .box2-trc { background-image: url(images/roundeds/box2-trc.gif); } .box2 .box2-blc { background-image: url(images/roundeds/box2-blc.gif); } .box2 .box2-brc { background-image: url(images/roundeds/box2-brc.gif); padding: 16px 11px 18px 13px; } .box2 .box2-tb { background-image: url(images/roundeds/box2-tb.gif); } .box2 .box2-bb { background-image: url(images/roundeds/box2-bb.gif); } .box2 .box2-lb { background-image: url(images/roundeds/box2-lb.gif); } .box2 .box2-rb { background-image: url(images/roundeds/box2-rb.gif); } .box2 .box2-cnt { padding: 10px 14px 6px; height: 100%; background: url(images/roundeds/box2-cnt.gif) repeat-x 0 bottom; position: relative; } .box2 .box2-arr { display: block; width: 32px; height: 16px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/roundeds/box2-arr.gif) no-repeat 0 0; } .box2 .box2-arr { position: absolute; bottom: -33px; left: 23px; } /* ================================================ autosuggest, inquisitor style ================================================ */ body { position: relative; } div.autosuggest { z-index:10; position: absolute; background-image: url(/sfCombine/css/key/img_inquisitor/as_pointer.gif); background-position: top; background-repeat: no-repeat; padding: 10px 0 0 0; } div.autosuggest div.as_header, div.autosuggest div.as_footer { position: relative; height: 6px; padding: 0 6px; background-image: url(/sfCombine/css/key/img_inquisitor/ul_corner_tr.png); background-position: top right; background-repeat: no-repeat; overflow: hidden; } div.autosuggest div.as_footer { background-image: url(/sfCombine/css/key/img_inquisitor/ul_corner_br.png); background-position: right 1px; } div.autosuggest div.as_header div.as_corner, div.autosuggest div.as_footer div.as_corner { position: absolute; top: 0; left: 0; height: 6px; width: 6px; background-image: url(/sfCombine/css/key/img_inquisitor/ul_corner_tl.png); background-position: top left; background-repeat: no-repeat; } div.autosuggest div.as_footer div.as_corner { background-image: url(/sfCombine/css/key/img_inquisitor/ul_corner_bl.png); background-position: 0px 1px; } div.autosuggest div.as_header div.as_bar, div.autosuggest div.as_footer div.as_bar { height: 6px; overflow: hidden; background-color: #333; } div.autosuggest ul { list-style: none; margin: 0 0 -4px 0; padding: 0; overflow: hidden; background-color: #333; } div.autosuggest ul li { color: #ccc; padding: 0; margin: 0 4px 4px; text-align: left; background:none; } div.autosuggest ul li a { color: #ccc; display: block; text-decoration: none; background-color: transparent; text-shadow: #000 0px 0px 5px; position: relative; padding: 0; width: 100%; } div.autosuggest ul li a:hover { background-color: #444; } div.autosuggest ul li.as_highlight a:hover { background-color: #1B5CCD; } div.autosuggest ul li a span { display: block; padding: 3px 6px; font-weight: bold; } div.autosuggest ul li a span small { font-weight: normal; color: #999; } div.autosuggest ul li.as_highlight a span small { color: #ccc; } div.autosuggest ul li.as_highlight a { color: #fff; background-color: #1B5CCD; background-image: url(/sfCombine/css/key/img_inquisitor/hl_corner_br.gif); background-position: bottom right; background-repeat: no-repeat; } div.autosuggest ul li.as_highlight a span { background-image: url(/sfCombine/css/key/img_inquisitor/hl_corner_bl.gif); background-position: bottom left; background-repeat: no-repeat; } div.autosuggest ul li a .tl, div.autosuggest ul li a .tr { background-image: transparent; background-repeat: no-repeat; width: 6px; height: 6px; position: absolute; top: 0; padding: 0; margin: 0; } div.autosuggest ul li a .tr { right: 0; } div.autosuggest ul li.as_highlight a .tl { left: 0; background-image: url(/sfCombine/css/key/img_inquisitor/hl_corner_tl.gif); background-position: bottom left; } div.autosuggest ul li.as_highlight a .tr { right: 0; background-image: url(/sfCombine/css/key/img_inquisitor/hl_corner_tr.gif); background-position: bottom right; } div.autosuggest ul li.as_warning { font-weight: bold; text-align: center; } div.autosuggest ul em { font-style: normal; color: #6EADE7; } /* Inputs : height: 42px; width: given_width + 20px (240px + 20px = 260px); Textarea : height: given_height + 10px (150px + 10px = 160px); width: given_width + 10px (400px + 10px = 410px); Select : (given_width is width with borders); height: 42px; full_width: given_width + 50px; width_without_arrow: given_width + 10px; */ /* ------------- * Default States * ------------- */ form h4 { padding-bottom: 15px; } form.left-spacer { padding-left: 9px; } form .rowElem { margin-bottom: 25px; } form .rowElem.box1 { width: 596px; } form .rowElem small { display: block; color: #666; font-size: 12px; margin-left: 2px; } form .rowElem div.left { margin-right: 15px; } form .rowElem p { line-height: 42px; } form .rowElem label { line-height: 2; } form span.sep { float: left; display: inline; line-height: 42px; font-size: 18px; font-weight: bold; color: #333; margin: 0 10px; width: 5px; overflow: hidden; } input, select, textarea { font-size: 18px; font-weight: bold; color: #369; font-family: Helvetica, Arial, Sans-Serif; } input.field { width: 235px; } textarea { width: 400px; height: 150px; } .jqTransformSelectWrapper, .jqTransformInputWrapper, .jqTransformTextarea { font-size: 18px; font-weight: bold; color: #369; font-family: Helvetica, Arial, Sans-Serif; } /* ------------- * Labels * ------------- */ .jqtransform label { display: block; font-size: 18px; font-weight: bold; color: #333; } .jqtransform label.left { line-height: 42px; margin-right: 10px; } /* ------------- * Radios & Checkboxes * ------------- */ /*Radios*/ .jqTransformRadioWrapper { float: left; display: block; } .jqTransformRadio { background: transparent url(images/form-elements/radio.gif) no-repeat center top; vertical-align: middle; height: 19px; width: 18px; display: block; } /*checkboxes*/ span.jqTransformCheckboxWrapper { display: block; float: left; } a.jqTransformCheckbox { background: transparent url(images/form-elements/checkbox.gif) no-repeat center top; vertical-align: middle; height: 19px; width: 18px; display: block; } /*checked*/ a.jqTransformChecked { background-position: center bottom; } /* ------------- * Inputs * ------------- */ .jqTransformInputWrapper { background: transparent url(images/form-elements/input_text_left.gif) no-repeat left top; height: 42px; float:left; } .jqTransformInputInner { background: transparent url(images/form-elements/input_text_right.gif) no-repeat top right; } .jqTransformInputInner div { height: 22px; padding: 10px; overflow: hidden; } .jqTransformInputInner div input { border: none; background: none; } /*hover*/ .jqTransformInputWrapper_hover { background-position: left -42px; } .jqTransformInputWrapper_hover div.jqTransformInputInner { background-position: right -42px ; } /*focus*/ .jqTransformInputWrapper_focus { background-position: left -42px; } .jqTransformInputWrapper_focus div.jqTransformInputInner { background-position: right -42px ; } /* ------------- * Textarea * ------------- */ table.jqTransformTextarea td { font-size: 1px; line-height: 1px; width: 5px; height: 5px; } table.jqTransformTextarea textarea{ border: 0; background: none; resize: none; } table.jqTransformTextarea td#jqTransformTextarea-tl { background: url(images/form-elements/textarea_tl.gif) no-repeat top left; } table.jqTransformTextarea td#jqTransformTextarea-tm { background: url(images/form-elements/textarea_tm.gif) repeat-x top left; } table.jqTransformTextarea td#jqTransformTextarea-tr { background: url(images/form-elements/textarea_tr.gif) no-repeat top left; } table.jqTransformTextarea td#jqTransformTextarea-ml { background: url(images/form-elements/textarea_ml.gif) repeat-y top left; } table.jqTransformTextarea td#jqTransformTextarea-mm { background: url(images/form-elements/textarea-mm.gif) repeat; } table.jqTransformTextarea td#jqTransformTextarea-mr { background: url(images/form-elements/textarea_mr.gif) repeat-y top left; } table.jqTransformTextarea td#jqTransformTextarea-bl{background: url(images/form-elements/textarea_bl.gif) no-repeat top left;} table.jqTransformTextarea td#jqTransformTextarea-bm{background: url(images/form-elements/textarea_bm.gif) repeat-x top left;} table.jqTransformTextarea td#jqTransformTextarea-br{background: url(images/form-elements/textarea_br.gif) no-repeat top left;} /*hover*/ table.jqTransformTextarea-hover td#jqTransformTextarea-tl { background-position:0px -5px; } table.jqTransformTextarea-hover td#jqTransformTextarea-tm { background-position:0px -5px; } table.jqTransformTextarea-hover td#jqTransformTextarea-tr { background-position:0px -5px; } table.jqTransformTextarea-hover td#jqTransformTextarea-ml { background-position:-5px 0px; } table.jqTransformTextarea-hover td#jqTransformTextarea-mm { background-image: url(images/form-elements/textarea-mm-hover.gif); } table.jqTransformTextarea-hover td#jqTransformTextarea-mr { background-position:-5px 0px; } table.jqTransformTextarea-hover td#jqTransformTextarea-bl { background-position:0px -5px; } table.jqTransformTextarea-hover td#jqTransformTextarea-bm { background-position:0px -5px; } table.jqTransformTextarea-hover td#jqTransformTextarea-br { background-position:0px -5px; } /*focus*/ table.jqTransformTextarea-focus td#jqTransformTextarea-tl { background-position:0px -10px; } table.jqTransformTextarea-focus td#jqTransformTextarea-tm { background-position:0px -10px; } table.jqTransformTextarea-focus td#jqTransformTextarea-tr { background-position:0px -10px; } table.jqTransformTextarea-focus td#jqTransformTextarea-ml { background-position:-10px 0px; } table.jqTransformTextarea-focus td#jqTransformTextarea-mm { background-image: url(images/form-elements/textarea-mm-focus.gif); } table.jqTransformTextarea-focus td#jqTransformTextarea-mr { background-position: -10px 0px; } table.jqTransformTextarea-focus td#jqTransformTextarea-bl { background-position:0px -10px; } table.jqTransformTextarea-focus td#jqTransformTextarea-bm { background-position:0px -10px; } table.jqTransformTextarea-focus td#jqTransformTextarea-br { background-position:0px -10px; } /* ------------- * Selects * ------------- */ .jqTransformSelectWrapper { float: left; position: relative; height: 42px; width: 45px; background: url(images/form-elements/select_left.gif) no-repeat top left; } .jqTransformSelectWrapper div span { position: absolute; white-space: nowrap; height: 22px; line-height: 22px; padding: 10px; overflow: hidden; cursor: pointer; } .jqTransformSelectWrapper a.jqTransformSelectOpen { display: block; position: absolute; right: 0px; width: 39px; height: 42px; background: url(images/icons-sprite.gif) no-repeat left -1900px; } .jqTransformSelectWrapper ul { width: 43px; height: 150px; position: absolute; top: 42px; left: 0px; background: #fff; border: solid 1px #ccc; display: none; z-index:10; } .jqTransformSelectWrapper ul { overflow: auto; overflow-y: auto;overflow-x:hidden ; } .jqTransformSelectWrapper ul li { list-style: none; line-height: 22px; background-image: none; padding-left: 0px;} .jqTransformSelectWrapper ul a { display: block; padding: 5px; text-decoration: none; color:#333; background-color: #FFF; } .jqTransformSelectWrapper ul a.selected { background: #EDEDED; color: #333; } .jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover { background: #3582c4; color: #fff; } /* ------------- * Hidden - used to hide the original form elements * ------------- */ .jqTransformHidden { display: none; } /* ------------- * Error Rows * ------------- */ .rowElemError .jqTransformInputWrapper { background-position: left -84px !important; } .rowElemError .jqTransformInputWrapper div.jqTransformInputInner { background-position: right -84px !important; } .rowElemError label { color: #f00; } .rowElemError .borders { background: #ffe5e5; border: solid 1px #ffacac; padding: 0 12px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-bottom: 27px; } .single-select { position: relative; width: 74px; } .single-select input { width: 54px !important; } .single-select .buttons { position: absolute; top: 2px; right: 2px; width: 27px; height: 38px; font-size: 0; line-height: 0; background: url(images/icons-sprite.gif) no-repeat left -2000px; } .single-select .buttons a { display: block; width: 27px; height: 19px; text-indent: -4000px; } .cardLogos { position: absolute; margin-top:-20px; } /* ------------- * Misc Styles * ------------- */ #extraemail a#removeemail { float: left; display: block; width: 26px; height: 26px; background: url(images/icon_close.png) no-repeat left 0px; font-size: 0; line-height: 0; text-indent: -4000px; margin-left: -15px;margin-top: -10px; position: relative; z-indexd: 100;} .wrap-rooms .box1.room-header {margin-left:-10px; margin-top:-9px; padding:10px 0; position:relative; width:608px;} /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=deedf7&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=100&borderColorHeader=aed0ea&fcHeader=222222&iconColorHeader=72a7cf&bgColorContent=f2f5f7&bgTextureContent=04_highlight_hard.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=362b36&iconColorContent=72a7cf&bgColorDefault=d7ebf9&bgTextureDefault=02_glass.png&bgImgOpacityDefault=80&borderColorDefault=aed0ea&fcDefault=2779aa&iconColorDefault=3d80b3&bgColorHover=e4f1fb&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=74b2e2&fcHover=0070a3&iconColorHover=2694e8&bgColorActive=3baae3&bgTextureActive=02_glass.png&bgImgOpacityActive=50&borderColorActive=2694e8&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=ffef8f&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=25&borderColorHighlight=f9dd34&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=cd0a0a&bgTextureError=01_flat.png&bgImgOpacityError=15&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffffff&bgColorOverlay=eeeeee&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=90&opacityOverlay=80&bgColorShadow=000000&bgTextureShadow=04_highlight_hard.png&bgImgOpacityShadow=70&opacityShadow=30&thicknessShadow=7px&offsetTopShadow=-7px&offsetLeftShadow=-7px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #dddddd; background: #f2f5f7 url(/css/ui-themes/cupertino/images/ui-bg_highlight-hard_100_f2f5f7_1x100.png) 50% top repeat-x; color: #362b36; } .ui-widget-content a { color: #362b36; } .ui-widget-header { border: 1px solid #aed0ea; background: #deedf7 url(/css/ui-themes/cupertino/images/ui-bg_highlight-soft_100_deedf7_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #aed0ea; background: #d7ebf9 url(/css/ui-themes/cupertino/images/ui-bg_glass_80_d7ebf9_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #2779aa; outline: none; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #2779aa; text-decoration: none; outline: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #74b2e2; background: #e4f1fb url(/css/ui-themes/cupertino/images/ui-bg_glass_100_e4f1fb_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #0070a3; outline: none; } .ui-state-hover a, .ui-state-hover a:hover { color: #0070a3; text-decoration: none; outline: none; } .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #2694e8; background: #3baae3 url(/css/ui-themes/cupertino/images/ui-bg_glass_50_3baae3_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; outline: none; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; outline: none; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #f9dd34; background: #ffef8f url(/css/ui-themes/cupertino/images/ui-bg_highlight-soft_25_ffef8f_1x100.png) 50% top repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #cd0a0a url(/css/ui-themes/cupertino/images/ui-bg_flat_15_cd0a0a_40x100.png) 50% 50% repeat-x; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #ffffff; } .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(/css/ui-themes/cupertino/images/ui-icons_72a7cf_256x240.png); } .ui-widget-content .ui-icon {background-image: url(/css/ui-themes/cupertino/images/ui-icons_72a7cf_256x240.png); } .ui-widget-header .ui-icon {background-image: url(/css/ui-themes/cupertino/images/ui-icons_72a7cf_256x240.png); } .ui-state-default .ui-icon { background-image: url(/css/ui-themes/cupertino/images/ui-icons_3d80b3_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/css/ui-themes/cupertino/images/ui-icons_2694e8_256x240.png); } .ui-state-active .ui-icon {background-image: url(/css/ui-themes/cupertino/images/ui-icons_ffffff_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(/css/ui-themes/cupertino/images/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/css/ui-themes/cupertino/images/ui-icons_ffffff_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; } .ui-corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; } .ui-corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; } .ui-corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; } .ui-corner-top { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; } .ui-corner-right { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; } .ui-corner-left { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; } .ui-corner-all { -moz-border-radius: 6px; -webkit-border-radius: 6px; } /* Overlays */ .ui-widget-overlay { background: #eeeeee url(/css/ui-themes/cupertino/images/ui-bg_diagonals-thick_90_eeeeee_40x40.png) 50% 50% repeat; opacity: .80;filter:Alpha(Opacity=80); } .ui-widget-shadow { margin: -7px 0 0 -7px; padding: 7px; background: #000000 url(/css/ui-themes/cupertino/images/ui-bg_highlight-hard_70_000000_1x100.png) 50% top repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }/* Accordion ----------------------------------*/ .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; } .ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker ----------------------------------*/ .ui-datepicker { width: 17em; padding: .2em .2em 0; z-index:99;} .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; } .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }/* Dialog ----------------------------------*/ .ui-dialog { position: relative; padding: .2em; width: 300px; } .ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* Progressbar ----------------------------------*/ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable ----------------------------------*/ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider ----------------------------------*/ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs ----------------------------------*/ .ui-tabs { padding: .2em; zoom: 1; } .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; } .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } .pagination { font-size: 80%; } .pagination a { text-decoration: none; border: solid 1px #AAE; color: #15B; } .pagination a, .pagination span { display: block; float: left; padding: 0.3em 0.5em; margin-right: 5px; margin-bottom: 5px; } .pagination .current { background: #26B; color: #fff; border: solid 1px #AAE; } .pagination .current.prev, .pagination .current.next{ color:#999; border-color:#999; background:#fff; }