/* GLOBAL SETTINGS ------------------------------------------------------------ */ #jc-wrapper { width: 965px; height: auto; margin: auto; font: 12px/normal Helvetica, Arial, sans-serif; color: #333; letter-spacing: 0; } #jc-wrapper p { letter-spacing: 0em; line-height: 18px; margin-top: 10px; margin-bottom: 10px; } #jc-wrapper img { border: 0; } #jc-wrapper a { color: #0c83c6; text-decoration: none; } #jc-wrapper a:hover { color: #1c3240; text-decoration: none; } #jc-wrapper h1 { font-size: 24px; color: #1c3240; font-weight: bold; letter-spacing: -1px; margin-bottom: 10px; } #jc-wrapper h2 { font-size: 18px; color: #1c3240; letter-spacing: -1px; margin-bottom: 10px; margin-top: 10px; } #jc-wrapper li { list-style-type: disc; margin-left: 13px; } #jc-wrapper hr { border-top: thin solid #e5e5e5; border-bottom: thin solid #fff; border-left: thin solid #fff; border-right: thin solid #fff; padding-top: 10px; } #jc-wrapper .sup { font-size: 12px; color: #1c3240; letter-spacing: -1px; margin-top: 0; } /* HOMEPAGE ------------------------------------------------------------------- */ #jc-wrapper #jc-focalpoint { width: 100%; height: 465px; background: url(../images/fp_homepage.jpg) no-repeat center 25px; } #jc-wrapper #jc-focalpoint #jc-btn-ifr { width: 162px; height: auto; position: relative; top: 405px; left: 125px; } #jc-wrapper #jc-focalpoint #jc-btn-vfr { width: 162px; height: auto; position: relative; top: 375px; left: 398px; } #jc-wrapper #jc-focalpoint #jc-btn-ads { width: 162px; height: auto; position: relative; top: 345px; left: 672px; } #jc-wrapper #jc-focalpoint #jc-ifr-map { width: 248px; height: 304px; position: relative; top: -9px; left: 79px; } #jc-wrapper #jc-focalpoint #jc-vfr-map { width: 248px; height: 304px; position: relative; top: -313px; left: 354px; } #jc-wrapper #jc-focalpoint #jc-ads-map { width: 248px; height: 304px; position: relative; top: -617px; left: 628px; } #jc-wrapper #jc-content-top { width: 100%; height: 12px; background: url(../images/back_home_contenttop.gif) no-repeat; } #jc-wrapper #jc-content-middle { width: 90%; height: auto; background: url(../images/back_home_contentmiddle.gif) repeat-y; padding: 20px 50px 20px 50px; } #jc-wrapper #jc-content-bottom { width: 100%; height: 17px; background: url(../images/back_home_contentbottom.gif) no-repeat; padding-bottom: 20px; } /* SECONDARY PAGES IFR -------------------------------------------------------- */ #jc-wrapper #jc-tabs-ifr { width: 625px; height: 62px; /* margin-top: 10px; */ background: url(../images/back_tabs_ifr.gif) no-repeat; } #jc-wrapper #jc-tabs-ifr #jc-btn-ifr { width: 120px; height: auto; position: relative; top: 38px; left: 49px; } #jc-wrapper #jc-tabs-ifr #jc-btn-vfr { width: 80px; height: auto; position: relative; top: 22px; left: 273px; } #jc-wrapper #jc-tabs-ifr #jc-btn-ads { width: 100px; height: auto; position: relative; top: 8px; left: 473px; } #jc-wrapper #jc-content-ifr { width: 94%; height: auto; background: url(../images/back_ifrcharts.jpg) repeat-y; padding: 30px 30px 30px 30px; } #jc-wrapper #jc-ifr-metrix { width: 909px; height: 1085px; background: url(../images/back_ifrmatrix.gif) no-repeat; margin-top: 40px; } #jc-wrapper #jc-ifr-metrix #jc-ifr-metrix-purchase1 { width: 108px; height: 25px; position: relative; top: 1010px; left: 310px; } #jc-wrapper #jc-ifr-metrix #jc-ifr-metrix-purchase2 { width: 108px; height: 25px; position: relative; top: 985px; left: 432px; } #jc-wrapper #jc-ifr-metrix #jc-ifr-metrix-purchase3 { width: 108px; height: 25px; position: relative; top: 961px; left: 672px; } #jc-wrapper #jc-ifr-metrix #jc-ifr-metrix-purchase4 { width: 108px; height: 25px; position: relative; top: 936px; left: 793px; } /* SECONDARY PAGES VFR -------------------------------------------------------- */ #jc-wrapper #jc-tabs-vfr { width: 640px; height: 62px; background: url(../images/back_tabs_vfr.gif) no-repeat; } #jc-wrapper #jc-tabs-vfr #jc-btn-vfr { width: 120px; height: auto; position: relative; top: 38px; left: 262px; } #jc-wrapper #jc-tabs-vfr #jc-btn-ifr { width: 80px; height: auto; position: relative; top: 22px; left: 75px; } #jc-wrapper #jc-tabs-vfr #jc-btn-ads { width: 100px; height: auto; position: relative; top: 8px; left: 483px; } #jc-wrapper #jc-content-vfr { width: 94%; height: auto; background: url(../images/back_vfrcharts.jpg) repeat-y; padding: 30px 30px 30px 30px; } #jc-wrapper #jc-content-vfr #jc-content-vfr-map { width: 88%; height: auto; padding: 0 10px 10px 10px; } #jc-wrapper #jc-content-vfr #jc-vfr-map-us { width: 288px; height: 168px; background: url(../images/thmb_map_us.png) no-repeat; _background: url(../images/thmb_map_us.gif) no-repeat; margin-left: 60px; } #jc-wrapper #jc-content-vfr #jc-vfr-map-eu { width: 240px; height: 272px; background: url(../images/thmb_map_eu.png) no-repeat; _background: url(../images/thmb_map_eu.gif) no-repeat; margin-left: 60px; padding-bottom: 20px; } #jc-wrapper #jc-content-vfr #jc-content-vfr-spacer { width: 1px; height: 332px; background: url(../images/spacer_vfrmap.png) no-repeat; _background: url(../images/spacer_vfrmap.gif) no-repeat; position: relative; top: -70px; left: -28px; } /* ZOOMER */ #hs-wrapper #hs-content .hs-pod .zoomer { width: 100%; height:auto; position: relative; } #hs-wrapper #hs-content .hs-pod .zoomer .small { position: relative; width: 100%; } #hs-wrapper #hs-content .hs-pod .zoomer .large { background: white; position: relative; width: 220px; } #hs-wrapper #hs-content .hs-pod .zoomer .mover { position: absolute; top: 0; left: 0; width: 110px; height: 110px; overflow: hidden; z-index: 300; background: white; display: none; border:1px solid #ccc; } #hs-wrapper #hs-content .hs-pod .zoomer .overlay { border: 1px solid #ccc; width: 102px; height: 102px; position: absolute; top: 0; left: 0; z-index: 200; } /* SECONDARY PAGES ADS -------------------------------------------------------- */ #jc-wrapper #jc-tabs-ads { width: 640px; height: 62px; background: url(../images/back_tabs_ads.gif) no-repeat; } #jc-wrapper #jc-tabs-ads #jc-btn-ads { width: 143px; height: auto; position: relative; top: 10px; left: 460px; } #jc-wrapper #jc-tabs-ads #jc-btn-vfr { width: 80px; height: auto; position: relative; top: 25px; left: 280px; } #jc-wrapper #jc-tabs-ads #jc-btn-ifr { width: 80px; height: auto; position: relative; top: 38px; left: 77px; } #jc-wrapper #jc-content-ads { width: 94%; height: auto; background: url(../images/back_ads.jpg) repeat-y; padding: 30px 30px 30px 30px; } #jc-wrapper #jc-ads-metrix { width: 100%; height: auto; margin-top: 40px; } #jc-wrapper #jc-ads-metrix #jc-ads-header { width: 910px; height: 56px; background: url(../images/back_adsmatrix_header.gif) no-repeat; } #jc-wrapper #jc-ads-metrix #jc-ads-header h4 { font-size: 18px; color: #fff; text-transform: uppercase; text-align: right; padding-top: 28px; padding-right: 202px; } #jc-wrapper #jc-ads-metrix #jc-ads-matrix-content { width: 910px; height: auto; background: url(../images/back_adsmatrix.gif) repeat-y; } #jc-wrapper #jc-ads-metrix #jc-ads-matrix-content-nav { width: 186px; height: auto; float: left; } #jc-wrapper #jc-ads-metrix #jc-ads-matrix-content-main { width: 100%; padding: 23px 0px 20px 0px; } #jc-wrapper #jc-ads-metrix #jc-ads-matrix-content-main #jc-ads-matrix-content-main-top { padding: 0 20px 0 20px; } #jc-wrapper #jc-ads-metrix #jc-ads-matrix-content-main #jc-ads-matrix-image { width: 100%; height: auto; margin-left: 45px; padding-top: 11px; padding-bottom: 11px; } #jc-wrapper #jc-ads-metrix #jc-ads-matrix-content-main #jc-ads-matrix-content-data-top { width: 723px; height: 7px; background: url(../images/back_adsmatrix_datatop.gif) no-repeat; } #jc-wrapper #jc-ads-metrix #jc-ads-matrix-content-main .jc-ads-matrix-content-data-tdblue { width: 25%; height: 22px; background: url(../images/back_table_ads_tdblue.jpg) repeat-x; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px; color: #000; font-size: 11px; font-weight: bold; text-align: center; } #jc-wrapper #jc-ads-metrix #jc-ads-matrix-content-main .jc-ads-matrix-content-data-tdorange { width: auto; height: 22px; background: url(../images/back_table_ads_tdorange.jpg) repeat-x; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px; color: #000; font-size: 11px; font-weight: bold; text-align: center; } #jc-wrapper #jc-ads-metrix #jc-ads-matrix-content-main .jc-ads-matrix-content-data-td { width: auto; height: auto; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px; text-align: center; font-size: 11px; } #jc-wrapper #jc-ads-metrix #jc-ads-matrix-content-main .jc-ads-matrix-content-data-td-map { width: auto; height: auto; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } #jc-wrapper #jc-ads-metrix #jc-ads-matrix-content-main #jc-ads-matrix-content-data-footer { width: 723px; height: 5px; background: url(../images/back_adsmatrix_datafooter.gif) no-repeat; } #jc-wrapper #jc-ads-metrix #jc-ads-matrix-footer { width: 910px; height: 22px; background: url(../images/back_adsmatrix_footer.gif) no-repeat; } /* SECONDARY PAGES SUB-NAVIGATION + CONTENT ----------------------------------- */ #jc-wrapper #jc-content-bottom { width: 100%; height: 17px; background: url(../images/back_home_contentbottom.gif) no-repeat; padding-bottom: 20px; } #jc-wrapper #jc-subnav { width: auto; height: auto; color: #666; font: 12px/normal Trebuchet MS, Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: bold; float:right; margin-bottom:10px; padding-right:10px; } #jc-wrapper #jc-subnav a { color: #666; text-decoration: none; } #jc-wrapper #jc-subnav a:hover { color: #000; text-decoration: none; } #jc-wrapper #jc-subnav a.visit { color: #000; text-decoration: none; } #jc-wrapper #jc-subnav .jc-subnav-spacer { width: 1px; height: 47px; background: url(../images/spacer_subnav.png) no-repeat; _background: url(../images/spacer_subnav.gif) no-repeat; padding-left: 20px; padding-right: 16px; } #jc-wrapper #jc-subnav-vfr { width: 500px; height: auto; color: #666; font: 12px/normal Trebuchet MS, Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: bold; position: relative; left: 410px; top: -15px; margin-bottom: -10px; } #jc-wrapper #jc-subnav-vfr a { color: #666; text-decoration: none; } #jc-wrapper #jc-subnav-vfr a:hover { color: #000; text-decoration: none; } #jc-wrapper #jc-subnav-vfr a.visit { color: #000; text-decoration: none; } #jc-wrapper #jc-subnav-vfr .jc-subnav-spacer { width: 1px; height: 47px; background: url(../images/spacer_subnav.png) no-repeat; _background: url(../images/spacer_subnav.gif) no-repeat; padding-left: 20px; padding-right: 16px; } #jc-wrapper #jc-subnav-vfr-eu { width: 500px; height: auto; color: #666; font: 12px/normal Trebuchet MS, Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: bold; position: relative; left: 460px; top: -15px; margin-bottom: -10px; } #jc-wrapper #jc-subnav-vfr-eu a { color: #666; text-decoration: none; } #jc-wrapper #jc-subnav-vfr-eu a:hover { color: #000; text-decoration: none; } #jc-wrapper #jc-subnav-vfr-eu a.visit { color: #000; text-decoration: none; } #jc-wrapper #jc-subnav-vfr-eu .jc-subnav-spacer { width: 1px; height: 47px; background: url(../images/spacer_subnav.png) no-repeat; _background: url(../images/spacer_subnav.gif) no-repeat; padding-left: 20px; padding-right: 16px; } #jc-wrapper #jc-subnav-ads { width: 480px; height: auto; color: #666; font: 12px/normal Trebuchet MS, Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: bold; position: relative; left: 450px; top: -15px; margin-bottom: -10px; } #jc-wrapper #jc-subnav-ads a { color: #666; text-decoration: none; } #jc-wrapper #jc-subnav-ads a:hover { color: #000; text-decoration: none; } #jc-wrapper #jc-subnav-ads a.visit { color: #000; text-decoration: none; } #jc-wrapper #jc-subnav-ads .jc-subnav-spacer { width: 1px; height: 47px; background: url(../images/spacer_subnav.png) no-repeat; _background: url(../images/spacer_subnav.gif) no-repeat; padding-left: 20px; padding-right: 16px; } #jc-wrapper #jc-content-secondary { width: 98%; height: auto; margin: auto; margin-top: 25px; } #jc-wrapper #jc-content-secondary #jc-content-sidebar { width: auto; height: auto; margin-top: 25px; padding-left: 40px; padding-right: 10px; } #jc-wrapper #jc-content-secondary #jc-content-table { border: 1px solid #ccc; padding: 2px; } #jc-wrapper #jc-content-secondary #jc-content-table-td { border: 1px solid #ccc; padding: 10px; background-color: #f5f5f5; } #jc-wrapper #jc-content-secondary #jc-content-table-td-title { width: 23%; height: 25px; #height: 15px; border: 1px solid #ccc; padding: 10px; background: #5586ba url(../images/back_table_tdblue.jpg) repeat-x; color: #fff; font-weight: bold; } #jc-wrapper #jc-content-secondary #jc-content-table-td-title-alt { width: 23%; height: 25px; #height: 15px; border: 1px solid #ccc; padding: 10px; background: #ffa240 url(../images/back_table_tdorange.jpg) repeat-x; color: #fff; font-weight: bold; }