body { background: #adadad url('../../images/top-bg.png') repeat-x top left; text-align: center; line-height: 1.6; font-family: Arial, sans-serif; font-size: 11px; color: #636363; } a:link, a:visited { color: #00b6d8; text-decoration: none; font-weight: normal; background: none; } a:hover { text-decoration: none; background: none; color: #ee292d; } .clear, .clearfix { clear: both; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } p { padding-bottom: 10px; } strong { font-weight: bold; } cite, em, i { font-style: italic; } pre, code { font-family: Courier New, monospace; margin-bottom: 10px; } ins { text-decoration: none; } sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 0.8em; } sub { top: 0.3em; } input { border: 0px; } .emphasis { font-size: 16px; font-weight: bold; } .red { color: #ee292d; } .charcoal { color: #333; } .pad-me { margin-top: 20px !important;} #content { clear:both; z-index: 1; } #header .container { text-align: left; height: 122px; z-index: 2; width: 1000px; margin: 0 auto; position: relative; } img#logo { clear:both; margin: 29px 0px 0px 18px; float:left;} #header #login-area { position: absolute; width: 280px; top: 0; right: 0; margin: 10px 20px 0px; text-align: right; } #header #login-area input.inputfield { background: url('../../images/search-bg.png') no-repeat 0 -1px; width: 108px; padding: 0px 0px 0px 4px; height: 18px; border: 0px; font-size: 11px; color: #636363; line-height:15px; vertical-align:bottom;} #header #login-area .logincontent { float: right; position: relative;} .validation_summary {float:left; line-height:10px; height:20px; width:280px; margin-bottom:2px;} .validation_summary label, .validation_summary span {color:Red;} .form_validation_summary {float:left; line-height:10px; width:350px; margin-bottom:10px;} ul#page-menu {margin: 0px 0px 0px 18px; z-index: 100; height: 30px; float:left;} ul#page-menu li {color: #ffffff; text-decoration: none; font-size: 14px; display: inline;} ul#page-menu li a { float:left; width:auto; padding: 5px 10px 4px 10px; color: #ffffff; text-decoration: none; font-size: 14px; } ul#page-menu li a:hover { text-decoration: none; color: #484848; background: #ccc;} ul#page-menu li.current_page_item { padding: 0px 10px 0px 10px; color: #ff3c22;} ul#page-menu li.highlight a { background: #555;} ul#page-menu li.highlight a:hover { color: #484848; background: #ccc;} ul#page-menu li a.no-pad-left { padding-left: 0px !important;} .home #home_NavItem a, .register #reg_NavItem a, .faq #faq_NavItem a, .how #how_NavItem a, .book #book_NavItem a, .profile #profile_NavItem a {color: #ff3c22;} .home #home_NavItem a:hover, .register #reg_NavItem a:hover, .faq #faq_NavItem a:hover, .how #how_NavItem a:hover, .book #book_NavItem a:hover, .profile #profile_NavItem a:hover {background:none;color: #ff3c22;} .register ul#page-menu li.highlight a:hover {background:#555;color: #ff3c22;} #content .wrapper { margin: 0 auto; min-height: 550px; width: 1000px; position: relative; } #content .container .wrapper { text-align: left; float: left; position: relative; width: 964px; min-height: 550px; background-color: #fff;} #featured-content { background: #fff; } #featured-content div { background: transparent; text-align: center; position: relative; width: 320px; height: 143px; float: left; cursor: pointer; } #featured-content .details { width: 964px; height: 280px; background: url('../../images/featured-content-bg.png') repeat-x; margin: 0px; color: #fff; } #featured-content .details p { padding: 0px; margin: 0px 20px 10px 10px; text-align: justify; font-size: 14px;} #featured-content .details img { padding: 7px 20px 5px 5px; float: left; } #featured-content .details .float-right {padding: 0; margin: 0; float: right !important;} #featured-content h1 { text-align: left; font-weight: normal; font-size: 24px; color: #333; padding: 13px 0px 11px; } #featured-content #one { background: url('../../images/one.png') no-repeat; } #featured-content #two { background: url('../../images/two.png') no-repeat; margin-left: 2px; } #featured-content #three { background: url('../../images/three.png') no-repeat; margin-left: 2px; } #featured-content .arrow { position: absolute; width: 33px; height: 18px; background: url('../../images/arrow.png') no-repeat; } #featured-content #one-arrow { left: 140px; } #featured-content #two-arrow { left: 465px; } #featured-content #three-arrow { left: 775px; } #content #shadow-left { background: url('../../images/shadow-left.png') no-repeat; float: left; position: relative; width: 18px; height: 550px; } #content #shadow-right { background: url('../../images/shadow-right.png') no-repeat; float: right; position: relative; width: 18px; height: 550px; } #main-content { float: left; position: relative; width: 600px; background: #fff; padding: 20px 10px 20px 40px; } .home #main-content { background: url('../../images/perk_cup.jpg') no-repeat bottom right; height:470px;} #main-content img { float: right; padding: 10px 10px 10px 10px; } #main-content h1 { background: url('../../images/Loyalty-has-its-perks.png') no-repeat -4px 0px; text-indent: -999999px; font-weight: bold; font-size: 14px; color: #4c4c4c; padding: 13px 0px 11px; } #main-content h2 { font-weight: normal; font-size: 24px; text-transform: capitalize; border-bottom: 1px solid #dbdbdb; padding: 5px 0px 10px;} #main-content p.first {padding: 10px 0px; } #main-content p.last {padding: 0px 0px 10px; } #main-content .link-list li a {color: #00b6d8; text-decoration: none; font-size: 12px;} #main-content .link-list li a:hover {color: #ee292d; text-decoration: none; font-size: 12px;} #main-content p {margin: 20px 0px 5px 0px; padding:0px;} .home #main-content p {width: 320px; text-align: left; font-size: 14px; line-height: 16px;} .home #main-content ul {width: 360px; font-size: 16px; margin: 35px 0px 0px 0px; color: #222;} .home #main-content .cola {float: left; width: 65px;} .home #main-content .colb {float: left; width: 295px;} #main-content p.indent {margin-left: 20px;} #main-content p.no-line-height {line-height: 1.2em;} #main-content div.video {height: 301px; width:480px; background: #ccc;text-align: center; border: 1px solid #333; overflow:hidden; margin-bottom:15px;} #main-content h3 {font-size: 16px; font-weight: normal; color: rgb(238,41,45); margin: 20px 0px 3px 0px;} #main-content a.link {text-decoration: none; color: #999;} #main-content ol { margin: 0px; padding: 0px;} #main-content ol li{margin: 5px; padding: 0px; margin-left: 0; padding-left: 1em; text-indent: -1em; list-style: inside; list-style-type: none;} #main-content ol li:before {content: "\00BB \0020";} #main-content .user-info {text-transform: capitalize; color: #00b6d8} .book #main-content .user-info {text-transform: capitalize; color: #00b6d8} #side-content { float: left; position: relative; width: 300px; height: 520px; background: #fff; margin-left: 2px;} #side-content h3 { font-weight: normal; font-size: 18px; text-transform: capitalize; color: #4c4c4c; border-bottom: 1px solid #dbdbdb; padding: 13px 25px 11px; background: url('../../images/asterisk.png') no-repeat 0px 10px;} .sidebar-block { color: #3d3d3d; padding: 5px 10px 10px; } .sidebar-block ul { margin-top: -7px; } .sidebar-block ul li { padding: 0px 0px 0px 10px; } #main-area-wrap #sidebar img { border: none; padding: 0px; } #main-area-wrap #sidebar img#about-image { float: left; display: inline; border:1px solid #dfdfdf; margin-right: 10px; padding: 4px; } #side-content #quote { position: absolute; bottom: -37px; right: -20px; background: url('../../images/quote.png') no-repeat right top; height: 280px; overflow: hidden; z-index: 888;} #side-content #quote p { padding: 10px 20px 0px 70px; font-size: 12px; font-weight: bold; font-family: Georgia, serif; text-align: center; } #side-content #quote p.fine-print { padding: 10px 20px 0px 140px; text-align: left !important; font-size: 9px; font-family: Georgia, serif; text-align: center; } #quote-graphic { background: url('../../images/quote-graphic.png') no-repeat; width: 55px; height: 42px; top: 0px; left: 40px; position: relative; z-index: 999;} #hotels-logo { position: absolute; background: url('../../images/hotels.png') no-repeat; width: 254px; height: 48px; top: 0; right: 0; z-index: 555;} #side-content .flexible-content { height: 100% !important;} #side-content.flexible-content #quote { position: relative; bottom: 0; right: 0; background: url('../../images/quote.png') no-repeat right top; height: 280px; overflow: hidden; z-index: 888;} #side-content.flexible-content #quote p { padding: 10px 10px 0px 30px; font-size: 12px; font-weight: bold; font-family: Georgia, serif; text-align: center; } #side-content.flexible-content #quote p.fine-print { padding: 10px 20px 0px 140px; text-align: left !important; font-size: 9px; font-family: Georgia, serif; text-align: center; } #side-content.flexible-content #quote-graphic { background: url('../../images/quote-graphic.png') no-repeat; width: 55px; height: 42px; top: 0px; left: 0px; position: relative; z-index: 999;} #footer-widgets-wrap { position: relative; float: left; width: 964px; margin: 0px 0px 0px 18px; background: url('../../images/footer-bg.png') repeat-y top left; z-index:-1;} #footer-widgets-inside { width: 700px; margin: 25px 0px 0px 14px; float: right; display: inline; text-align: left; } #footer-widgets-inside div.widget { float: left; display: inline; width: 200px; padding: 0px 0px 20px 50px; color: #fff; } .home #footer-widgets-inside div.disclosure { float: left; display: inline; width: 360px; padding: 0px 40px 20px 50px; color: #fff; } #footer-widgets-inside div.disclosure { display:none;} #footer-widgets-inside div.widget ul { margin-top: -5px; } #footer-widgets-inside div.widget ul li { padding: 0px 0px 5px 10px; } #footer-widgets-inside h4 { font-size: 24px; color: #fff; text-transform: lowercase; padding: 0px 0px 10px; margin: 0px 0px 12px; } #footer-bottom { width: 920px; float: left; margin: 0px 0px 0px 14px; display: inline; text-align: right; padding: 30px 0px 15px; } #footer-bottom p { padding-right: 15px; color: #ababab; } #footer-bottom p a { color: #252525; text-decoration: none; } #footer-bottom p a:hover { color: #ababab; text-decoration: underline; } #footer-widgets-inside div.widget a { color: #fff; font-weight: normal; text-decoration: none; background: url('../../images/link-solid-white.gif') repeat-x bottom; } #footer-widgets-inside div.widget a:hover { color: #fff; font-weight: normal; text-decoration: underline; background: none; } #registration_contentbox input.text-box { border: 1px solid #a3a3a3; margin: 5px 0px 0px 0px; padding: 0px; width: 350px;height: 20px; background: url('../../images/grad2.png') repeat-x 0px -180px;} #registration_contentbox select { border: 1px solid #a3a3a3; margin-top:5px;} .book #main-content img { padding: 0;} .search_input {border: solid 1px #dbdbdb; border-top: solid 1px #9e9e9e;} /* Buttons */ a.button, input.button, button.button, a.confirmButton, input.confirmButton, button.confirmButton { padding: 0 4px; border: 1px solid #ccc; border-color: #999 #858585 #666 #858585; color: #fff; font-size: 11px; cursor: pointer; vertical-align: middle; vertical-align: baseline; text-decoration: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #9b9b9b url('../../images/button.png') 0 0 repeat-x; font-weight: bold; line-height: 16px; text-shadow: #9b9b9b 0 -1px 1px; } a.confirmButton, input.confirmButton, button.confirmButton { border-color: #505050 #404040 #2d2d2d #404040; font-weight: bold; background: #515151 url('../../images/confirm_button.png') 0 0 repeat-x; text-shadow: #515151 0 -1px 1px; } a.confirmButtonBlue, input.confirmButtonBlue, button.confirmButtonBlue { border-color: #00a4c3 #0094b6 #007599 #0094b6; font-weight: bold; background: #00b6d8 url('../../images/confirm_button_blue.png') 0 0 repeat-x; text-shadow: #007599 0 -1px 1px; } /*seatch box outside border*/ .index-bevel { background: #bdbdbd; width: 2px; height: 2px; } /*seatch box inside border*/ .index-bevel2 { background: #FFFFFF; width: 1px; } /*seatch box section headers*/ .index-section-hdr-text { font-size: 11px; font-weight: bold; color: #0d447f; } /*seatch box change bg color*/ .index-select-dest-bg { background: #FFFFFF; font-weight: bold; } .index-top-city-text { font-size:10px; font-weight: bold; color: #0d447f; } .index-11bold-text { font-size:10px; color: #0d447f; text-align:center; } A.index-browse-dest-link { font-size:10px; font-weight: bold; } .button { background:#CD2719; color: #FFFFFF; font-weight: bold; font-size: 11px; cursor:hand } .content-divline { background: #bdbdbd; height: 2px; width: 100%; line-height : 2px; } .main {margin-top:20px;} .list-row { background-color: #FFFFFF; color:#333333; padding: 5px; padding-left: 4px; text-align:left; font-family:Verdana; } .list-row-alt { background-color: #E9E7D7; color:#333333; padding: 5px; font-family:Verdana; } .account-list-row { background-color: #FFFFFF; color:#333333; padding: 5px; padding-left: 4px; text-align:left; font-family:Verdana; } .account-list-row-alt { background-color: #E9E7D7; color:#333333; padding: 5px; font-family:Verdana; } /*Modal Popup*/ .modalBackground { background-color:Gray; filter:alpha(opacity=80); opacity:0.8; } .modalPopup { background-color:#ffffff; border-width:1px; border-style:solid; border-color:Gray; padding:3px; width:400px; }