/* GLOBALHEADER */ #globalheadercontainer { width: 984px; height: 204px; /* 38 + 166 = 204 */ margin: 0px auto; padding-left: 0px; position: relative; z-index: 9998; } #logooverbeach { position: relative; height: 166px; width: 984px; background-image: url(/global/images/index_02.jpg); background-repeat: no-repeat; } #logooverbeach .home-nobackgroundimage { background-color: #FFF; background-image: none; } /* home page has img src instead to improve load order of cpc logo */ #globalheader-otherbg { width: 984px; height: 38px; margin: 0px; position: relative; z-index: 9998; background-image: url(/global/images/index_04.jpg); background-repeat: no-repeat; } #globalheader { width: 982px; height: 38px; margin: 0px 1px; position: relative; left: 1px; z-index: 9998; } #globalheader #globalnav { margin: 0; padding: 0; } #globalheader #globalnav li { display: inline; } #globalheader #globalnav li a { float: left; width: 117px; height: 0; padding-top: 38px; overflow: hidden; } #globalheader #globalnav li a, #globalheader #globalsearch { background-image: url(/global/images/nav/globalnavbg.png); _background-image: url(/global/images/nav/globalnavbg.gif); background-repeat: no-repeat; } /* main instance of globalnavbg.png */ /* BUTTONS */ #globalheader #globalnav li#gn-home a { background-position: 0 0; } /* "home" text option - current * / /* #globalheader #globalnav li#gn-belizeproperty a { background-position: 0 0; } prev for "home" icon */ #globalheader #globalnav li#gn-belizeproperty a { background-position: -117px 0; } #globalheader #globalnav li#gn-aboutbelize a { background-position: -234px 0; } #globalheader #globalnav li#gn-belizemaps a { background-position: -351px 0; } #globalheader #globalnav li#gn-aboutus a { background-position: -468px 0; } #globalheader #globalnav li#gn-contact a { background-position: -585px 0; } #globalheader #globalnav li#gn-news a { background-position: -702px 0; } /* OVER STATES */ #globalheader #globalnav li#gn-home a:hover { background-position: 0 -38px; } #globalheader #globalnav li#gn-belizeproperty a:hover { background-position: -117px -38px; } #globalheader #globalnav li#gn-aboutbelize a:hover { background-position: -234px -38px; } #globalheader #globalnav li#gn-belizemaps a:hover { background-position: -351px -38px; } #globalheader #globalnav li#gn-aboutus a:hover { background-position: -468px -38px; } #globalheader #globalnav li#gn-contact a:hover { background-position: -585px -38px; } #globalheader #globalnav li#gn-news a:hover { background-position: -702px -38px; } /* PRESSED STATES */ #globalheader #globalnav li#gn-home a:active { background-position: 0 -76px; } #globalheader #globalnav li#gn-belizeproperty a:active { background-position: -117px -76px; } #globalheader #globalnav li#gn-aboutbelize a:active { background-position: -234px -76px; } #globalheader #globalnav li#gn-belizemaps a:active { background-position: -351px -76px; } #globalheader #globalnav li#gn-aboutus a:active { background-position: -468px -76px; } #globalheader #globalnav li#gn-contact a:active { background-position: -585px -76px; } #globalheader #globalnav li#gn-news a:active { background-position: -702px -76px; } /* ON STATES */ #globalheader.home #globalnav li#gn-home a:hover { background-position: 0 -38px; cursor: default; } /* #globalheader.home #globalnav li#gn-home a:hover { background-position: 0 -114px; cursor: default; } prev for "home" icon */ #globalheader.belizeproperty #globalnav li#gn-belizeproperty a { background-position: -117px -114px !important; } #globalheader.aboutbelize #globalnav li#gn-aboutbelize a { background-position: -234px -114px !important; } #globalheader.belizemaps #globalnav li#gn-belizemaps a { background-position: -351px -114px !important; } #globalheader.aboutus #globalnav li#gn-aboutus a { background-position: -468px -114px !important; } #globalheader.contact #globalnav li#gn-contact a { background-position: -585px -114px !important; } #globalheader.news #globalnav li#gn-news a { background-position: -702px -114px !important; } /* GLOBAL SEARCH */ #globalsearch { width: 163px; height: 38px; position: absolute; top: 0; right: 4px; background-position: 100% 0; background-repeat: no-repeat; z-index: 1998; } /* prev width 163px; added z-index: 1998; to be above all but the global menu */ #globalsearch #g-search {visibility: hidden; } /* added to disable search form 9Nov07 */ #globalsearch.active { background-position: 100% -38px; } #globalsearch input.g-prettysearch { width:140px; height: 16px; margin-top: 9px; margin-left: 11px; background-image: url(/global/images/nav/searchfield_repeat.png); background-repeat: repeat-x; background-position: center top; } #globalsearch .search-wrapper { position: relative; width: 140px; margin-top: 9px; margin-left: 11px; } #globalsearch .search-wrapper input.g-prettysearch { width: 110px; margin-left: 20px; *margin-top:-1px; *margin-right:-2px; *margin-left:10px; } #globalsearch .search-wrapper .left, #globalsearch .search-wrapper .right { behavior:url(/global/scripts/iepngfix.htc); } #globalsearch .search-wrapper .left { display: block; position: absolute; left: 0; top: 0; width: 20px; height: 19px; background: url(/global/images/nav/searchfield_leftcap.png) left top no-repeat; } #globalsearch .search-wrapper .right { display: block; position: absolute; right: 0; top: 0; width: 10px; height: 19px; background: url(/global/images/nav/searchfield_rightcap.png) right top no-repeat; } #globalsearch .search-wrapper.empty.blurred input { color: #7E7E7E; } #globalsearch .search-wrapper .reset { position: absolute; width: 11px; height: 11px; overflow:hidden; z-index: 1; right: 4px; top: 4px; background: url(/global/images/elements/icons/close.gif); display: block; cursor: pointer; _cursor:hand; } #globalsearch .search-wrapper.empty .reset { display: none; } #globalsearch .search-wrapper input.g-prettysearch { position: absolute; width: 110px; top: 0; right: 10px; background: url(/global/images/nav/searchfield_repeat.png) center top repeat-x; border: 0px; margin: 0; padding: 3px 0 0 0; font: 11px "Lucida Grande", Geneva, Arial, sans-serif; } #globalsearch label .prettyplaceholder { display: none; } /* SEARCH SHORTCUTS - edited 25Sep07; 9Nov07 BL */ #sp-results { position: absolute; margin-right: -2px; margin-bottom: 0; margin-left: 0; top: 61px; left: 165px; height: 0; } /* prev left: 165px; */ #sp-results .inside { width: 228px; height: auto; position: absolute; top: 0; right: 0; line-height: 1px; font-size: 1px; } /* prev w 328px; */ #sp-results .resultCat { position: relative; color: #f6f6f6; background: #919191; width: 208px; height: 8px; margin: 0; padding-bottom: 12px; width: 202px; font: 11px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; font-weight: bold; border: 1px none #fb6bff; } /* prev w 308px; 302px; */ ul.sp-results { background: url(/global/images/nav/shortcuts_bg_mid_grey.png) repeat-y 0 0; _background: url(/global/images/nav/shortcuts_bg_mid_grey.gif) repeat-y 0 0; color: #333; padding: 0 3px; margin: 0; width: 220px; text-align: left; font: 10px/14px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; } /* prev w 328px; */ ul.sp-results li { margin: 0 0 -3px 0; padding: 5px 10px; list-style-type: none; height: 4.6em; position: relative; border-left: 1px solid #919191; border-right: 1px solid #919191; width: 200px; } /* prev w 300px; */ ul.sp-results li.viewall { width: 208px; height: 20px; text-align: right; color: #000; position: absolute; bottom: -30px; *bottom: -27px; left: 0px; background: url(/global/images/nav/shortcuts_bg_foot_grey.png) no-repeat left bottom; _background: url(/global/images/nav/shortcuts_bg_foot_grey.gif) no-repeat left bottom; border-style: none; } /* prev w 308px; */ ul.sp-results li.viewall a { color: #fff; padding-right: 23px; background: url(/global/images/nav/images/shortcuts_arrow.gif) no-repeat 99% 50%; behavior: url(/global/scripts/iepngfix.htc); padding-top: 3px; padding-bottom: 3px; font: bold 11px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; } ul.sp-results li.hoverli { background: #b7b7b7 none repeat-x; color: #fff; cursor: pointer; } ul.sp-results li.hoverli h4 a { color: #fff; } ul.sp-results li.hoverli p { color: #f1f1f1; } ul.sp-results li span.text { display: block; position: absolute; left: 68px; width: 140px; } /* prev w 240px; */ ul.sp-results li h4 { margin: 0; font-size: 11px; font-weight: bold; } ul.sp-results li p { margin: 0; font-size: 10px; overflow: hidden; height: 2.7em; color: #555; } ul.sp-results li a { color: #606060; text-decoration: none; } ul.sp-results li img, ul.sp-results li .replacementimg { position: absolute; left: 10px; width: 46px; height: 46px; behavior: url(/global/scripts/iepngfix.htc); } ul.sp-results li h4 a { color: #191919; } ul.sp-results li.viewall.hover { background: url(/global/images/nav/shortcuts_bg_foot_grey.png) no-repeat bottom left; } #sp-search-spinner { position: absolute; top: 13px; right: 16px; z-index: 10; display: none; } #sp-search-cancel img { cursor: pointer; } #sp-results .firstCat { position: absolute; top: -25px; left: 0; width: 208px; height: 8px; background: url(/global/images/nav/shortcuts_bg_head_grey.png) no-repeat left top; _background: url(/global/images/nav/shortcuts_bg_head_grey.gif) no-repeat left top; } /* prev w 308px; */ #sp-result-none.viewall {bottom: -27px; *bottom: -27px;} #sp-result-none.viewall a { font-size: 10px; } /* GLOBALFOOTER */ #globalfooter { color: #999; font-size: 10px; margin: 0px auto; padding-bottom: 36px; text-align: left !important; } #globalfooter a { text-decoration: none; } #globalfooter a:hover { text-decoration: underline; } #globalfooter p { margin: 0; } #globalfooter .gf-contact-search { float: left; width: 60%; margin: 12px 0 5px; font-size: 120%; } #globalfooter .gf-links { float: right; text-align: right; margin: 2px 0 5px; font-size: 120%; } #globalfooter .gf-links a { padding: 0 10px; white-space: nowrap; } #globalfooter .gf-links a.last { padding-right: 0; _float: none !important; width: auto !important; } #globalfooter .gf-legal { clear: both; width: 100%; border-top: 1px solid #ddd; padding-top: 9px; } #globalfooter .gf-legal a { padding: 0 10px; } #globalfooter { width: 984px; } /* GLOBALFOOTER SERVICES TEXT & 2 BACKGROUND IMAGES */ .gf-services-text p {text-align: justify; line-height: 1.25em; padding-left: 140px; padding-right: 140px; } .gf-services-text p.centre { text-align: center; font-size: 125%; color: #666666 !important; display: block; margin-top: 15px !important; } /* centers selected portions of the otherwise justified text */ .gf-services-text p.centre span {text-align: center !important; } /* centers selected portions of the otherwise justified text - this one for the last line(s) of a paragraph */ #globalfooter .sunset {height: 206px; width: 984px; background-image: url(/global/images/gf_sunset_bg.jpg); background-repeat: no-repeat; background-position: right top; } #globalfooter .sunset p {padding-top: 170px;} #globalfooter .sunset span {display: block; text-align: center !important;} #globalfooter .reflection {height: 161px; _height: 171px; background-image: url(/global/images/gf_reflection_bg.jpg); background-repeat: no-repeat; background-position: left top; overflow: hidden; } /* prev 191px; with #breadcrumbs margin-top: -32px; */ #globalfooter .reflection p { padding-top: 8px; color: #DEE3FF;} #globalfooter .reflection span { color: #FFFFFF; } #globalfooter .hidden { visibility: hidden; } /* NEW BREADCRUMBS */ #breadcrumbs { font-size: 130%;/* font-size: 11px; */ color: #444; behavior: url(/global/scripts/iepngfix.htc); overflow: hidden; height: 36px; line-height: 34px; font-weight: bold; text-shadow: 2px 2px 1px #fff; background-image: url(/global/images/nav/breadcrumb_bg.png); background-repeat: no-repeat; margin-left: 1px; /* margin-top: -32px; */ } #breadcrumbs a { color: #444; text-decoration: none; float: left; padding: 0 10px; position: relative; margin-left: -10px; _cursor: hand; } #breadcrumbs a:hover { color: #333; text-decoration: none !important; } #breadcrumbs a.home { margin: 0; width: 115px; height: 0; padding-top: 36px; overflow: hidden; } /* width moves text to the left */ #breadcrumbs span { float: left; width: 18px; margin: 0 10px 0 0; position: relative; height: 0; padding-top: 34px; margin-top: 1px; overflow: hidden; behavior: url(/global/scripts/iepngfix.htc); background-image: url(/global/images/nav/breadcrumb_sep.png); background-repeat: no-repeat; } /* DIRECTORY NAV */ #directorynav { font-size: 11px; background: url(/global/images/nav/directory_bg.png) repeat-y; border-top: 1px solid #e5e5e5; float: left; width: 100%; position: relative; margin-top: -4px; } #directorynav .column { width: 122px; padding: 9px 0 0 18px; } #directorynav .column.last { float: left !important; padding-right: 0; } #directorynav h3 { color: #444; font-weight: bold; } #directorynav h3.standalone { margin-bottom: 18px; } #directorynav a { display: block; _zoom: 1; } #directorynav a:link, #directorynav a:visited { color: #777; text-decoration: none; } #directorynav h3.standalone a:link, #directorynav h3.standalone a:visited { color: #444; } #directorynav a:hover { color: #333 !important; text-decoration: none !important; } #directorynav .capbottom { clear: both; position: relative; top: 5px; _top: 12px; height: 5px; width: 980px; background: url(/global/images/nav/directory_capbg.png) no-repeat; behavior: url(/global/scripts/iepngfix.htc); } /* DIRECTORY NAV CUSTOM WIDTHS */ /* deleted 9Nov07 */ /* PRINT */ @media print { #globalheadercontainer, #logooverbeach, #globalheader-otherbg, #globalheader #globalsearch { display: none !important; } }