/* CEMEX Title: Default CSS Date: October 2010 Author: Pasquale Scerbo (pscerbo@extractable.com) */ /* DO NOT OVERWRITE FILE BEFORE SEARCH FOR ilinium patches */ /*----------------- CSS NORMALIZER -----------------*/ /* - cancels default styles applied to page elements - adjusts default elements between browsers to same baseline */ div, dl, dt, dd, ul, ol, li, pre, hr, form, fieldset, input, th, td {margin:0; padding:0;} address, caption, cite, code, dfn, th, var {font-style:normal; font-weight:normal;} table {border-collapse:collapse; border-spacing:0; font-size:inherit; font-size:100%;} select, input, textarea {font:99% verdana,geneva,sans-serif;} h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-size:100%; font-weight:normal;} fieldset, img {border:0;} img {vertical-align:middle;} select, .inputStyle {border:1px solid #7F9DB9; background:#FFF; padding:.1em; margin:.1em 0 .1em .2em;} legend {display:none;} .skipNavigation {position:absolute; left:0px; top:-500px; overflow:hidden;} select {background:#FFF;} .floatLeft { float: left; } .floatRight { float: right; } .cleaner { clear: both; } .clear2 { clear: both; height: 2px; } .clear5 { clear: both; height: 5px; } .clear10 { clear: both; height: 10px; } .clear15 { clear: both; height: 15px; } .clear30 { clear: both; height: 30px; } .tabClear { clear: both; height: 5px; } a { outline: none; color: #2aaeec; } label { cursor: pointer; } /*----------------- SITE WIDE DEFAULTS -----------------*/ body { margin: 0; padding: 0; background: url("img/bg-page.gif"); font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 1.5em; color: #555; } #center { width: 1034px; margin: auto; } #container { width: 1034px; background: url("img/bg-shadow2.png"); float: left; } #pageWrap, #pageWrapMediaCenter { width: 970px; float: left; padding: 0 10px; margin-left: 22px; } a.arrow { background: url("img/bullet-blk-arrow.gif") no-repeat 3px 5px; padding-left: 12px; text-decoration: none; color: #e40000; } a.arrow:hover { text-decoration: underline; } a { color: #e40000; text-decoration: none; } a:hover { text-decoration: underline; } ol { margin: 4px 0 15px 19px; padding: 0; list-style: decimal; } ol li { background: none !important; list-style: decimal !important; padding-bottom: 3px; } /*----------------- HEADER -----------------*/ #header { float: left; position: relative; height: 76px; width: 970px; z-index: 1000; } #header #logo { position: absolute; top: 12px; width: 129px; } #header #search { position: absolute; width: 176px; top: 10px; right: 6px; height: 25px; float: left; z-index: 500; } #header #search input { float: left; background: url("img/bg-search.gif") no-repeat; height: 25px; padding-left: 10px; width: 144px; border: 0; color: #444; font-size: 12px; } #header #search .btn { height: 25px; float: left; width: 22px; background: none; padding-left: 0; } #header #toolbar { position: absolute; top: 12px; right: 190px; height: 35px; } #header #toolbar .worldwide { background: url("img/icon-world.png") no-repeat; padding-left: 20px; } /* Country Dropdown */ #sddm { margin: 0; padding: 0; list-style: none; font-size: 11px; line-height: 1.0em; position: relative; float: left; } #sddm li { float: left; /*border-right: 1px solid red;*/ background: url("img/line-toolbar.gif") no-repeat right; padding: 5px 20px 8px 10px; margin: 0 5px; border-left: 1px solid #FFF; z-index: 1000; border-top: 1px solid #FFF; } #sddm li.last { background: url(img/icon-globe.gif) no-repeat 10px 5px; border-right: none; padding-right: 5px; border: 1px solid #FFF; z-index: 1000 !important; position: relative !important; padding: 5px 5px 8px 30px; } #sddm li.last:hover { background: url(img/icon-globe.gif) no-repeat 10px 5px #fdfdfd; border: 1px solid #cecece; border-width: 1px 1px 0 1px; z-index: 1000 !important; } #sddm div { width: 755px; position: absolute; visibility: hidden; margin: 3px 0 0 0; border: 1px solid #cecece; padding: 0; background: #fdfdfd; z-index: 500; right: -190px; top: 20px; } /*Custom Positioning may be necessary for the different languages*/ #sddm li.last .hide { height: 5px; width: 107px; position: absolute; top: 23px; right: 0px; z-index: 1000 !important; display: block; background: #fdfdfd; } #sddm div ul { font-size: 11px; list-style: none; float: left !important; width: 140px; padding: 20px 0; margin-left: 10px; float: left; } #sddm div li { clear: both; border-right: none; margin: 0 0 10px 0; padding: 0; background: none; } #sddm div li img { margin-right: 5px; } /*----------------- MENU -----------------*/ #menu { width: 971px; height: 31px; margin-left: -1px; float: left; background: url("img/bg-menu.gif"); margin-bottom: 2px; z-index: 400; } ul.megamenu { height: 31px; list-style: none; display: none; z-index: 5000; } ul.megamenu li.mm-item { text-align: center; overflow: hidden; width: auto; border: none !important; } ul.megamenu li.clear-fix { float: none; clear: both; margin: 0px; padding: 0px; height: 0px; font-size: 0px; line-height: 0px; } /*padding: 8px 31px 0 32px;*/ ul.megamenu a.mm-item-link { position: relative; display: inline-block; padding: 8px 21px 0 22px; color: #666 !important; font-weight: bold; height: 22px; border: 1px solid #FFF; border-width: 1px 1px 0 1px; text-decoration: none; z-index: 100; font-size: 13px; } /*ul.megamenu a.mm-item-link.last { padding-left: 38px; }*/ /*Last Link in Menu*/ /*ul.megamenu a.mm-item-link.last { padding-left: 34px; padding-right: 30px; }*/ /*----- Fix Home Accordion -----*/ #blockOne .one .accordion .firstFix { margin: -2px 0 0 0; padding: 0; } ul.megamenu a.mm-item-link.last { padding-left: 34px; padding-right: 30px;} /*Menu Hover*/ ul.megamenu a.mm-item-link-hover { color: #e40000 !important; background: #FFF !important; border: 1px solid #cecece !important; border-width: 1px 1px 0 1px !important; height: 25px; } /*Dropdown Wrapper*/ ul.megamenu div.mm-item-content { padding: 0px; margin: 0; position: absolute; z-index: 9; text-align: left !important; } /* Dropdown menu content holder */ .mm-content-base { position: relative; z-index: 11; padding: 22px 15px 20px 5px; margin: 0px 0 0 5px; float: left; background: url("img/bg-menu-drop.png") repeat; border: 1px solid #cecece; } .mm-js-shadow { background: url("img/bg-dropdown-shadow2.png") no-repeat; height: 17px !important; clear: both; z-index: 10; margin-left: 3px; } /* Dropdown Menu - SubMenu */ .dropmenu { float: left; overflow: hidden; margin-bottom: 14px; margin: 0; padding: 0; width: 528px !important; } .dropmenu ul { font-size: 12px; width: 207px; text-align: left; padding: 0; list-style: none; float: left; } .dropmenu ul li { background: none; width: 227px; display: block; padding: 0 !important; margin: 0 0 0 -5px !important; } .dropmenu ul li.last { margin-right: 10px !important; } .dropmenu ul li a { background: url("img/bullet-blk-arrow.gif") no-repeat 33px 10px; display: block; padding: 3px 5px 5px 43px !important; text-decoration: none; } .dropmenu ul li a:hover { background: url("img/bullet-blk-arrow.gif") no-repeat 33px 10px #f8f8f8; } /* Dropdown Menu - Promos */ .dropmenu .promo { float: left; width: 293px; } .dropmenu .promo .left { float: left; width: 121px; margin-right: 9px; } .dropmenu .promo .right { float: left; width: 160px; text-align: left; font-size: 11px; } /*Do not display the "X" button in browsers*/ .dropmenu a.xclose { display: none; } /*Only show the "X" button on the iPad*/ @media only screen and (device-width: 768px) { .dropmenu a.xclose { display: block; margin-top: 10px; position: absolute; bottom: -8px; right: -8px; z-index:9999; } } /*----------------- HOME BANNER -----------------*/ #bannerHome { width: 969px; height: 381px; float: left; margin-bottom: 22px; position: relative; z-index: 1; overflow: hidden; } #bannerHome a.arrow { background: url("img/bullet-blk-arrow.gif") no-repeat 3px 5px; padding-left: 12px; text-decoration: none; color: #000; } #bannerHome a.arrow:hover { text-decoration: underline; } #navPosition { position: relative; float: left; width: 970px; height: 381px; } #pagernav { position: absolute !important; top: 10px; right: 9px; padding: 0; z-index: 10; text-align: right; } #pagernav a { padding: 2px 5px; margin-left: 2px; background: #dedede; text-decoration: none; color: #000; font-size: 11px; } #pagernav a:hover { background: #c3c3c3; } #pagernav a.activeSlide { background: #fd0202; } .bannerInner .text { color: #333; position: absolute; left: 70px; top: 66px; width: 325px; height: 151px; } .bannerInner .text h1 { color: #FFF; font-size: 33px; margin-bottom: 10px; line-height: 1.5em; } .bannerInner .text p { color: #FFF; font-size: 11px; line-height: 1.5em; } .bannerInner .quotes { margin-top: -10px; } /*----------------- HUB PAGE BANNER -----------------*/ #bannerHub { width: 969px; height: 260px; float: left; position: relative; z-index: 5; overflow: hidden; } #bannerHub h1.shadow { font-size: 42px; color: #000; position: absolute; top: 182px; left: 49px; z-index: 10; } #bannerHub h1 { font-size: 42px; color: #FFF; position: absolute; top: 180px; left: 47px; z-index: 10; padding: 20px; } #bannerHub .banImage { position: relative; top: 0; left: 0; z-index: 3; } #bannerHub .banRotate { position: absolute; top: -1px; right: 43px; width: 338px; height: 262px; z-index: 20; } .banRotate { position: absolute; top: 0; right: 43px; width: 338px; height: 260px; background: url("img/bg-smallBanner.png") repeat !important; } #bannerHub #navPosition { position: relative; overflow: hidden; clear: both; width: 338px; height: 260px; } /*{ position: absolute; float: left; width: 338px; height: 260px; top: 0; right: 0px; }*/ #bannerHub #pagernav { position: absolute !important; top: 10px; right: 20px; padding: 0; z-index: 10; text-align: right; } #bannerHub #pagernav a { padding: 2px 5px; margin-left: 2px; background: #dedede; text-decoration: none; color: #000; font-size: 11px; } #bannerHub #pagernav a:hover { background: #c3c3c3; } #bannerHub #pagernav a.activeSlide { background: #fd0202; } /*Text Only*/ #bannerHub /*.bannerInner*/ .textBlock { float: left; clear: both; width: 299px; height: 193px; top: 1px; padding: 50px 21px 17px 18px; background: none !important; } /*{ width: 299px; height: 193px; position: relative; top: 1px; background: url("img/bg-smallBanner.png"); padding: 50px 21px 17px 18px; }*/ #bannerHub /*.bannerInner*/ .textBlock p { color: #FFF; font-size: 16px; line-height: 1.5em; font-weight: bold; } #bannerHub /*.bannerInner*/ .textBlock a.arrow { color: #FFF; background: url("img/bullet-white-arrow.gif") no-repeat 0 7px; margin-left: 5px; } /*{ color: #FFF; background-position: 0 7px; margin-left: 5px; }*/ /*Video Only*/ #bannerHub /*.bannerInner*/ .videoBlock { float: left; clear: both; width: 299px; height: 193px; top: 1px; padding: 35px 21px 17px 18px; background: none !important; } /*{ width: 299px; height: 209px; background: url("img/bg-smallBanner.png"); position: relative; top: 1px; padding: 35px 21px 17px 18px; }*/ #bannerHub /*.bannerInner*/ .videoBlock p { color: #FFF; font-size: 11px; line-height: 1.4em; margin: 10px 0 8px 0; } /*{ color: #FFF; font-size: 11px; line-height: 1.4em; }*/ #bannerHub /*.bannerInner*/ .videoBlock a.arrow { color: #FFF; background: url("img/bullet-white-arrow.gif") no-repeat 0 5px; padding-left: 10px; margin-left: 5px; } /*----------------- CONTENT PAGE BANNER -----------------*/ #bannerSmall { width: 970px; height: 70px; float: left; position: relative; } #bannerSmall .title { position: absolute; left: 35px; top: 0; height: 40px; width: 335px; background: url("img/bg-smallBanner.png"); padding: 30px 0 0 15px; color: #FFF; font-size: 25px; } /*----------------- HOME CAROUSEL -----------------*/ #scroller { float: left; width: 970px; height: 124px; background: url("img/bg-banner-news.png"); position: absolute; bottom: 28px; left: 0; z-index: 5; overflow: hidden; } #scroller .left { float: left; width: 123px; height: 77px; overflow: hidden; margin-right: 9px; } #scroller .left img { width: 123px; height: 77px; } #scroller .right { float: left; width: 158px; height: 77px; overflow: hidden; font-size: 11px; color: #FFF; } #scroller .right a.arrow { background: url("img/bullet-gray-arrow.gif") no-repeat 3px 5px; color: #e40000; } #carousel_inner { float: left; width: 921px; position: relative; overflow: hidden !important; } #carousel_ul { position: relative; left: -307px; list-style-type: none; margin: 0px; padding: 0px; width: 9999px; padding-bottom: 10px; } #carousel_ul li { float: left; width: 290px; padding: 5px; height: 77px; background: url("img/bg-news-scroller.png"); margin-top: 19px; margin-right: 7px; } #carousel_ul li:hover { background: url("img/bg-news-scroller-hover.png"); } #left_scroll { float: left; height: 123px; width: 27px; overflow: hidden; } #right_scroll { float: left; height: 123px; width: 20px; overflow: hidden; } #left_scroll img, #right_scroll img { cursor: pointer; cursor: pointer; } /*----------------- HOME ACCORDION -----------------*/ .accordion { background: none; width: 199px; float: left; font-weight: normal; } /* accordion header */ .accordion h2 { color: #FFF !important; font-size: 12px !important; font-weight: bold !important; background: url("img/close-accordion.gif") no-repeat !important; margin: 0 0 1px 0 !important; padding: 2px 0 0 17px !important; cursor: pointer; height: 22px !important; } /* currently active header */ .accordion h2:hover { cursor: default; background: url("img/open-accordion-selected.gif") no-repeat !important; padding-left: 17px; } .accordion h2.current { cursor: default; background: url("img/open-accordion-selected.gif") no-repeat !important; padding-left: 17px; } /* accordion pane */ .accordion div.pane { display: none; height: 114px !important; font-weight: normal !important; padding: 8px; } .accordion div.pane p { margin: 0 !important; padding: 0 !important; } /*----------------- RIGHT COLUMN ACCORDION -----------------*/ #rightColumn .accordion { background: none; width: 298px; float: left; font-weight: normal; margin-bottom: 25px; } /* accordion header */ #rightColumn .accordion h2 { color: #FFF !important; font-size: 12px !important; font-weight: bold !important; background: url("img/close-accordion.gif") no-repeat !important; margin: 0 0 1px 0 !important; padding: 2px 0 0 17px !important; cursor: pointer; height: 22px !important; } /* currently active header */ #rightColumn .accordion h2:hover { cursor: default; background: url("img/open-accordion-selected.gif") no-repeat !important; padding-left: 17px; } #rightColumn .accordion h2.current { cursor: default; background: url("img/open-accordion-selected.gif") no-repeat !important; padding-left: 17px; } /* accordion pane */ #rightColumn .accordion div.pane { display: none; height: auto !important; height: 0; font-weight: normal !important; padding: 8px; } #rightColumn .accordion div.pane p { margin: 0 !important; padding: 0 !important; } /*Updated Accordion for Media Center*/ #rightColumn .accordionFixed { height: 377px; margin-bottom: 20px; } #rightColumn .trigger { color: #FFF !important; font-size: 12px !important; font-weight: bold !important; background: url("img/open-accordion-selected.gif") no-repeat !important; margin: 0 0 1px 0 !important; padding: 2px 0 3px 17px !important; cursor: pointer; } #rightColumn .triggerContent { clear: both; padding: 0; margin: 0; display: block; padding: 10px 10px 10px 17px; background: url("img/bg-diag.gif"); height: 260px; } #rightColumn .triggerContent p { margin: 5px 0; padding: 0; } #rightColumn .trigger.closedlanguage { background: url("img/close-accordion.gif") no-repeat !important; padding-left: 17px; } /*----------------- HOME CONTENT BLOCKS -----------------*/ /*Block Two*/ #blockOne { float: left; width: 970px; height: 285px; overflow: hidden; margin-bottom: 30px; } #blockOne .one { float: left; width: 199px; height: 285px; overflow: hidden; background: url("img/bg-diag.gif"); margin-right: 10px; } #blockOne .one .accordion .first { margin: -2px 0 0 0; padding: 0; } #blockOne .one .accordion .content { padding: 5px 10px; border-top: 1px solid #FFF; padding-bottom: 10px; clear: both;} #blockOne .one .accordion .content li { list-style: none; } #blockOne .two { float: left; width: 451px; height: 285px; overflow: hidden; background: url("img/bg-diag.gif"); margin-right: 10px; } /* Tabs News - Home Page */ #blockOne .two .newsWrap { float: left; border-bottom: 1px solid #FFF; padding: 10px; } #blockOne .two .newsWrap .left { float: left; width: 75px; margin-right: 10px; font-weight: bold; } #blockOne .two .newsWrap .right { float: left; width: 346px; } #blockOne .two a.more { padding: 0 0 0 15px; margin-left: 10px; } #blockOne #follow { position: absolute; right: 0; top: 0; height: 20px; width: 113px; overflow: hidden; margin-top: 10px; } #blockOne #follow a { width: 20px; height: 20px; border: 0; } #blockOne #follow a:hover img { margin-top: -40px; } #blockOne .three { float: left; width: 300px; height: 285px; overflow: hidden; background: url("img/bg-diag.gif"); } #blockOne .three .text { padding: 8px 13px 11px 13px; background: url("img/bg-diag.gif"); } #blockOne .three p { margin: 0 0 9px 0; } #blockOne h2, #blockTwo h2 { color: #000; font-size: 18px; padding: 7px 0; background: #FFF; } /*Block Two*/ #blockTwo { float: left; width: 970px; height: 285px; overflow: hidden; margin-bottom: 55px; } #blockTwo .one { float: left; width: 199px; height: 285px; overflow: hidden; margin-right: 10px; color: #444; } #blockTwo .one .module { float: left; width: 199px; /*height: 103px;*/ margin-bottom: 7px; overflow: hidden; } #blockTwo .one .module .left { float: left; width: 77px; overflow: hidden; } #blockTwo .one .module .right { float: left; width: 110px; margin-left: 8px; overflow: hidden; padding-top: 5px; } #blockTwo .two { float: left; width: 451px; height: 285px; overflow: hidden; margin-right: 10px; } #blockTwo .two .panel { float: left; width: 224px; height: 83px; margin: 0 1px 1px 0; position: relative; } #blockTwo .two .panel a { width: 224px; height: 83px; display: block; } #blockTwo .two .panel a:hover .title { color: red; text-decoration: none !important; } #blockTwo .two .panel .title { position: absolute; top: 38px; left: 13px; font-size: 20px; padding-bottom: 10px; color: #FFF; font-family: Helvetica, Arial, sans-serif; display: block; } #blockTwo .two .panel img.complete {width:450px; height:83px} #blockTwo .two .panel img.half {width:225px; height:83px} #blockTwo .three { float: left; width: 300px; height: 285px; } #blockTwo .three .module { float: left; width: 300px; height: 77px; margin-bottom: 10px; overflow: hidden; } #blockTwo .three .module .left { float: left; width: 77px; height: 77px; overflow: hidden; } #blockTwo .three .module .right { float: left; width: 209px; height: 63px; overflow: hidden; padding: 2px 7px 7px 7px; } /*Worldwide Map*/ #worldwide { float: left; border: 4px solid #e8e8e8; border-width: 4px 0; padding: 20px 0; width: 970px; margin-bottom: 36px; } #worldwide .left { float: left; width: 738px; margin-left: 10px; } #worldwide .left .content { float: left; width: 210px; position: relative; z-index: 105; } #worldwide .left .map { float: left; width: 304px; margin-left: -43px; position: relative; z-index: 10; } #worldwide .left h2 { color: #000; font-size: 18px; padding: 7px 0; margin-bottom: 38px; } #worldwide .right { float: left; width: 220px; } #worldwide .right p { margin-top: 5px; } /*Regions*/ #northAmerica { position: absolute; top: 0; left: 8px; z-index: 101; } #southAmerica { position: absolute; top: 91px; left: 62px; } #europe { position: absolute; top: 0px; left: 93px; z-index: 100; } #africa { position: absolute; top: 71px; left: 126px; z-index: 100; } #asia { position: absolute; top: 0px; left: 194px; } #image1 { position: absolute; top: 0; left: 8px; z-index: 101; } #image2 { position: absolute; top: 91px; left: 62px; } #image3 { position: absolute; top: 0px; left: 93px; z-index: 100; } #image4 { position: absolute; top: 71px; left: 126px; z-index: 100; } #image5 { position: absolute; top: 0px; left: 194px; } /*----------------- MAP SHOW/HIDE -----------------*/ #maps { position: relative; width: 560px; float: left; margin-left: -43px; } .map-box { float: left; width: 293px; height: 169px; } .map-box { position: relative; width: 304px; height: 185px; float: left; } #areas { float: left; width: 231px; height: 185px; background: url("img/vert-dots.gif") repeat-y; border-right: 1px solid #e8e8e8; padding: 0 10px; } #areas h3 { font-weight: bold; margin-bottom: 5px; } #areas ul { margin: 0; padding: 0; list-style: none; } #areas li { background: url("img/bullet-blk-arrow.gif") no-repeat 0 7px; padding-left: 10px; padding-bottom: 0px; } #areas .left { float: left; width: 110px; display: block !important; margin: 0; padding: 0; } #areas .right { float: left; width: 110px; display: block !important; } /*----------------- TABS -----------------*/ /* root element for tabs */ ul.tabs { list-style: none; margin: 0 !important; padding: 0; height: 34px; background: #FFF; float: left; width: 100%; } /* single tab */ ul.tabs li { background: #FFF; font-size: 18px; float: left; text-indent: 0; padding: 0; margin: 0 !important; list-style-image: none !important;height: 26px;} /* link inside the tab. uses a background image */ ul.tabs a { background: #FFF !important; display: block; height: 26px; text-align: center; text-decoration: none; color: #000; padding: 8px 12px 0 12px; margin: 0px; position: relative; } ul.tabs a:active { outline: none;} /* when mouse enters the tab move the background image */ ul.tabs a:hover { color: #000; background: #f7f7f7 !important; } /* active tab uses a class name "current". its highlight is also done by moving the background image. */ ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { background: #e8e8e8 !important; cursor: default !important; color: #000 !important; } /* initially all panes are hidden */ .panes .pane { display: none; } /* root element for tabs */ ul.tabsSimple { list-style: none; margin: 0 !important; padding: 0; background: #e8e8e8; float: left; width: 100%; border-bottom: 1px solid #FFF; } /* single tab */ ul.tabsSimple li { font-size: 12px; float: left; text-indent: 0; margin: 0 !important; list-style-image: none !important; list-style: none; height: 26px !important; border-right: 1px solid #FFF; } /* link inside the tab. uses a background image */ ul.tabsSimple a { display: block; text-align: center; padding: 3px 10px 2px 10px; text-decoration: none; color: #ed1b1b; margin: 0px; position: relative; } ul.tabsSimple a:active { outline: none; } /* when mouse enters the tab move the background image */ ul.tabsSimple a:hover { color: #000; } /* active tab uses a class name "current". its highlight is also done by moving the background image. */ ul.tabsSimple a.current, ul.tabsSimple a.current:hover, ul.tabsSimple li.current a { cursor: default !important; color: #5a5a5a !important; } ul.tabsSimple a.current { height: 27px; background: #e8e8e8; } /* initially all panes are hidden */ .panes .paneSimple { display: none; border-top: 1px solid red !important; } /*----------------- BREADCRUMB -----------------*/ #breadcrumb { clear: both; float: left; border-bottom: 1px solid #e0e0e0; height: 22px; width: 970px; padding-top: 5px; margin-bottom: 29px; } #breadcrumb ul { margin: 0; padding: 0; list-style: none; } #breadcrumb li { font-size: 11px; color: #555; float: left; } #breadcrumb li a { color: #e40000; text-decoration: none; background: url("img/bullet-single-arrow.gif") no-repeat right; padding-right: 12px; margin-right: 7px; } #breadcrumb li a:hover { text-decoration: underline; } #breadcrumb #tools { float: right; overflow: hidden; } #breadcrumb #tools a { padding-right: 0px; margin-left: 4px; color: #555; } #breadcrumb #tools a.share { padding-left: 18px; background: url("img/icons-tools.gif") no-repeat; } #breadcrumb #tools a.print { padding-left: 18px; background: url("img/icons-tools.gif") no-repeat 0 -17px; } #breadcrumb #tools a.email { padding-left: 18px; background: url("img/icons-tools.gif") no-repeat 0 -34px; } /*----------------- HUB LAYOUTS -----------------*/ #hub { clear: both; float: left; width: 970px; margin-bottom: 30px; } #hub #breadcrumb { margin-bottom: 0; } #hub .intro { float: left; padding: 12px 0; font-size: 16px; color: #555; width: 970px; line-height: 1.5em; } #hub h2 { color: #000; font-size: 18px; margin-bottom: 10px; } #hub .block { float: left; width: 219px; border-top: 1px solid #e0e0e0; padding: 15px 8px; margin-bottom: 20px; } #hub .block h2 a { color: #000; } #hub .block p { margin: 0 0 15px 0; padding: 0; } #hub .block ul { margin: 0; padding: 0; list-style: none; } #hub .block li { background: url("img/bullet-blk-arrow.gif") no-repeat 0 7px; padding-left: 10px; padding-bottom: 5px; } #hub .block .graybox li { background: none; padding-left: 0; padding-bottom: 0; } #hub .block .webcast { border-bottom: 1px solid #e0e0e0; padding-bottom: 10px; margin-bottom: 10px; width: 219px; float: left; margin-top: -15px; padding-top: 15px; } #hub .block .webcast .left { float: left; width: 82px; } #hub .block .webcast .right { float: left; width: 117px; } #hub .block5 { float: left; width: 169px; border-top: 1px solid #e0e0e0; padding: 15px 8px; margin-bottom: 20px; } #hub .block5 h2 { color: #000; font-size: 18px; margin-bottom: 10px; } #hub .block5 h2 a { color: #000; } #hub .block5 p { margin: 0 0 15px 0; padding: 0; } #hub .block5 ul { margin: 0; padding: 0; list-style: none; } #hub .block5 li { background: url("img/bullet-blk-arrow.gif") no-repeat 0 7px; padding-left: 10px; padding-bottom: 5px; } #hub .box { float: left; width: 296px; background: url("img/bg-menu.gif"); padding: 11px 10px 8px 10px; position: relative; } #hub .box h3 { font-weight: bold; color: #000; margin-bottom: 10px; float: left; } #hub .box .img { float: left; margin-right: 11px; } #hub .box p { margin: 0 0 9px 0; } #hub .box ul { margin: 0; padding: 0; list-style: none; } #hub .box li { background: url("img/bullet-blk-arrow.gif") no-repeat 0 7px; padding-left: 10px; padding-bottom: 5px; } #hub .box form { clear: both; } #hub .box select { clear: both; border: 1px solid #FFF; width: 174px; color: #777; } #hub .box .flag { float: left; width: 74px; margin-right: 10px; margin-bottom: 20px; } #hub .spacer10 { float: left; width: 10px; height: 20px;} /*Rotating Content*/ #hub .box #numberPosition { position: relative; overflow: hidden; clear: both; width: 296px; } #hub .box #numbers { float: left; margin-left: 10px; padding: 0; z-index: 10; text-align: right; } #hub .box #numbers a { padding: 2px 5px; margin-left: 2px; background: #dedede; text-decoration: none; color: #000; font-size: 11px; } #hub .box #numbers a:hover { background: #c3c3c3; } #hub .box #numbers a.activeSlide { background: #fd0202; } #hub .box .rotate { clear: both; float: left !important; background: url("img/bg-menu.gif"); width: 296px; } /*----------------- CONTENT LAYOUTS (3 Columns) -----------------*/ #contentWrap { float: left; width: 970px; margin-bottom: 50px; } /* Left Column */ #leftColumn { float: left; width: 170px; margin-right: 10px; min-height: 600px; } #leftColumn h2 { color: #000; font-size: 18px; margin-bottom: 10px; clear: both; } #leftColumn .title { color: #222; font-weight: bold; border-bottom: 1px solid #e2e2e2; padding: 0 0 6px 5px; } #leftColumn .title a { color: #222; text-decoration: none; } #leftColumn .title a:hover { text-decoration: underline; } #leftColumn ul { margin: 0; padding: 0; list-style: none; font-size: 11px; margin-bottom: 35px; } #leftColumn li { border-bottom: 1px solid #e2e2e2; padding: 5px 0 6px 5px; display: block; } #leftColumn li a { background: url("img/arrow-closed.gif") no-repeat right; display: block; color: #444; } #leftColumn li.on { background: url("img/bg-diag.gif"); font-weight: bold; } #leftColumn li.on a { background: url("img/arrow-open.gif") no-repeat right; color: #e40000; } #leftColumn li ul { margin: 0; padding: 0; list-style: none; } #leftColumn li ul li { border-bottom: 0; padding: 2px 0 2px 2px !important; font-weight: normal; border: 1px solid transparent !important; } #leftColumn li ul li a { background: none !important; color: #444 !important; display: block; padding-left: 15px; } #leftColumn li ul li a.more { background: url("img/icon-plus.gif") no-repeat left !important; } #leftColumn li ul li a.on { background: url("img/icon-minus.gif") no-repeat left !important; } #leftColumn li ul li a.selected { font-weight: bold; color: #e40000 !important; } #leftColumn li li ul { margin: 0; padding: 0; list-style: none; } #leftColumn li li ul li { padding: 3px 0 3px 20px !important; } #leftColumn li li ul li a { background: url("img/arrow-red.gif") no-repeat 0 7px !important; padding-left: 10px !important; } #leftColumn li li ul li.on a { background: url("img/arrow-red.gif") no-repeat 0 7px !important; padding-left: 10px !important; font-weight: bold; color: green; } /* Center Column */ #centerColumn { float: left; width: 480px; margin-right: 10px; padding-top: 1px; } #centerColumn h1 { color: #000; font-size: 24px; margin-bottom: 8px; clear: both; line-height: 1.2em; } #centerColumn h2 { color: #444; font-size: 15px; font-weight: bold; margin-bottom: 8px; letter-spacing: 0.05em; clear: both; } /*-ilinium patch: clear:both -- deleted to allow text around images layout-*/ #centerColumn h3 { color: #000; font-size: 15px; font-weight: bold; margin-bottom: -8px; } #centerColumn h3 a { color: #e40000; font-size: 15px; font-weight: bold; margin-bottom: -8px; } #centerColumn p { line-height: 1.7em; } #centerColumn .intro { font-size: 16px; width: 480px; } #centerColumn .intro p { margin: 0 0 9px 0; line-height: 1.5em !important; } #centerColumn hr { margin: 15px 0 !important; clear: both; } #centerColumn ul { margin: 0 0 10px 15px; padding: 0; list-style: square; } #centerColumn li { list-style-image: url("img/bullet-square.gif"); } #centerColumn .columns { float: left; width: 233px; padding-right: 7px; margin-bottom: 20px; } #centerColumn .columns ul { margin-top: 2px; margin-bottom: 15px; line-height: 1.7em; } #centerColumn .mainFeature { clear: both; float: left; margin: 0; padding: 0; width: 480px; height: 261px; position: relative; } #centerColumn .mainFeature .bar { clear: both; position: absolute; bottom: 0; left: 0; color: #FFF; height: 75px; width: 450px; padding: 9px 15px; display: block; background: url("img/bg-blackbar.png"); } #centerColumn .mainFeature .bar .date { font-size: 10px; clear: both; } #centerColumn .mainFeature .bar h2 { font-size: 18px; font-weight: bold; color: #FFF; line-height: 1.5em; } /* Center Column - Media Center */ #centerColumn.mediaCenter h2 { color: #000; font-size: 18px; font-weight: bold; margin-bottom: 8px; letter-spacing: 0.05em; float: left; } #centerColumn.mediaCenter .note { float: left; margin-left: 10px; } #centerColumn.mediaCenter .intro { border-bottom: 1px solid #e0e0e0; margin-bottom: 27px; padding: 8px 0; } /*-ilinium patch: modified to fit real element-*/ #centerColumn.mediaCenter .mediaCenterMap { margin-bottom: 20px; height:530px; } #centerColumn .grayBox { float: left; width: 460px; background: url("img/bg-diag.gif") repeat; padding: 10px; margin-bottom: 35px; } #centerColumn .grayBox .columns { float: left; width: 219px; border-right: 1px solid #FFF; padding: 0 10px 0 0; } #centerColumn .grayBox .columns.last { border-right: 0; margin-left: 10px; padding-right: 0; } #centerColumn .grayBox .columns img { margin-bottom: 13px; } /* Center Column - Tabs */ /* single tab */ #centerColumn ul.tabs li { background: #FFF; border-right: 1px solid #e8e8e8; font-size: 17px; float: left; text-indent: 0; padding: 0; margin: 0 !important; list-style: none; list-style-image: none !important; height: 34px; } /* link inside the tab. uses a background image */ #centerColumn ul.tabs a { background: #FFF !important; display: block; height: 26px; text-align: center; text-decoration: none; color: #000; padding: 8px 12px 0 12px; margin: 0px; position: relative; } #centerColumn ul.tabs a:active { outline: none;} /* when mouse enters the tab move the background image */ #centerColumn ul.tabs a:hover { color: #000; background: #f7f7f7 !important; } /* active tab uses a class name "current". its highlight is also done by moving the background image. */ #centerColumn ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { background: #e8e8e8 !important; cursor: default !important; color: #000 !important; } /* initially all panes are hidden */ #centerColumn .pane { display: none; background: url("img/bg-diag.gif") repeat; padding: 20px 9px 20px 15px; clear: both; float: left; width: 456px; } #centerColumn .pane .imgGrid { float: left; width: 100px; height: 100px; margin: 0 14px 14px 0; } /* Embedded Application Page */ #contentWrap .embeddedApp { float: left; width: 788px; height: 300px; background: #999; margin-bottom: 29px; } #contentWrap .embeddedApp p { text-align: center; color: #FFF; font-size: 16px; line-height: 20px; margin-top: 120px; } /* Wide Feature Banner */ #wideBanner { float: left; width: 970px; margin-top: 4px; } /* Right Column */ #rightColumn { float: left; width: 298px; } #rightColumn h2 { color: #000; font-size: 18px; margin-bottom: 10px; clear: both; } #rightColumn ul { margin: 0; padding: 0; list-style: none; } #rightColumn li { background: url("img/bullet-blk-arrow.gif") no-repeat 0 7px; padding-left: 10px; padding-bottom: 5px; } #rightColumn hr { clear: both !important; margin-top: 0; float: left; border: 0; background-color: #e0e0e0; height: 1px; clear: both; width: 100%; margin-bottom: 15px; } #rightColumn .videoModule { background: url("img/bg-diag.gif"); width: 300px; overflow: hidden !important; margin-bottom: 20px; } #rightColumn .videoModule .text { padding: 8px 13px 0px 13px; } #rightColumn .videoModule p { margin: 0 0 9px 0; } #rightColumn .newsWrap { float: left; width: 298px; margin-bottom: 5px; } #rightColumn .newsWrap .module { float: left; width: 300px; margin-bottom: 10px; } #rightColumn .newsWrap .module .left { float: left; width: 77px; height: 77px; overflow: hidden; } #rightColumn .newsWrap .module .right { float: left; width: 209px; padding: 0px 7px 7px 7px; } #rightColumn .newsWrap .more { clear: both; padding: 10px 0 5px 0; } #rightColumn .newsWrap .module .icon { float: left; width: 26px; overflow: hidden; } #rightColumn .newsWrap .module .shared { float: left; width: 264px; margin-left: 6px; overflow: hidden; } #rightColumn .newsWrap .module .shared .date { font-size: 10px; } #rightColumn .newsWrap .module .shared p { margin: 0; } /*Left Column NewsWrap*/ #leftColumn .newsWrap { float: left; width: 170px; margin-bottom: 20px; } #leftColumn .newsWrap .module { float: left; width: 170px; margin-bottom: 10px; } #leftColumn .newsWrap .module .top { float: left; overflow: hidden; margin-bottom: 5px; } #leftColumn .newsWrap .module .bottom { float: left; width: 160px; margin-bottom: 20px; } #leftColumn .newsWrap .module .left { float: left; width: 77px; } #leftColumn .newsWrap .module .right { float: left; width: 82px; padding: 0px 0px 7px 10px; } #rightColumn form.subscribe { float: left; clear: both; margin: 0; } #rightColumn form.subscribe input { border: 0; float: left; width: 235px; height: 25px; background: url("img/bg-input-subscribe.gif") no-repeat; } #rightColumn form.subscribe .btn { border: 0; width: auto; height: auto; float: left; } /*Large Right Column Layout*/ #rightColumnLarge { float: left; width: 760px; line-height: 1.7em; position: relative; } #rightColumnLarge h1 { color: #000; font-size: 24px; margin-bottom: 8px; } #rightColumnLarge h2 { color: #444; font-size: 15px; margin-bottom: 8px; clear: both; display: block; font-weight: bold; } #rightColumnLarge .intro { font-size: 16px; line-height: 1.5em; } #rightColumnLarge .intro p { margin: 0 0 9px 0; } #rightColumnLarge .date { font-size: 13px; color: #e40000; } #rightColumnLarge .tabsWrap { background: url("img/bg-diag.gif"); float: left; width: 100%; } /*Archives*/ #rightColumnLarge .years { float: left; text-align: right; clear: both; margin: -10px 0 5px 0; display: block; width: 100%; } #rightColumnLarge .years ul { margin: 0; padding: 0; list-style: none; float: right; } #rightColumnLarge .years li { float: left; margin-left: 15px; display: block; } #rightColumnLarge .year { clear: both; background: #e0e0e0; height: 26px; font-weight: bold; padding: 5px 10px 0 10px; margin-bottom: 20px; } #rightColumnLarge .featuredReports { float: left; width: 244px; padding-left: 9px;} #rightColumnLarge .featuredReports .left { float: left; width: 95px; overflow: hidden; padding-top: 6px; } #rightColumnLarge .featuredReports .right { float: left; width: 149px; overflow: hidden; line-height: 1.5em; } #rightColumnLarge .featuredReports .right p { margin: 0 0 18px 0; } #rightColumnLarge .featuredReports .right ul { margin: 5px 0 0 0; padding: 0; list-style: none; } #rightColumnLarge .featuredReports .right li { background: url("img/bullet-blk-arrow.gif") no-repeat 0 8px; padding-left: 10px; padding-bottom: 3px; } #rightColumnLarge .featuredReports2up { float: left; width: 354px; padding-left: 9px;} #rightColumnLarge .featuredReports2up .left { float: left; width: 95px; overflow: hidden; padding-top: 6px; } #rightColumnLarge .featuredReports2up .right { float: left; width: 250px; overflow: hidden; line-height: 1.5em; } #rightColumnLarge .featuredReports2up .right p { margin: 0 0 18px 0; } #rightColumnLarge .featuredReports2up .right ul { margin: 5px 0 0 0; padding: 0; list-style: none; } #rightColumnLarge .featuredReports2up .right li { background: url("img/bullet-blk-arrow.gif") no-repeat 0 8px; padding-left: 10px; padding-bottom: 3px; } #rightColumnLarge .quarterly { float: left; width: 180px; padding-left: 10px; margin-bottom: 25px; } #rightColumnLarge .quarterly h3 { font-size: 14px; color: #444; margin-bottom: 10px; } /* single tab */ #rightColumnLarge ul.tabs { height: auto !important; } #rightColumnLarge ul.tabs li { background: #FFF; font-size: 12px; float: left; text-indent: 0; padding: 0; margin: 0 !important; list-style-image: none !important; font-weight: bold; border-right: 1px solid #e8e8e8; height: 34px; } /* link inside the tab. uses a background image */ #rightColumnLarge ul.tabs a { background: #FFF !important; display: block; height: 26px; text-align: center; text-decoration: none; color: #e40000; padding: 8px 12px 0 12px; margin: 0px; } #rightColumnLarge ul.tabs a:active { outline: none; } /* when mouse enters the tab move the background image */ #rightColumnLarge ul.tabs a:hover { color: #000; background: #e8e8e8 !important; } /* active tab uses a class name "current". its highlight is also done by moving the background image. */ #rightColumnLarge ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { background: #e8e8e8 !important; cursor: default !important; color: #000 !important; } /* initially all panes are hidden */ #rightColumnLarge .pane { display: none; padding: 15px 30px; clear: both !important; float: left; width: 697px; } #rightColumnLarge .pane h3 { font-weight: bold; font-size: 15px; margin-bottom: 5px; } #rightColumnLarge .pane p { margin: 0 0 18px 0; padding: 0; } #rightColumnLarge .pane .left { width: 516px; border-right: 1px solid #FFF; float: left; padding-right: 10px; } #rightColumnLarge .pane .right { width: 150px; float: left; padding-left: 20px; line-height: 1.5em; } #rightColumnLarge .pane .right p { margin: 9px 0; } /*Inner Right Column*/ #rightColumnLarge #rightColumn { float: right; width: 298px; margin-left: 30px; line-height: 1.5em; } /* Videos Page */ #rightColumnLarge .videosWrapper { float: left; width: 738px; } #rightColumnLarge .videosWrapper .vdosLeft { float: left; width: 452px; } #rightColumnLarge .videosWrapper .vdosLeft img { float: left; margin: 0 2px 2px 0; } #rightColumnLarge .videosWrapper .vdosCenter { float: left; width: 226px; } #rightColumnLarge .videosWrapper .vdosCenter img { float: left; margin: 0 2px 2px 0; } #rightColumnLarge .videosWrapper .vdosRight { float: left; width: 59px; } #rightColumnLarge .videosWRapper .vdosRight img { float: left; margin: 0 0 2px 0; } #rightColumnLarge .channel { position: absolute; top: 0; right: 22px; font-size: 10px; color: #444; line-height: 20px; } #rightColumnLarge .channel img { margin-left: 8px; } /*----------------- FORMS - TABLE -----------------*/ table.form { margin-bottom: 20px; } table.form td { padding: 5px 0px; } table.form label { width: 200px !important; margin-left: 5px; } table.form span { color: #e40000; padding-left: 4px; } table.form input { width: 295px; background: url("img/bg-form-input295.gif") no-repeat; border: 0; padding: 0; height: 25px; float: right; } table.form .textarea { width: 480px; height: 201px; border: 0; background: url("img/bg-textarea.gif") no-repeat; } table.form .btn { width: auto; height: auto; border: 0; float: left; } table.form .checkbox { float: left; width: auto; height: auto; border: 0; } table.form hr { margin-top: 0 !important; margin-top: -10px; } /*----------------- TABLE -----------------*/ table.table { background: url("img/bg-diag.gif"); width: 100%; border: 0; margin-bottom: 20px; clear: both; font-size: 12px; } table.table th { background: url("img/bg-tableHeader.gif") bottom repeat-x #a3a3a3; vertical-align: top; padding: 7px 10px; font-weight: bold; color: #FFF; text-align: left; } table.table td { padding: 7px 10px; text-align: left; vertical-align: top; border-right: 1px solid #bdbdbd; } table.table td.last { border-right: 0; } table.table tr.even td { background: #f1f1f1; } table.table tr.title td { background: #bdbdbd; border-right: 1px solid #e8e8e8; color: #FFF; } table.table tr.title td.last { border-right: none; } /*----------------- SUPER FOOTER -----------------*/ #superFooter { float: left; width: 970px; background: #f3f3f3; padding: 10px 0 10px 0; } /*#superFooter .panel { float: left; width: 127px; font-size: 11px; margin-left: 10px; color: #555; border-right: 1px solid #FFF; }*/ #superFooter .panel { float: left; width: 110px; font-size: 11px; margin-left: 10px; color: #555; border-right: 1px solid #FFF; } #superFooter .panel.last { border-right: none; } #superFooter a { color: #555; text-decoration: none; } #superFooter a:hover { text-decoration: underline; } #superFooter .panel h4 { font-weight: bold; font-size: 12px; color: #555; margin-bottom: 8px; } #superFooter .panel ul { margin: 0; padding: 0; list-style: none; } #superFooter .panel li { padding-bottom: 0px; } #superFooter .icon { margin-right: 6px; } /*----------------- IN-PAGE ACCORDION -----------------*/ #centerColumn .trigger, #rightColumnLarge .trigger { font-weight: bold; color: #000; padding: 10px 0 10px 0px; font-size: 13px !important; cursor: pointer; clear: both; } #centerColumn .triggerContent, #rightColumnLarge .triggerContent { float: left; clear: both; padding: 0 0 10px 0; margin: 0; display: block; line-height: 1.5em; border-bottom: 1px solid #e0e0e0; color: #444; font-size: 13px; } #centerColumn .triggerContent p, #rightColumnLarge .triggerContent p { margin: 10px 0 0 0 !important; padding: 0; } #centerColumn .triggerContent li, #rightColumnLarge .triggerContent li { margin-bottom: 5px; } #centerColumn .openlanguage, #rightColumnLarge .openlanguage { background: none !important; } #centerColumn .closedlanguage, #rightColumnLarge .closedlanguage { background: url("img/bg-accordion.gif") repeat-x bottom; } /*Luigi*/ #options {width:457px; margin:20px auto; text-align:right; color:#9ac1c9} #options a {text-decoration:none; color:#9ac1c9} #options a:hover {color:#033} #acc {width:457px; list-style:none; color:#033; margin:0 auto 40px} #acc h3 {width:443px; border:1px solid #9ac1c9; padding:6px 6px 8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(images/header.gif)} #acc h3:hover {background:url(images/header_over.gif)} #acc .acc-section {overflow:hidden; background:#fff} #acc .acc-content {width:425px; padding:15px; border:1px solid #9ac1c9; border-top:none; background:#fff} #nested {width:425px; list-style:none; color:#033; margin-bottom:15px} #nested h3 {width:411px; border:1px solid #9ac1c9; padding:6px 6px 8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(images/header.gif)} #nested h3:hover {background:url(images/header_over.gif)} #nested .acc-section {overflow:hidden; background:#fff} #nested .acc-content {width:393px; padding:15px; border:1px solid #9ac1c9; border-top:none; background:#fff} #nested .acc-selected {background:url(images/header_over.gif)} /*----------------- FOOTER -----------------*/ #footer { float: left; width: 970px; height: 32px; border-bottom: 5px solid #fe0202; } #footer .copy { float: left; padding: 9px 0 0 0; font-size: 10px; color: #555; } #footer ul { margin: 12px 0 0 9px; padding: 0; line-height: 1em; list-style: none; font-size: 10px; float: left; } #footer li { border-left: 1px solid #ccc; padding-left: 8px; margin-right: 8px; display: inline; float: left; } #footer .future { float: right; margin: 3px 43px 0 0; } /*----------------- MISC -----------------*/ hr { clear: both !important; margin-top: 0; float: left; border: 0; background-color: #e0e0e0; height: 1px; clear: both; width: 100%; margin-bottom: 15px; } a.external { background: url("img/icon-external.gif") right no-repeat; padding-right: 15px; } li.report { background: url("img/icons-presentation.gif") no-repeat 0 5px; display: block; padding-left: 23px; list-style: none; margin-bottom: 4px; } li.presentation { background: url("img/icons-presentation.gif") no-repeat 0 -20px; display: block; padding-left: 23px; list-style: none; margin-bottom: 4px; } li.webcast { background: url("img/icons-presentation.gif") no-repeat 0 -45px; display: block; padding-left: 23px; list-style: none; margin-bottom: 4px; } li.analyst { background: url("img/icons-presentation.gif") no-repeat 0 -68px; display: block; padding-left: 23px; list-style: none; margin-bottom: 4px; } /*-ilinium patch: margin: 15px 15px 15px 0; -- changed margins-*/ .imgLeft { float: left; margin: 4px 15px 15px 0; } .cufon { margin: 0; padding: 0; } .required { text-align: right; font-size: 11px; } .required span { color: #e40000; } /* Gray Box */ .graybox { float: left; width: 199px; background: #e8e8e8; } .graybox .boxHeader { float: left; width: 190px; font-size: 12px; padding: 2px 0 0 9px; background: url("img/bg-graybox-top.gif") repeat-x; height: 21px; font-weight: bold; color: #FFF; } .graybox .boxContent { float: left; width: 199px; background: url("img/bg-menu.gif") repeat; } .graybox .boxContent .content { float: left; width: 179px; padding: 5px 10px; border-top: 1px solid #FFF; } .graybox .note { color: #969696; } /* Stock Table */ table.stock { clear: both; margin-bottom: 10px; color: #444; } table.stock td { vertical-align: top; } table.stock td.right { text-align: right; } #preload { display: none; } /* Content Page Accordion */ .drawer { border-bottom: 1px solid #e0e0e0; padding: 8px 0 2px 0; } .drawer h2.drawer-handle { color: #000 !important; font-size: 13px !important; font-weight: bold; cursor: pointer; } /* jQuery Accordion - Right Column */ /* root element for accordion. decorated with rounded borders and gradient background image */ #rightColumn #accordion { background: #FFF; width: 298px; height: 400px; margin-bottom: 10px; /*background: red;*/ } /* accordion header */ #accordion h2 { background: url("img/close-accordion.gif") no-repeat; margin: 0; padding: 3px 10px 5px 20px; color: #FFF; font-size: 13px; font-weight: bold; cursor: pointer; border-bottom: 1px solid #FFF; } /* currently active header */ #accordion h2.current { cursor: default; background: url("img/open-accordion-selected.gif") no-repeat; } /* accordion pane */ #accordion .pane { background: url("img/bg-diag.gif") repeat; display: none; height: 244px; padding: 18px; color: #555; font-size: 12px; } /* a title inside pane */ #accordion .pane h3 { font-weight: normal; margin: 0 0 -5px 0; font-size: 16px; color: #999; } /*----------------- TOOLTIP -----------------*/ .tooltip { background: #f7f7f7; width: 300px; margin:0; padding: 15px; font-size: 12px; color: #666; } .tooltip h2 { font-weight: bold; font-size: 14px; margin-bottom: 10px; } .tooltip p {margin:0;text-align:justify;} #tooltip_1 {z-index:100000;} #tooltip_2 {height:300px;width:300px;background:#fff;border-color:#e66;} .videoTip { background: url("img/bg-smallBanner.png"); } .closeBtn { display: none; } @media only screen and (device-width: 768px) { .closeBtn { display: block; position: absolute; top: -7px; right: -7px; } } /*----------------- COLORBOX -----------------*/ /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:visible;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* ColorBox example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{ background:#000; width: 200% !important; height: 200% !important; } #colorbox{} #cboxContent{margin-top:32px; margin-bottom: 100px;padding-bottom: 100px;} #cboxLoadedContent{background: url("img/bg-menu.gif") repeat; padding: 50px; } #cboxLoadingGraphic{background:url("img/loading.gif") no-repeat center center;} #cboxLoadingOverlay{background:#000;} #cboxTitle{position:absolute; top:-22px; left:0; color:#000;} #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;} #cboxSlideshow, #cboxPrevious, #cboxNext{text-indent:-9999px; width:20px; height:20px; position:absolute; top:0px; background:url("img/controls.png") no-repeat 0 0;} #cboxClose {text-indent:-9999px; width:26px; height:28px; position:absolute; float:right; top:-12px; right:-12px; background:url("../../images/share-this-close.png") no-repeat 0 0; z-index:10000;} #cboxPrevious{background-position:0px 0px; right:44px;} #cboxPrevious.hover{background-position:0px -25px;} #cboxNext{background-position:-25px 0px; right:22px;} #cboxNext.hover{background-position:-25px -25px;} /*#cboxClose{background-position:-50px 0px; right:0;} #cboxClose.hover{background-position:-50px -25px;}*/ .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;} .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;} /*----------------- SAFARI HACKS -----------------*/ @media screen and (-webkit-min-device-pixel-ratio:0) { #sddm li.last .hide { height: 5px; width: 107px; position: absolute; top: 23px; right: 0px; z-index: 1000 !important; display: block; background: #FFF; } /*----- Fix Home Accordion -----*/ #blockOne .one .accordion .firstFix { margin: -2px 0 0 0; padding: 0; } } /* DO NOT OVERWRITE FILE BEFORE SEARCH FOR ilinium patches */ /*----- ILINIUM CLASSES -----*/ /***** CLASES PARA CEMEX FOR YOU EN EL HOME *****/ .accordion .pane.tab1-mob { } .accordion .pane.tab2-mob { font-size: 11px; padding-top: 0px; padding-bottom: 15px; display: block;} .accordion .pane.tab3-mob, .accordion .pane.tab4-mob, .accordion .pane.tab5-mob {} /*----- ACCORDION FULL WIDTH -----*/ .accordionCenter { background: none; width: 100%; float: left; font-weight: normal; } /* currently active header */ .accordionCenter h3:hover { cursor: pointer; } .accordionCenter h3.current { cursor: default; } /* accordion pane */ .accordionCenter div.paneCenter { display: none; height: 100% !important; font-weight: normal !important; padding: 8px; } .accordionTop { float:right; } /*----------------- TABLE'S FOOTER -----------------*/ .tableFooter { margin-top:0; font-size:11px; text-align:justify; } .tableFooterForm { margin-top:0; font-size:13px; text-align:justify; } /*----------------- FORM - TABLE -----------------*/ .btnSubmit { width: 62px; height: 23px; border: 0; float: left; background-image:url(/../images/btn-submit.gif); background-repeat:no-repeat;} TD.rowForm { padding:5px 0px 5px 0px; } TD.rowFormTrading { padding:3px 0px 3px 0px; } .txtForm { width:295px; } .txtFormTrading { width:225px; } .lblRequired { color: #e40000; padding-left: 4px; } /*----------------- DATES IN THIRD AND FOURTH LEVEL MASTER -----------------*/ .date { font-size: 13px; color: #e40000; } /*----- RIGHT COLUMN LARGE FIXES -----*/ /*----- Missing elements of common use for 2-column templates -----*/ #rightColumnLarge h3 { color: #000; font-size: 15px; font-weight: bold; margin-bottom: -8px; clear: left; } #rightColumnLarge ul { margin: 0 0 10px 15px; padding: 0; list-style: square; } #rightColumnLarge li { list-style-image: url("img/bullet-square.gif"); } #rightColumnLarge .quarterly li { list-style-image: none; } #rightColumnLarge .newsWrap .module ul { padding: 0; margin: 0 } #rightColumnLarge .newsWrap .module li { list-style: none; } #rightColumnLarge #rightColumn h2 { color: #000; font-size: 18px; margin-bottom: 10px; clear: both; font-weight:normal } #rightColumnLarge .tabsWrap ul { list-style:none } #innerContentArea { width:432px; margin-right:0px; position:relative; float:left; } #innerContentArea h3 { color: #000; font-size: 15px; font-weight: bold; margin-bottom: -8px; clear: both; } /*----- PRESS RELEASES -----*/ .pressDisclaimerSeparator { text-align:center; font-style:italic } .pressDisclaimer { text-align:justify; font-style:italic } .pressContactsTable { width:100% } /*----- QUOTES -----*/ .quoteSmall { color:#999; font-weight: bold; font-style: italic } .quote { color:#999; font-size: 15px; font-weight: bold; font-style: italic } .quoteCentered { color:#999; font-size: 15px; font-weight: bold; font-style: italic; text-align:center } /*----- Quotes module -----*/ #rightColumn .quoteModule { background: url("../../images/icon-quotes.gif") no-repeat; width: 298px; overflow: hidden; margin-bottom: 20px; } #rightColumn .quoteModule .text { padding: 8px 13px 0px 13px; } #rightColumn .quoteModule .text a { font-size:12px; font-weight:normal; font-style:normal;} #rightColumn .quoteModule .quoteAuthor { color:#666; font-size:11px; text-align:right; } /*----- HISTORY TIMELINE -----*/ .timelineYear { width:10%; padding-right:15px; vertical-align:text-top; border-bottom:1px solid #E0E0E0 } .timelineDescription { width:90%; vertical-align:text-top; border-bottom:1px solid #E0E0E0 } /*----- BOTTOM LINKS - SUSTAINABLE DEVELOPMENT -----*/ .rightLink { float:right; } /*----- LEFT IMAGES CONTAINER - OUR PEOPLE -----*/ .leftImgContainer { display:block; width:172px; height:349px; } .leftImgContainer2 { display:block; width:160px; margin-top:0 } .leftImgContainer3 { display:block; width:181px; margin-top:0 } .leftImgContainer2 img, .rightImgContainer2 img { margin-bottom:0 } .leftImgContainer2 .footnote, .rightImgContainer2 .footnote { margin-top:0; font-size:11px; text-align:justify; float:left; } .leftImgContainer3 img { margin-bottom:0 } .leftImgContainer3 .footnote { margin-top:0; font-size:11px; text-align:justify } /*----- YEAR CONTAINER - SUSTAINABLE DEVELOPMENT (AWARDS) -----*/ .yearHeader { clear: both; background: #e0e0e0; height: 26px; font-weight: bold; padding: 5px 10px 0 10px; margin-bottom: 20px; } /*----- REPORTS - SUSTAINABLE DEVELOPMENT (GLOBAL REPORTS) -----*/ .coverReport { width:30px; height:39px; display:table-column; float:left; } .online { width:31px; height:10px; display:inline-table; margin-left:6px; } .pdf { width:31px; height:10px; display:block; margin-left:37px; } /*----- SUB INDEX - SUSTAINABLE DEVELOPMENT -----*/ .sub { font-size:9px; } /*----- ACCORDION FULL WIDTH - NESTED -----*/ .accordionInternal { background: none; width: 100%; float: left; font-weight: normal; } /* currently active header */ .accordionInternal h2:hover { cursor: pointer; } .accordionInternal h2.current { cursor: default; } /* accordion pane */ .accordionInternal div.paneInternal { display: none; height: 100% !important; font-weight: normal !important; padding: 8px; } /*----- DIVISORY LINE FOR TABLE -----*/ .dataEnd { border-bottom:solid 1px #9f9e9e } /*----- CASE STUDIES AND MEDIA CENTER STORIES -----*/ .imgRight { margin:0px 0px 15px 15px; float:right; } .imgLeftAccordion { padding-top:10px } /*----- MODAL WINDOW -----*/ #modalMask, #modalMaskWallpaper { position:absolute;z-index:9000;background-color:#000;display:none; } #modal .window { position:absolute;width:440px;height:200px;display:none;z-index:9999;padding:20px; background:url(img/bg-page.gif); COLOR: #555 } #modal #video { background-color:#FFF;width:640px;height:auto/*420px*/; } /*----- DATE AND CHICKLETS -----*/ #dateChickHolder { width:100%; height:25px; } .storyCheckHolder { height:50px !important; } .storyCheckHolder .dateDiv { width:100% !important; } #dateChickHolder .dateDiv { float:left } #dateChickHolder .chickDiv { float:right; width:auto; } #dateChickHolder .chickDivThreeButtons { float:right; width:auto; margin-top:3px; } #dateChickHolder .chickDivThreeButtons .twitterFacebookContainer { width:auto; display:inline; float:left; position:relative; } #dateChickHolder .chickDivThreeButtons .googlePlus { width:auto; display:inline; float:left; position:relative; } /*----- STORIES LIST -----*/ .inlineImg { width:80px; height:80px; margin-top:6px } .inlineDivImg { display:inline; float: left; padding:10px; } .inlineText { display:inline; float: left; width:380px; } /*----- USER CONTROLS -----*/ /*----- Reports -----*/ #rightColumn .relatedReportsWrap { float: left; width: 298px; height: 210px; margin-left: 0px; margin-bottom: 10px; display:block; } #rightColumn .relatedReportsWrap .module { float: left; width: 140px; margin-bottom: 10px; text-align:center;} #rightColumn .relatedReportsWrap .module .left { float: left; width: 140px; padding: 0px 0px 0px 0px;height: 140px; overflow: hidden;} #rightColumn .relatedReportsWrap .module .right { float: left; width: 140px; padding: 0px 0px 0px 0px;} /*----- Case study -----*/ #bannerCaseStudy { margin:0px; padding:0px; height:236px; margin-bottom:10px; } #bannerCaseStudy #navCaseStudy { position: relative; float: left; width: 298px; height: auto;border:0px solid red;padding:0px; margin-top: -20px;margin-bottom: 15px;} #bannerCaseStudy #pagernav { position: relative !important; top: 5px; right: 5px; padding: 0; z-index: 6; text-align: right; } #bannerCaseStudy #pagernav a { padding: 2px 5px; margin-left: 2px; background: #dedede; text-decoration: none; color: #000; font-size: 11px; } #bannerCaseStudy #pagernav a:hover { background: #c3c3c3; } #bannerCaseStudy #pagernav a.activeSlide { background: #fd0202; } /*----- News -----*/ .newsControlContainer { width:300px; height: 410px; display:block; float:left; margin-bottom:20px; } .newsControlTitle { color: #FFF !important; font-size: 12px !important; font-weight: bold !important; background: url("img/open-accordion-selected.gif") no-repeat !important; margin: 0 0 1px 0 !important; padding: 2px 0 3px 17px !important; cursor: pointer } .newsControl { clear: both; padding: 0; margin: 0; display: block; padding: 10px 10px 10px 17px; background: url("img/bg-diag.gif"); height: 215px; } .newsControl p { margin: 0; padding: 0; font-size:11px } .newsControlTitle.closedlanguage { background: url("img/close-accordion.gif") no-repeat !important; padding-left: 17px; } /*----- Videos -----*/ #bannerVideos {margin:0px; padding:0px; height:166px; } #bannerVideos #navVideos { position: relative; float: left; width: 298px; height: 215px;border:0px solid red;padding:0px; margin-top: -20px;margin-bottom: 15px;} #bannerVideos #pagernavVideo { position: relative !important; top: 5px; right: 5px; padding: 0; z-index: 6; text-align: right; } #bannerVideos #pagernavVideo a { padding: 2px 5px; margin-left: 2px; background: #dedede; text-decoration: none; color: #000; font-size: 11px; } #bannerVideos #pagernavVideo a:hover { background: #c3c3c3; } #bannerVideos #pagernavVideo a.activeSlide { background: #fd0202; } .videoContainer { height:242px; width:298px; display:block; float:left; margin-bottom:10px; } .specialVideoContainer { height:265px; width:298px; margin-bottom:15px; display:block; position:relative; float:left; } /*----- Related Links -----*/ .relatedLinksContainer { display:block; margin-bottom:10px; width: 298px; float: left; } /*----- Maps -----*/ .generalMapContainer { height:308px; width:298px; display:block; float:left; margin-bottom:10px; } /*----- COUNTRY LIST FOR LINKS -----*/ #cemexWebsite { border: 1px solid #cecece; padding: 0; background: #fdfdfd; position:absolute; z-index:9999; visibility:hidden} #cemexWebsite td { padding:4px} /*#cemexWebsiteLink:link { padding: 0 2px 2px 2px } #cemexWebsiteLink:hover { background: #fdfdfd; border: 1px solid #cecece; border-width: 0 1px 1px 1px; padding: 0 2px 2px 2px }*/ /*----- WALLPAPER -----*/ #wallpaper { width:800px; height:auto; position:absolute; display:none;z-index:9999;padding:20px; background:url(img/bg-page.gif); COLOR: #555 } .fullWallpaper, #colorboxWallpaper { width:810px; } /* Anchor Country Location */ a.arrowRight { background: url("img/bullet-blk-right-arrow.gif") no-repeat 90% 5px; padding-right: 12px; text-decoration: none; color: #e40000; } a.arrowRight:hover { text-decoration: underline; } /*----- Fix Home Accordion -----*/ #blockOne .one .accordion .firstFix { margin: -2px 0 16px 0; padding: 0; } @media screen and (-webkit-min-device-pixel-ratio:0) { #blockOne .one .accordion .firstFix { margin: -2px 0 0 0; padding: 0; height: 131px !important; } } /*----- InfoWindow for small maps -----*/ .next-tab { margin-left:100px; } /*--- Banner Rotation en Media Center Master Page---*/ #mediaCenterBanner { width: 969px; height: 260px; float: left; position: relative; z-index: 1; overflow: hidden; } #mediaCenterNav { position: relative; overflow: hidden; clear: both; width: 970px; height: 260px; } /*{ position: absolute; float: left; width: 338px; height: 260px; top: 0; right: 0px; }*/ #mediaCenterNav #pagernav { position: absolute !important; top: 10px; right: 20px; padding: 0; z-index: 10; text-align: right; } #mediaCenterNav #pagernav a { padding: 2px 5px; margin-left: 2px; background: #dedede; text-decoration: none; color: #000; font-size: 11px; } #mediaCenterNav #pagernav a:hover { background: #c3c3c3; } #mediaCenterNav #pagernav a.activeSlide { background: #fd0202; } /*----- Banner Rotation 300x300 -----*/ #banner300 { margin:0px; padding:0px; height:300px; margin-bottom:10px; } #banner300 #navBanner300 { position: relative; float: left; width: 300px; height: auto;border:0px solid red;padding:0px; margin-top: -20px;margin-bottom: 15px;} #banner300 #pagernavBanner300 { position: relative !important; top: 5px; right: 5px; padding: 0; z-index: 6; text-align: right; } #banner300 #pagernavBanner300 a { padding: 2px 5px; margin-left: 2px; background: #dedede; text-decoration: none; color: #000; font-size: 11px; } #banner300 #pagernavBanner300 a:hover { background: #c3c3c3; } #banner300 #pagernavBanner300 a.activeSlide { background: #fd0202; } /*----SUPPLIERS----*/ div.mouseOutArea { padding:30px 30px 30px 0px; width: 460px; height:440px; } div.flagsContainer { height: 440px;width: 460px;margin-left: 28px; } div.flagsContainer ul { margin:0px !important; width:130px; display:inline; position:relative; float:left; } div.flagsContainer ul li { list-style-type:none; list-style-image:none !important; padding: 5px 0px 8px 0px; } div.flagsContainer ul li a img { width:40px; height:29px; } .sustainabilityProgramPhases { width:170px; display:inline; float:left; position:relative; margin:25px 20px 10px 0px; height:180px; } .sustainabilityProgramPhases p { text-align:center; font-size:11px; line-height:14px !important; } a.flagOff { text-decoration: none; color: #a3a3a3; } #ctl00_RightColumn_rdYes, #ctl00_RightColumn_rdNo { margin-right:10px;} /*----- COUNTRY NEGOTIATIONS - www icons ---------*/ #www_icons img {width:31px; height:23px;} img.spainLink { position:relative; top:-255px; left:400px;} img.mxLink { position:relative; top:-85px; left:242px;} #countries_link_icon { height:50px; height:250px; margin-top:-30px;} #countries_link_icon img {width:27px; height:19px; float:left; display:inline;} #countries_link_icon p { font-style:italic; float:left; display:inline; margin-top:-1px;} /*----GLOBAL NEGOTIATIONS - Categories Table----*/ .inline {position:relative; float:left; display:inline;} .categoryContainer{width:230px; margin-right:10px; margin-bottom:9px; clear:both;} .categories{background-color:#f1f1f1; padding:10px 0 2px 10px; width:180px; height:60px; border-left:solid 1px #555555} .categoriesEven{background-color:#D9D7D7; padding:10px 0 2px 10px; width:180px; height:60px; border-left:solid 1px #555555} .number{width:35px; height:40px;} .number p{font-size:20px; margin-top:0px;} /*#sddm li { float: left; border-right: 1px solid red; background: url("img/line-toolbar.gif") no-repeat right; padding: 5px 20px 8px 10px; margin: 0 5px; border-left: 1px solid #FFF; z-index: 1000; border-top: 1px solid #FFF; } #sddm li.last { background: url(img/icon-globe.gif) no-repeat 10px 5px; border-right: none; padding-right: 5px; border: 1px solid #FFF; z-index: 1000 !important; position: relative !important; padding: 5px 5px 8px 30px; } #sddm li.last:hover { background: url(img/icon-globe.gif) no-repeat 10px 5px #fdfdfd; border: 1px solid #cecece; border-width: 1px 1px 0 1px; z-index: 1000 !important; }*/ /*----------- Trading ------------------------------------------------------------------------------*/ /*-------------- Transenergy ---------------------------------------------------------------------*/ #rightColumn h2.formTitle {padding:5px 0 5px 0;} .transenergyTable input[type='text'] { width:145px; margin-left:-10px;} .cboxPosition { width:150px; margin:10px 0 0 -10px;} .jobLabel {margin-top:-10px;} .productsLabel {float:left; display:block; margin-top:-45px;} .productsCheckList {float:left; display:block; margin-top:20px;} .labelsName { float:left; display:block;} .labelsName div {float:left; margin-left:18px;} .productsCheckList input[type='checkbox'] { margin:0 0 5px 0;} .checks { margin:-55px 0 0 5px;} .coal, .petCoke { font-weight:bold; margin-left:-10px;} .informationLabel { margin-top:-45px; float:left; display:inline;} div.tooltipTngy {display:none; background: url("img/speech_ballon.png") no-repeat; width:178px; height:60px; position:absolute; z-index:10; margin:0; padding: 15px;} div.tooltipTngy p { display:none; width:180px; margin-top:-10px; text-align:left;} .infoButton { cursor:pointer; display:inline; padding:2px;} .little_text { font-style:italic; margin-left:-10px;} /* building awards*/ .bx-wrapper .left, .bx-wrapper li.bx-child, .bx-wrapper .bx-window {width:680px;} .bx-wrapper ul li .right {width:680px;} .bx-wrapper ul li .right span { font-weight:bold;} .bx-wrapper .bx-prev {float:left; display:block; width:31px; height:62px; background:url(img/icon_arrow_left.png) no-repeat 0 -31px; text-indent: -999999px; margin:-400px 0 0 0; z-index:900;} .bx-wrapper .bx-next {float:left; display:block; width:31px; height:62px; background:url(img/icon_arrow_right.png) no-repeat 0 -31px; text-indent: -999999px; margin:-400px 0 0 737px; z-index:900;} .bx-wrapper .bx-window {left:30px;} /*GLOBAL SOLUTIONS*/ .bannerInner .text h1.shadow { color: #000; position: absolute; top: 2px; left: 1px; font-size:28px; } .bannerInner .text p.shadow { color: #000; position: absolute; top: 32px; left: 1px; font-size:14px; font-weight:bold; } /*-CEMEX AROUND THE WORLD module for BUs-*/ #scrollercxatw { float: left; width: 970px; height: 155px; background: url("img/bg-banner-news-cxatw.png"); z-index: 5; overflow: hidden; } #scrollercxatw .top { width:300px; margin-left:2px; margin-top:-2px } #scrollercxatw .bottom { width:300px } #scrollercxatw .left { float: left; width: 123px; height: 84px; overflow: hidden; margin-right: 9px; margin-top:4px; margin-left:2px } #scrollercxatw .right { float: left; width: 165px; height: 84px; overflow: hidden; font-size: 11px; color: #555; margin-top:4px } #scrollercxatw .right a.arrow { background: url("img/bullet-blk-arrow.gif") no-repeat 3px 5px; color: #e40000; } #carousel_inneratw { float: left; width: 951px; position: relative; overflow: hidden !important; } #carousel_ulcxatw { position: relative; left: -317px; list-style-type: none; margin: 0px; padding: 0px; width: 9999px; padding-bottom: 10px; top:-10px } #carousel_ulcxatw li { float: left; width: 300px; padding: 5px; height: 128px; background: url("img/bg-news-scroller-cxatw.png"); margin-top: 19px; margin-right: 7px; } #carousel_ulcxatw li:hover { background: url("img/bg-news-scroller-hover-cxatw.png"); } #cxatwTitle {background-color:#FFF; width:100%; height:25px} #cxatwTitle h2 {color: #000; font-size: 18px; clear: both; } /*------------------- MEDIA CENTER -------------------*/ #pageWrapMediaCenter #bannerHub { height:140px; } #pageWrapMediaCenter #bannerHub h1 { top:85px; } #pageWrapMediaCenter #bannerHub h1.shadow { top:85px; } #pageWrapMediaCenter #centerColumn { width:788px; margin-right:0; } #pageWrapMediaCenter #centerColumn .mainFeature { width:788px; } #pageWrapMediaCenter #centerColumn .mainFeature .bar { width:758px; } #pageWrapMediaCenter #centerColumn h2 { letter-spacing:0; } #pageWrapMediaCenter #centerColumn .intro { width:788px; float:left; padding-top:18px; margin-bottom:20px; } #pageWrapMediaCenter #centerColumn .intro .quote { color:#7C7C7C; font-size:13px; font-style:italic; font-weight:normal; width:650px; } #pageWrapMediaCenter #centerColumn .intro .author { color:#7C7C7C; font-size:12px; margin-top:25px; width:250px; } #pageWrapMediaCenter #centerColumn .grayBoxesContainer {width:792px; height:304px; display:block; margin-bottom:25px; clear:both;} #pageWrapMediaCenter #centerColumn .grayBoxesContainer .videoModule {width:498px; height:306px; float:left;} #pageWrapMediaCenter #centerColumn .grayBoxesContainer .storyImgContainer.firstStory { margin:0 0 4px 6px; float:left; } #pageWrapMediaCenter #centerColumn .grayBoxesContainer .storyImgContainer.secondStory { margin:0 0 4px 6px; float:left; } #pageWrapMediaCenter #centerColumn ul.horizontalLinks { list-style: none; margin: 0 !important; padding: 0; height: 34px; background: #FFF; float: left; width: 100%; font-weight: bold; } #pageWrapMediaCenter #centerColumn ul.horizontalLinks li { background: #FFF; border-right: 1px solid #e8e8e8; font-size: 12px; float: left; text-indent: 0; padding: 0; margin: 0 !important; list-style: none; list-style-image: none !important; height: 34px; } #pageWrapMediaCenter #centerColumn ul.horizontalLinks a { color: #272727; cursor:pointer; background: #FFF !important; display: block; height: 26px; text-align: center; text-decoration: none; padding: 8px 12px 0 12px; margin: 0px; position: relative; } #pageWrapMediaCenter #centerColumn ul.horizontalLinks a:hover { color:#e40000 !important;} #pageWrapMediaCenter #centerColumn .year { background: #e0e0e0; width:574px; height: 26px; font-weight: bold; padding: 5px 10px 0 10px; margin-bottom: 11px; color:#000; float:left; } #pageWrapMediaCenter #centerColumn .grayBlockLink { background-color: #f6f6f6; font-weight:bold; width: 169px; float: left; display: inline; padding-bottom: 7px; padding-left: 15px; padding-right: 10px; padding-top: 6px; } #pageWrapMediaCenter #socialMedia #twitterContainer { width:275px; display:inline; float:left; margin-right:30px; } #pageWrapMediaCenter #socialMedia #facebookContainer { width:235px; display:inline; float:left; margin-right:30px; } #pageWrapMediaCenter #socialMedia #instagramContainer { width:217px; display:inline; float:left; margin-top:-5px; } #pageWrapMediaCenter #socialMedia #instagramContainer iframe { border:none; overflow:hidden; width:210px; height: 210px } #pageWrapMediaCenter #socialMedia #instagramContainer p {color:#555; margin-top:6px;} #pageWrapMediaCenter #socialMedia .icon { float:left; width:26px; overflow:hidden; } #pageWrapMediaCenter #socialMedia .shared { float:left; width:203px; margin-left:6px; margin-top:-14px; overflow:hidden; } #pageWrapMediaCenter #centerColumn .storiesArea { background:url("/../common/css/img/bg-diag.gif") repeat; height:488px; padding:14px 14px 10px 14px; } #pageWrapMediaCenter #centerColumn .storiesArea .relatedStory { width:218px; height:220px; display:inline; float:left; color: #555; border-right:1px #FEFEFE solid; } #pageWrapMediaCenter #centerColumn .storiesArea .relatedStory p { font-size:14px; color: #494949; line-height:1.2em; } #pageWrapMediaCenter #centerColumn .storiesArea .last { border-right:none; } #pageWrapMediaCenter #centerColumn .storiesArea .relatedStory .imgLeft { margin-top: 0;} #pageWrapMediaCenter #centerColumn .storiesArea .relatedStory.first { padding-right:24px; margin-bottom:30px; } #pageWrapMediaCenter #centerColumn .storiesArea .relatedStory.second { padding:0 24px; margin-bottom:30px; } #pageWrapMediaCenter #centerColumn .storiesArea .relatedStory.third { padding-left:24px; margin-bottom:30px; } #pageWrapMediaCenter #centerColumn .storiesArea .relatedStory.fourth { padding-right:24px; } #pageWrapMediaCenter #centerColumn .storiesArea .relatedStory.fifth { padding:0 24px; } #pageWrapMediaCenter #centerColumn .storiesArea .relatedStory.sixth { padding-left:24px; } #pageWrapMediaCenter #centerColumn .storiesArea .relatedStory a img { width:219px; height:113px; } #pageWrapMediaCenter #socialMedia #instagramContainer iframe { border:none; overflow:hidden; height: 210px; } #pageWrapMediaCenter #socialMedia #instagramContainer iframe#Instagram3x2, #pageWrapMediaCenter #socialMedia #instagramContainer iframe#Instagram4x2, #pageWrapMediaCenter #socialMedia #instagramContainer iframe#Instagram5x2 { display:none; } #socialLinks img { padding-bottom:8px; padding-right:5px; } #centerColumn .storiesArea .relatedStory > .imgLeft { margin-top: 0; margin-right: 10px;} /*------------------- INVESTOR CENTER -------------------*/ #centerColumn .blackTitle { margin-bottom:0px; } #centerColumn .graySubtitle { margin-top:8px; } #centerColumn .imgLeft.manager20 { padding-bottom:20px; } #centerColumn .imgLeft.manager60 { padding-bottom:60px; } #centerColumn .imgLeft.manager80 { padding-bottom:80px; } #centerColumn .imgLeft.manager100 { padding-bottom:100px; }