/* This stylesheet used for common elements throughout the site */ /* FONT CONVERSIONS > Cheat Sheet ----------------------------------------------------------------------------------------- 10px = font-size:0.825em; 11px = font-size:0.90em; 12px = font-size:1.000em; 13px = font-size:1.075em; 14px = font-size:1.15em; 15px = font-size:1.225em; 16px = font-size:1.325em; 17px = font-size:1.40em; 18px = font-size:1.475em; 19px = font-size:1.565em; 20px = font-size:1.65em; 24px = font-size:1.975em; 26px = font-size:2.125em; 28px = font-size:2.35em; 30px = font-size:2.465em; 36px = font-size:2.975em; */ /* @group RESET DEFAULT BROWSER STYLES -------------------------------------------------------------------------------------*/ dl,dt,dd,ol,ul,li,p,form,fieldset{margin:0;padding:0;}fieldset{border-width:0;border-style:solid;} /*a,a:hover,a:visited{text-decoration:none;}*/ a:link, a:visited, span.linkBuilder, p.linkBuilder {color: #3C5590; text-decoration: none;} a:hover, span.linkBuilder:hover, p.linkBuilder:hover {color: #3C5590; text-decoration: underline; cursor: pointer; } a img { border: 0; } /* safari input reset */ input { -webkit-border-radius: 0;} /* @end */ /* @group COMMON STRUCTURE ----------------------------------------------------------------------------------------- */ #hwd ,#body_popup, #phpbb{ margin:0; padding:0 0 8px; font:normal medium Arial,Tahoma,"Bitstream Vera Sans",sans-serif; color:#000;} #hwd, #phpbb {background-color:#f2f7ff;} #hwd.noindex {background:#f2f7ff url(/images/backgrounds/no-index.png) repeat 0 0;} #body_popup { background-color:#fff; text-align:left;} #PAGE { position:relative; width:978px; margin:0 auto; background:url("/images/css/hwBody-v1.png") 0 0 repeat-y #fff; font-size:.775em; line-height:1.225em;} #HEAD, #MAIN, #FOOT { height:100%; overflow:hidden; margin:0 9px;} #main_body {float:right; min-height: 600px; height: auto !important; height: 600px; width:755px;} #main_content {float: left; width: 514px;} .index #main_content {width: 612px;} #main_content.generic_index {width: 360px;} /*#side_content {float: right; margin: 59px 30px 0 0; width: 352px;}*/ #side_content.generic_index {margin: 2px 0 8px 5px; width: 352px;} .index .side_content {margin: 0;} #header_login {float: right; font-weight:bold; text-align: right; padding: 10px 8px 2px 0; font-size: 0.85em;} /* popup styls used on Review Guidelines */ body#body_popup #main_body {margin: 0 5% 0 2%; width: 93%} body#body_popup #breadcrumb, body#body_popup #FOOT {display: none;} /* SOCIAL NETWORKING JOIN US MODULE */ .social_links {background-image: url(/images/hwd-spritemain-ver5.png); background-repeat: no-repeat; cursor: pointer; display: inline-block; height: 15px; margin: 5px 1px -4px 1px; width: 15px;} .social_links span {display: none;} #HEAD #fb-link {background-position: -260px -100px;} #HEAD #tw-link {background-position: -280px -100px; margin-right: 12px;} #container_popup{background-color: #fff; font-size:.775em;} #header_top {height: 67px; margin: 5px 5px 5px 10px; position:relative; overflow:hidden;} #header_top .logo img { display:block; border: 0; border-color: #fff; width:200px; height:67px;} /*#header_top .logo {width: 215px; height:85px;}*/ #header_top .logo {float: left; height: 67px; margin-right: 3px; position: relative; width: 202px;} #header_top .logo span {background: url(/images/hwd-spritemain-ver5.png) no-repeat 0 -128px; cursor: pointer; display: block; height: 67px; left: 0; position: absolute; top: 0; width: 202px;} body.index #header_top .logo span {cursor: default;} #header_top .top_banner {float: right;} .top_banner {margin: 10px auto; width: 728px;} #search .search_text { font-size:1em; line-height:1.325em;} #search .search_text { width:181px; padding:1px 0; border:1px solid #b4bac0;} #search .search_text{ margin:1px 0 4px 0;} /*#search_box{width: 118px; padding:0;margin:1px 0 4px 0;}*/ form#search .search_submit, #search_404 .search_submit {background: #fff; color: #71a552; border: none; cursor: pointer; font-size: 1.3em; font-weight: bold; padding: 0 2px; vertical-align: middle; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-appearance: none;} #search_404 .search_submit {margin: 3px 0 0;} #left_nav form#search .search_submit {font-size: 1.1em;} /* TOP SEARCH BAR */ #top_search_bar {overflow: hidden; padding: 10px 0;} #top_search_bar form {float: right; margin: 0 7px 0 0; vertical-align: top;} #top_search_bar form#search input#search_submit, #top_search_bar input#search_box {display: block;} #top_search_bar form#search input#search_submit {background: #1950b8 url(/images/hwd-sprite-repeating-ver2.png) repeat-x 0 0; border: none; color: #fff; cursor: pointer; font: bold 1.25em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; height: 25px; padding: 0; width: 60px; float: right;} #top_search_bar input#search_box {border: 1px solid #a2a9b6; font-size: 1.25em; height: 19px; margin: 0; padding: 2px; width: 234px; float:left; /* cursor for forum */ cursor: text; } #top_search_bar form#search input::-moz-focus-inner /*Remove button padding in FF*/ {border: 0; padding: 0; vertical-align: middle;} /* following fixes issues with search box on forums */ body#phpbb #left_nav form input#search_box {cursor: text; margin: 0 3px 8px 2px; padding: 0; width: 105px;} body#phpbb #left_nav #search .search_submit {margin-top: 0; padding: 0; vertical-align: top;} body#phpbb #left_nav #left_nav_lower.sections.bx .bxData {padding-top: 12px;} /* top of left nav on forums */ /*#header_nav {margin: 8px 0 0;}*/ #header_nav, #header_nav ul li a, #header_nav ul li a b, #header_nav ul li span {background-image: url(/images/hwd-sprite-repeating-ver2.png); background-repeat: repeat-x;} #header_nav {background-color: #1a51b8; background-position: 0 0; min-height: 20px; height: auto !important; height: 20px; overflow: hidden; width: 960px;} #header_nav ul {display:block; float:left; list-style:none; padding: 0; text-align:center;} #header_nav ul#middle_nav {border-right: 1px solid #8aaaeb;} #header_nav ul#right_nav {border-left: 1px solid #233164; float: right;} #header_nav ul li {float: left; font-size: 1.05em;} #header_nav ul li a, #header_nav ul li b, #header_nav ul li span {background-position: 0 0; color: #fff; display: block; min-height: 20px; height: auto !important; height: 20px;} #header_nav ul li a, #header_nav ul li span {border-left: 1px solid #8aaaeb; border-right: 1px solid #233164; padding: 5px 17px 0;} #header_nav ul li a b {background-image: none; display: block; font-weight: bold;} #header_nav ul li a:hover, #header_nav ul li span:hover {background-position: 0 -610px; background-repeat: repeat-x; cursor: pointer; text-decoration: none;} #header_nav ul li b:hover {background-color: transparent;} #header_nav ul li.current a, #header_nav ul li.current a:hover, #header_nav ul li.current span, #header_nav ul li.current span:hover {background: #2E3E7C; border-left-color: #2E3E7C; cursor: default;} #header_nav ul:first-child li:first-child a {border-left: none;} #header_nav ul li#nav_writeareview a {border-right: none;} #header_nav ul li#nav_addphotos a, #header_nav ul li#nav_writeareview a {padding-left: 5px;} #header_nav ul li#nav_addphotos b, #header_nav ul li#nav_writeareview b, #header_nav ul li#nav_packagehols b {background-image: url(/images/hwd-sprite-repeating-ver2.png); background-repeat: no-repeat; padding-left: 27px;} #header_nav ul li#nav_addphotos b {background-position: 0 -61px;} #header_nav ul li#nav_writeareview b {background-position: 0 -93px;} #header_nav ul li#nav_writeareview a {border-right: 1px solid #233164;} #header_nav ul li#nav_packagehols b {background-position: 100% -117px; padding-left: 0; padding-right: 37px;} #header_nav ul li#nav_packagehols span {padding-right: 17px;} /* standard cursor for (obfuscated) forum home */ body#phpbb #header_nav ul li.current a:hover {cursor: pointer;} #ta_image { position:absolute; bottom:8px; left:230px;} #breadcrumb{margin:8px 0 5px; color:#3C5590; font-size: 90%;} #breadcrumb a {color:#3C5590;} #no_breadcrumb {margin: 0;} a:hover {text-decoration:underline;} #breadcrumb .current_page { color: #663;} #MAIN {margin:0 24px;} #container_table {font-family: verdana, helvetica, sans-serif; font-size: 11px; width:940px; text-align:center; border-width:0px ;} .bx .bxData {padding: 5px 0;} #left_nav .bx {position:relative; margin: 0 0 5px 0;} #left_nav .bx .bxData {border:1px solid #536093; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; height:100%; margin: 0; overflow: hidden; padding: 3px 0 5px;} .bx .cTL, .bx .cBL, .bx .cTR, .bx .cBR {display:none;} #left_nav {float:left; margin:8px 0 0 0; width:160px;} /*#left_nav .sections.bx .bxData { padding: 0;}*/ #left_nav #left_nav_lower.sections.bx .bxData {padding: 3px 0 0;} /* new styles for left nav menus with no HTML lists, with some of the old code added in for Recently Reviewed Hotels */ #left_menu {padding:2px 2px 2px 8px;} #left_nav_lower .bxData h2:first-child, #left_nav_lower .bxData div.menu_heading:first-child {border-top: none;} #left_nav_lower h2, div.menu_heading, #left_nav_lower dt {background: url(/images/hwd-sprite-repeating-ver2.png) repeat-x 0 -200px; border-top: 1px solid #cdd2d9; border-bottom: 1px solid #cdd2d9; color: #3c3f41; display: block; font-size: 1em; font-weight: bold; margin: 0 0 5px; padding: 4px 5px; text-align: left;} div.left_menu {margin: 0 6px 20px;} .menu_item {display: block; font-weight: bold; margin: 0 0 6px;} .nearby_airports .airport_name {color: #494949; display: block;} .nearby_airports .airport_code, .nearby_airports .airport_distance {color: #6A7177; font-size: 0.9em;} .menu-pop-resort-hotels .menu_item div, #left_nav .menu-pop-resort-hotels li div {color: #6A7177; font-size: 0.9em; font-weight: normal; line-height: 1.1em;} .menu-pop-resort-hotels .menu_item {margin-bottom: 10px;} .menu_swirl {color: #494949;} .menu_swirl .menu_item a {display: block;} #left_nav_lower dl {padding-bottom: 15px;} #left_nav_lower dd {font-weight: bold; margin: 0 6px 6px;} #left_nav .menu-pop-resort-hotels li {margin-bottom: 10px;} #left_nav_lower .forum_leftnav_heading {display: block; font-weight: bold; margin: 0 6px 10px;} .left_nav_top {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 0 0 2px; width: 160px;} .left_nav_top {background-color: #85b26b; background-position: 0 -200px; background-repeat: repeat-x; margin: 0 0 1em; padding: 1px 0;} .left_nav_top_inner a {background-repeat: no-repeat; display: block; padding: 5px 0 5px 29px;} .box_container-side span.hotel_address, .box_container-side span.hotel_distance {display: block; font-size: 0.85em; line-height: 1em; margin-bottom: 2px;} #FOOT { margin:0; padding-bottom:16px; background:url("/images/css/hwBody-v1.png") -978px 100% no-repeat;} #FOOT .index {border-top:1px solid #3C5590; margin:0 24px; padding: 15px 0; font-size:0.90em; color:#666; text-align:center;} .index #FOOT .index {border: none;} #FOOT .index dl dt { font-weight:bold;} #FOOT .index dl dd { margin:14px 0; text-align:center;} #FOOT .index dl dd ul { height:100%; overflow:hidden; list-style:none;} #FOOT .index dl dd ul li { display:inline;} #FOOT .index dl dd ul li span {color:#666; padding:0 4px; text-decoration: underline;} #FOOT .index cite { font-style:normal;} /* @end ----------------------------------------------------------------------------------------- */ /* @group SOME COMMON ELEMENTS USED THROUGHOUT SITE ---------------------------------------------------------------------------------------- */ /* GREYBOX MODAL WINDOW */ .hwgreybox-overlay{position:fixed; top:0; right:0; bottom:0; left:0; height:100%; width:100%; margin:0; padding:0; background:#000; opacity:.50; filter: alpha(opacity=50); -moz-opacity: 0.50; z-index:101;} * html .hwgreybox-overlay{position: absolute; height: unquote("expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px')");} .hwgreybox-window{position:fixed; top:200px; left:150px; margin:0; padding:0; z-index:102;} .hwgreybox-window-centre{position:fixed; top:50%; left:50%; margin:0; padding:0; z-index: 102;} * html .hwgreybox-window{position:absolute;} * html .hwgreybox-window-centre{position:absolute;} .close-window-container{background-color: #fff; color: #3C5590; overflow:hidden;text-align: right;} .close-window-centre-container{color: #3C5590; text-align:right; margin:0px 0 0 0; clear:both; padding:10px 0 0;} .close-window-container a:hover, .close-window-centre-container a:hover{opacity:.99; filter: alpha(opacity=99); -moz-opacity: 0.99; font-size: 12px; color:#196700; cursor: pointer;} .close-window-container a, .close-window-centre-container a{color: #3C5590; font-weight: bold; font-size: .7em; font-size: 12px; cursor: pointer;} /*Login*/ .popup_login{float:left; width: 365px; min-height:360px; background: #fff; border:1px solid #b4bac0; margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px;} .popup_login table{vertical-align: middle; width: 100%} .popup_content{border:1px solid #b4bac0; margin: 5px auto; padding: 5px 5px 5px 5px; width: 752px;} .popup_content p{text-align: center;} #agreemsg a, .greybox a, .greybox a:visited, #agreemsg a:visited{text-decoration: underline;} #ul_options{margin: 2px 10px 2px 10px;} .class_readrev a{text-decoration: underline; font-weight: bold;} .select_title{font-weight:bold; font-size: 8pt; font-style: italic;} .popup_submit{text-align: center} .popup_submit img{border: 0;} .popup_div_clear{clear:both; background: #fff; margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px; width: 752px; text-align: center;} .popup_login div.bottom_div {padding-top: 80px; text-align: center;} /* 404 pages */ #page404 {min-height: 600px; height: auto !important; height: 600px; margin: 0 10px;} #page404 p {font-size: 0.8em;} #page404 h3, .package_holidays h1 {border: none; color: #344689; font-size: 1.6em; margin: 1em 0 0.5em;} #page404 h4 {color: #494949; font-size: 1.3em; margin: 1em 0 0.5em;} #page404 .container_inner {float: left; padding: 10px 0; width: 100%;} .hotel_results_404 {border-bottom: 1px solid #cacaca; overflow: hidden;} #page404 .last_item {margin-bottom: 10px;} #page404 .last_item, #geo_results_404 .container_inner {border: none;} #page404 .hoteltitle {display: block; font-size: 1.2em;} #page404 #geo_results_404 {clear: both; overflow: hidden;} #page404 #geo_results_404 .container_inner p, .package_holidays p {font-size: 1.2em; line-height: 20px; margin: 0 20px 10px 10px;} #page404 #geo_results_404 a {background: url(/images/backgrounds/destinations_list_back.png) -820px 50%; display: block; float: left; margin: 0 5px 0 0; padding-left: 20px;} .hotel_image_404 {float: left;} #page404 .hotel_information {display: inline-block; float: left; margin-right: 40px; padding: 5px 0 0 0; } #page404 .hotel_stars {line-height: 15px; margin: 3px 0;} #page404 .rating_bar {float: left; margin-right: 20px; padding-top: 8px; width: 110px;} #page404 .container_inner a {color: #3C5590; font-weight: bold;} #search_404 form {background: #70a451 url(/images/backgrounds/form_heading-green.png) repeat-x 0 0; border: 1px solid #506146; margin-bottom: 10px; padding: 10px; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #search_404 form input[type=text] {font-size: 1.1em; margin: 2px 0 0; vertical-align: middle;} #page404 span.ratingtitle {float: none;} #page404 .search_hoteltotalreviews {clear: left; color: #494949; display: block; font-size: 0.9em;} #page404 .geo_hotelcommerce_img a {display: block; position: relative; height: 101px; width: 131px;} /* datepicker */ div.ui-datepicker {background: #fff; font-size: 85%;} /* jqm greybox window new styles */ .jqm_title {background: #4C70B2; color: #fff; font-size: 0.8em; padding: 5px 25px 5px 5px; position: relative;} .jqm_title .jqmClose {background: url(/images/hwd-spritemain-ver5.png) no-repeat -415px -40px; display: block; height: 18px; padding: 0; position: absolute; right: 2px; top: 3px; width: 18px;} .jqm_title .jqmClose span {display: none;} #moreTaReviewsContainer {overflow: hidden; padding: 0; top: 8%;} /* to be changed to jqmWindow when this style is consilidated throughout the site */ .jqm_pagination {background: #EAF1F9; clear: both; color: #494949; font-size: 0.70em; letter-spacing: 2px; overflow: hidden; padding: 3px 5px;} .jqm_pagination-top {border-bottom: 1px solid #7E8288;} .jqm_pagination-bot {border-top: 1px solid #7e8288;} .jqm_pagination .pagination_list b, .jqm_pagination a {color: #333;} .jqm_content {overflow: auto; overflow-x: hidden;} /* overflow: auto; max-height: 600px; height: auto !important; height: 600px; */ .jqm_content .ta_review {font-size: 0.8em; padding: 0; width: 100%;} .jqm_content .ta_review h3, .jqm_content .ta_review span.submitted_by, .jqm_content .ta_review p {margin-left: 15px; margin-right: 15px;} span.back_to_top {clear: both; display: block; font-size: 0.95em; line-height: 14px; text-align: right; width: 100%;} span.back_to_top span {background: url(/images/hwd-spritemain-ver5.png) no-repeat -439px -40px; display: inline-block; height: 14px; margin-left: 3px; vertical-align: middle; width: 14px;} span.back_to_top a:hover {text-decoration: none;} /* @end ----------------------------------------------------------------------------------------*/ /* @group SOME HACKS ---------------------------------------------------------------------------------------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display:inline-block;} .clearfix {display:block;} * html .clearfix {height:1px;} br.clearing_right {display: none;} .image_replace {display:-moz-inline-box; display: inline-block; background:transparent none 0 0 no-repeat; text-indent:-3000px; font:0/0 Arial; overflow:hidden; color:rgba(255,255,255,0); vertical-align:bottom;} /* text-indent set to 0 elsewhere for both IE6 & IE7 */ .clearfix{clear:both;} .hidden { display: none!important; } #ui-datepicker-div {display: none;} /* @end ---------------------------------------------------------------------------------------- */ /* @group LEFT NAV COMMON ELEMENTS */ /* hotel class used in left nav */ .hotel_heading div, .geo_hotelstars div, .menu_hotelstars div {float: left;} .geo_hotelstars .hotel_class, .menu_hotelstars .hotel_class, .beach_geo .hotel_class, .also_viewed .hotel_class, .gmap_hotelstars .hotel_class, .geo_hoteltitle .hotel_class, #similarhotels .hotel_class {background-image: url(/images/hwd-spritemain-ver5.png); background-repeat: no-repeat; display: block; height: 10px; margin-top: 2px; width: 57px;} .box_container-side .geo_hotelstars .hotel_class, .menu_hotelstars .hotel_class {margin-top: 1px;} .also_viewed .hotel_class {margin: 3px 0 3px 4px;} .geo_class_rating-5 {background-position: 0 -224px;} .geo_class_rating-10 {background-position: -57px -224px;} .geo_class_rating-15 {background-position: -114px -224px;} .geo_class_rating-20 {background-position: -171px -224px;} .geo_class_rating-25 {background-position: -228px -224px;} .geo_class_rating-30 {background-position: -285px -224px;} .geo_class_rating-35 {background-position: -342px -224px;} .geo_class_rating-40 {background-position: -399px -224px;} .geo_class_rating-45 {background-position: -456px -224px;} .geo_class_rating-50, .geo_class_rating-55, .geo_class_rating-60, .geo_class_rating-70 {background-position: -513px -224px;} .geo_hotelstars .geo_class_rating-0, .menu_hotelstars .geo_class_rating-0, .beach_geo .geo_class_rating-0, .also_viewed .geo_class_rating-0, .gmap_hotelstars .geo_class_rating-0 {background-image: none; display: none;} .geo_hoteltitle div {padding-top: 1px;} /* beach geo needs a blue background */ .beach_geo .geo_class_rating-5 {background-position: 0 -234px;} .beach_geo .geo_class_rating-10 {background-position: -57px -234px;} .beach_geo .geo_class_rating-15 {background-position: -114px -234px;} .beach_geo .geo_class_rating-20 {background-position: -171px -234px;} .beach_geo .geo_class_rating-25 {background-position: -228px -234px;} .beach_geo .geo_class_rating-30 {background-position: -285px -234px;} .beach_geo .geo_class_rating-35 {background-position: -342px -234px;} .beach_geo .geo_class_rating-40 {background-position: -399px -234px;} .beach_geo .geo_class_rating-45 {background-position: -456px -234px;} .beach_geo .geo_class_rating-50, .beach_geo .geo_class_rating-55, .beach_geo .geo_class_rating-60, .beach_geo .geo_class_rating-70 {background-position: -513px -234px;} /* @end */