@import url(/global/css/specs.css); /* layout */ #container { padding-top:0px; } /* #main #content { padding:0; } */ #main .grid3col .column.first { width:180px; padding:0; } #main .grid3col .column.center { width:500px; padding:0 12px; margin-left:38px; } #main .grid3col .column.center.wide { width:690px; padding:0 12px; margin-left:38px; } /* for tabbed panels min 500+180 */ #main .grid3col .column.last { width:180px; padding:0; } /* header */ #main #header { position: relative; margin-bottom: 0px; } /* content */ #main .column.center p { color:#656565; } #main .column.center h3 { font-size:11px; font-weight:normal; color:#888; padding-bottom:0em; margin-bottom:0.3em; border-bottom:1px solid #ccc; } #main .column.center h3.lineOnly { margin-top: -20px; *margin-top: -20px; _margin-top: -20px; color: fff#; } #main .column.center h4 { font-size:12px; } #main .column.center h5 { font-size:12px; } /* added for tag lines 12Nov07 */ #main .featuredimage img { margin-bottom: 20px; } /* added for images in main property pages 12Nov07 */ div#content .column .required { color:#FF0000; font-size:11px; font-weight:bold; vertical-align: super; } /* slideshow */ .slideshow { margin-bottom: 12px; } /* content text list styles 3-Oct-07 */ #main .column.center ul { margin-bottom: 18px; list-style: none outside; } #main .column.center ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; } #main .column.center ul.square, #main .column.center ul.circle, #main .column.center ul.disc, #main .column.center ul.circle-doublespaced { list-style: disc outside; margin-left: 2em; padding-top: .5em; } /* padding-top adds space between the list and h4 tags above */ #main .column.center ul.square { list-style: square outside; } #main .column.center ul.circle, #main .column.center ul.circle-doublespaced { list-style: circle outside; } #main .column.center ul ul.square, #main .column.center ul ul.circle, #main .column.center ul ul.disc, #main .column.center ul.circle-doublespaced { margin-top: 4px; margin-bottom: 5px; } #main .column.center ol.legal { margin-left: 0; padding-left: 2em; } #main .column.center ul.none { list-style: none outside; margin-left: 2em; padding-top: .5em; } /* padding-top adds space between the list and h4 tags above */ #main .column.center ul ul.none { margin-top: 4px; margin-bottom: 5px; } #main .column.center ul.none li, #main .column.center ul.circle-doublespaced li { margin-bottom: 5px; } #main .column.center ul.red { font-weight: bold; font-size: 1em; line-height: 18px; margin-bottom: 14px; color: #990000; } #main a { text-decoration:none; color:#333; outline:none; } #main a:hover { text-decoration:underline; color:#2971a7; } #main .contentheading, #main .grid3col .column.center.wide .contentheading { margin:0 0px; position:relative; min-height:28px; *height: 28px; *margin-bottom: .5em; _height: 20px; margin-bottom: 1em; } /* prev margin:0 -12px; making the content heading outdent to the left prev *margin-bottom: 1.5em; afftects EI */ #main .contentheading h2, #main .grid3col .column.center.wide .contentheading h2 { font-size:12px; padding-left:12px; line-height:28px; _margin-bottom: 0; } #main .contentheading { background:#fff url(/global/images/nav/contentheader_bgbottom.gif) no-repeat bottom left; } #main .contentheading h2 { background:url(/global/images/nav/contentheader_bgtop.gif) no-repeat top left; } #main .grid3col .column.center.wide .contentheading { background:#fff url(/global/images/nav/contentheader_bgbottom_690.gif) no-repeat bottom left; } #main .grid3col .column.center.wide .contentheading h2{ background:url(/global/images/nav/contentheader_bgtop_690.gif) no-repeat top left; } #main .sold-icon a { position:absolute; top:8px; right:10px; display:block; height:12px; width:29px; text-indent:-9999px; background-image: url(/global/images/nav/sold_icon.gif); background-repeat: no-repeat; } #main .sold-icon-angled a { position:absolute; top:1px; right:10px; display:block; height:26px; width:34px; text-indent:-9999px; background-image: url(/global/images/nav/sold_icon_angled.gif); background-repeat: no-repeat; } #main .contentheading #price { font-size:10px; color:#777; position:absolute; top:7px; right:34px; } #main .rss a { position:absolute; top:9px; right:10px; display:block; height:11px; width:16px; text-indent:-9999px; background-image: url(/global/images/elements/icons/rss_icon20071023.gif); background-repeat: no-repeat; } /* delete later */ #main .contentheading #timestamp { font-size:10px; color:#777; position:absolute; top:5px; right:38px; } /* see _master_slider.js (or startpage.js) function PlaceTimeStamp() + also used on contact us form-see form.css*/ #main .help-icon {position:absolute; display: inline; overflow: visible; color:#fff; margin-left: 12px; font-size: 8px; height:18px; width:18px; line-height: 22px; text-indent:-9999px; background-image: url(/global/images/elements/icons/button_help_glossy18x18.gif); background-repeat: no-repeat;} #main ul.pr li { margin-bottom:0.5em; } #main ul.pr li a { font-weight:bold; } #main ul.pr li a.more { color:#2971a7; } #main ul.pr li span { display:block; color:#aaa; font-size:10px; line-height:1.3em; } /* sideboxes */ #main .sidebox { font-size:11px; line-height:1.3em; position:relative; overflow:hidden; margin-bottom:18px; padding:0 15px 0; background:url(/global/images/nav/sidebox_bg_indexed_071026.gif) no-repeat top left; } #main .sidebox a { font-size:11px; } /* sidebox a link FONT SIZE */ /* sidebox headers */ #main .sidebox h2 { color:#fff; margin:0 -15px 9px; text-indent:-9999px; font-size:12px; padding-left:12px; height:25px; line-height:25px; background-color: #006ed2; background-image: url(/global/images/nav/sidebox_header_180w.gif); background-repeat: no-repeat; background-position: left top; text-shadow:#808080 -1px -2px 0; } #main .sidebox h2 a { display:block; height:25px; background-image: url(/global/images/nav/sidebox_header_arrow.gif); background-repeat: no-repeat; background-position: right top; } /* used at top of sidebox */ #main .sidebox h2.home { background-image: url(/global/images/nav/belizeproperty-top25x180.gif); } /* home */ #main .sidebox h2.belizeproperty { background-image: url(/global/images/nav/belizeproperty-top25x180.gif); } /* belizeproperty */ #main .sidebox h2.aboutbelize { background-image: url(/global/images/nav/aboutbelize-top25x180.gif); } /* aboutbelize */ #main .sidebox h2.belizemaps { background-image: url(/global/images/nav/belizemaps-top25x180.gif); } /* belizemaps */ #main .sidebox h2.aboutus { background-image: url(/images/aboutus-top25x180.gif); } /* aboutus */ #main .sidebox h2.news { background-image: url(/images/news-top25x180.gif); } /* news */ #main .sidebox h2.contactus { background-image: url(/images/contactus-top25x180.gif); } /* contactus */ #main .sidebox .bottomcap { position:absolute; bottom:0px; left:0; width:180px; height:6px; _background-image: url(/global/images/nav/sidebox_bgbottom.gif); background-color: transparent; background-image: url(/global/images/nav/sidebox_bgbottom.png); background-repeat: no-repeat; background-position: left bottom; } #main .sidebox a.more, a.more-right { display:block; clear:both; color:#6E9AA6; margin-bottom:0px; /* non-zero margin-bottom can cause slider to jog at bottom */ padding:9px 47px 5px 0; /* prev 7px 47px 5px 0;*/ border-top:1px solid #eee9d6; line-height:20px; /* prev 13px; */ height:20px; background:url(/global/images/nav/sidebox_logo_arrow.gif) no-repeat right 8px; } /* also see basic-properties.css more for similar use of this style & bg img */ a.more-right { float: right; border-top: hidden; margin-bottom: 15px; } #main .sidebox dl { line-height:1.3em; margin:0; } #main .sidebox dt { font-weight:bold; } #main .sidebox dd { padding-bottom:12px; } #main .sidebox.sliderbox { overflow:hidden; padding:0; width:180px; } #main .sidebox.sliderbox h2 { margin:0; } #main .sidebox.sliderbox h3 { margin-bottom:0; } #main .sidebox.sliderbox .drawers, #main .sidebox.sliderbox .drawers ul, #main .sidebox.sliderbox .drawers ol { margin:0; } /* main sidebox ol & ul color */ #main .sidebox ol *, #main .sidebox ul * { color:#2970a6; } #main .sidebox.sliderbox .drawer-content li { padding-bottom:8px; font-weight:bold; } #main .sidebox.sliderbox .drawer-content.cat1 li { padding-bottom:13px; _padding-bottom:13px;} #main .sidebox.sliderbox .drawer-content.cat3 li { padding-bottom:13px; } #main .sidebox.sliderbox .drawers .drawer-handle { min-height:25px; line-height:25px; width:165px; color:#fff; padding:0 0 0 15px; font-size:12px; font-weight:normal; background:#2d9ada url(/global/images/nav/leftnavtabbgslider25x180.gif) top left no-repeat; cursor:default; } /* width = tab bg img width - padding eg 180-15=165 - BL */ /* min-height:25px; line-height:25px; width:165px; color:#fff; padding:0 0 0 0px; font-size:12px; font-weight:normal; background-color:#2d9ada; background-image: url(../../../images/leftnavtabbgslider25x165.gif); background-position: top left; background-repeat: no-repeat; cursor:default; */ #main .sidebox.sliderbox .drawers .drawer-handle.open { background-color:#ddce6b; _background-color:none; background-position:top right; color:#000; } #main .sidebox.sliderbox .drawers .drawer-content { display:none; padding:0px 5px 0px; } /* prev display:block; padding:0px 15px 0px; now display:none; (except for .open, see below) - use in conjuction with noscript display:block; on each page using sidebox 27Oct07 */ #main .sidebox.sliderbox.stories .drawers .drawer-content { display:none; padding:0px 5px 0px 10px; } /* about us right col slider */ #main .sidebox.sliderbox .drawers .drawer-content.open { display:block; } /* change heights here - affected by height of #main .sidebox a.more (see above) as well as the content in the slider (i.e. number of list items, etc.) */ /* belize sliders for each main menu - add approx. 63px for 2+1 lines */ #main #belizepropertyslider { min-height: 390px; _height:390px; } #main #belizepropertyslider .drawer-content { min-height:215px; _height:215px; _width: 168px; /* IE6 fix: cat1 ul arrows 2Jan08 */ } /* NOTE: too much height (eg. 225px; 29Oct07) causes a jerky motion at the bottom of the sidebox where it meets the sunset bging div in the case where the center column content doesn't bridge the gap and push the sunset bg img down */ #main #storiesslider { min-height: 390px; _height:390px; } #main #storiesslider .drawer-content { min-height:280px; _height:280px; _width: 180px; } /* try adding width as below 17Oct07 */ /* unused sliders with temp values #main #homeslider { min-height: 350px; _height:350px; } #main #homeslider .drawer-content { min-height:200px; _height:200px; } #main #aboutbelizeslider { min-height: 787px; _height:787px; } #main #aboutbelizeslider .drawer-content { min-height:632px; _height:632px; } #main #belizemapsslider { min-height: 787px; _height:787px; } #main #belizemapsslider .drawer-content { min-height:632px; _height:632px; } #main #aboutusslider { min-height: 350px; _height:350px; } #main #aboutusslider .drawer-content { min-height:200px; _height:200px; } #main #contactusslider { min-height: 350px; _height:350px; } #main #contactusslider .drawer-content { min-height:200px; _height:200px; } #main #newsslider { min-height: 300px; _height:300px; } #main #newsslider .drawer-content { min-height:200px; _height:200px; } #main #downloadsslider { min-height: 548px; _height:548px; } #main #downloadsslider .drawer-content { min-height:424px; _height:424px; } */ /* about us right col storiesslider */ /* orig #main #storiesslider { min-height: 458px; _height:446px; } #main #storiesslider .drawer-content { min-height:260px; _height:235px; } other style options #main #downloadsslider .drawer-content { min-height:424px; _height:424px; _width: 206px; } #main #storiesslider { min-height: 458px; _height:446px; } #main #storiesslider .drawer-content { min-height:260px; _height:235px; _width: 206px; } */ /* links - aboutus */ /* line-height:14px; height: 14px; font-weight:normal; */ #main .separator { margin:0 -3px; padding:.7em 3px 0; border-bottom:1px solid #c8c8c8; } #main .separator.noborder { border-bottom:none; } #main #storiesslider ul li h4 span.links { color:#6600FF; } /* color for "links" link */ #main #storiesslider li img.across { margin:1.4em 0 0 -1px; } #main #storiesslider li h4 { margin-bottom:.7em; } #main #storiesslider li ul { margin-top:0; margin-bottom:0; } /* margin-top:1em; */ #main #storiesslider li ul li { padding:6px 3px; *padding:4px 3px 3px; _padding-right:10%; } #main #storiesslider li ul li h4 { margin-bottom:0; _zoom:1; border: none; } #main #storiesslider li ul li span.comingsoon { position:absolute; color:#FF0000; font-weight:bold; vertical-align: super; display: inline; padding-left: 1px; } #main #storiesslider li ul li h4 a.more2 { display:block; text-align:left; background-image: url(/global/images/nav/morearrow2.gif); background-repeat: no-repeat; background-position: 100% 1px; word-spacing:-.1em; letter-spacing:95%; } #main #storiesslider li ul li h4 a.more2:hover { background-position:100% -99px; } /* top-properties */ #main .sidebox ol.top-properties { padding:12px 0 6px 6px; } #main .sidebox ul.top-properties { padding:12px 0 6px 6px; } /* color option */ #main .sidebox ol.top-properties *, #main .sidebox ul.top-properties * { } #main .sidebox ol.top-properties li { line-height:1.3em; margin-left:18px; } #main .sidebox ul.top-properties li { line-height:1.3em; margin-left:6px; _line-height:1em;/* IE6 Cat1 fix */ } /* ul for beach lots */ #main .sidebox ol.top-properties li a, #main .sidebox ul.top-properties li a { display:block; font-weight:normal; color:#333; } #main .sidebox ol.top-properties li a:hover, #main .sidebox ul.top-properties li a:hover { color:#2970a6; } #main .sidebox ol.top-properties li img, #main .sidebox ul.top-properties li img { margin-top: -5px; } /* -5px for small thumbnail with the following img values border="0" height="60" vspace="3" width="60" (see actual lines of code) */ /*