@charset "utf-8"; /* Main CSS for product guide, and some will override values from TGGWEB's tggcms_base.css, tggcms_mid.css, and tggcms_top.css. Note that, for printout to PDF, any overwrite to TGGWEB's CSS will be ignored. */ /* html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; } */ /* override original fix width */ #printoutBanner, #printoutFooter{ display:none; } #header #logo a img{ width:122px; height:112px; } #header #portraitTeam img{ width:360px; height:132px; } #header #siteDetail{ color:#FFFFFF; left:470px; position:absolute; top:65px; } #header #siteDetail #siteName{ color:#FFFFFF; float:left; font-family:futura_extra_bold_condensed,Arial,Helvetica,sans-serif; font-size:2em; margin:0 8px 0 0; text-transform:uppercase; } #header #siteDetail #siteName a{ color:#FFFFFF; text-decoration:none; font-weight: bold; /* font-size:2em; */ } /* ****************** */ /* TOP NAVIGATION BAR */ /* ****************** */ body.buyersguide #header_nav ul li#nav_buyers_guide a, body.interactivevideo #header_nav ul li#nav_interactive_video a, body.shopperschecklist #header_nav ul li#nav_shoppers_checklist a, body.thefullstory #header_nav ul li#nav_the_full_story a, body.jargonbuster #header_nav ul li#nav_jargon_buster a, body.faqs #header_nav ul li#nav_faqs a{ background: #161a6e url('/cons/groups/public/documents/web_asset/dev_000496.gif') repeat-x top; color: #ffffff; } body #header_nav ul li.disabled, body #header_nav ul li.disabled.hover{ background:none; } body #header_nav ul li.disabled a, body #header_nav ul li.disabled a:hover { background:none; color:#acacac; cursor:default; } /* ****************** */ /* ****************** */ /* Side Menu */ /* ****************** */ /* This will ensure the menu will display over the content area in IE6 & IE7 */ /*#navigation_left h2 a{ background-image: none; }*/ #navigation_left h2 a span.browse{ display:block; font-size: 16px; } #navigation_left ul li ul{ display:none; } #navigation_left ul li.hover ul{ display:block; z-index:1000; } #navigation_left ul li.hover a{ background-color: #0394b6; color: #FFFFFF; } /* IE6 specific hack */ #leftColumn{ position: relative; } #leftColumn h2{ position: relative; } * html #navigation_left ul li{ height: 26px; } * html #navigation_left ul li a{ height: 15px; } /* ****************** */ /* ****************** */ /* OTHER GENERAL */ /* ****************** */ a.callToActionMenu{ cursor:pointer; } #product_print.disabled{ background-image: url('images/print_image_disabled.png'); } .printElement{ display:none; } #product_share{ /* hide product share button */ display:none; } /* ****************** */ /* ****************** */ /* MAIN PAGES */ /* ****************** */ #contentContainer.layout_oneColumn #breadcrumb{ width:944px; } div.guide_listing h2{ display:none; } div.guide_listing ul li{ margin-top:1em; } div.guide_listing ul li a{ font-weight: bold; font-size: 1.25em; } div.guide_listing ul li ul{ padding-left:10px; } div.guide_listing ul li ul li{ font-weight: normal; font-size:1em; margin-top:0; } /* ****************** */ .guide_header h1 { display:inline; float:left; font-family:futura_extra_bold_condensed !important; } .guide_header_tool_bar_right{ display:inline; float:right; padding:10px 12px; } .module_header img{ float:right; } .guide_content{ clear:both; border-bottom:1px solid #E1E1E0; } .guide_content ol li{ border-top:1px solid #E1E1E0; } .guide_content div h3 { font-size:1.3em; font-weight:bold; color:#161A6E; font-family:CoHead; } #content .module .moduleInner .guide_content h2{ margin-top:1em; } body.shopperschecklist .guide_content ol li{ padding-left:30px; background-image:url('../images/bg_checklist_item.gif'); background-repeat: no-repeat; background-position: left 1em; } body.faqs .guide_content ol li{ padding-left:30px; background-image:url('../images/faqs_qa.gif'); background-repeat: no-repeat; background-position:0 1.3em; } /* Good Advice (default) page */ body.mainpage div.module{ padding-right:11px; border-right: 1px solid #E1E1E0; } body.mainpage #content .module .moduleInner{ position:relative; zoom:1; } body.mainpage #content .module .moduleInner .guide_content.bg{ padding-right: 480px; } body.mainpage #content .module .moduleInner #bg{ position:absolute; top:0; right:0; width:475px; height:242px; background-image:url('/cons/groups/public/documents/web_asset/dev_000498.png'); background-repeat: no-repeat; background-position:right top; } body.mainpage.defaultpage #content .module .moduleInner #bg{ background-image:url('/cons/groups/public/documents/web_asset/dev_000499.png'); } body.mainpage #content .module .moduleInner #bg .bgInner{ background-image:url('/cons/groups/public/documents/web_asset/dev_000500.png'); height:100%; background-repeat: no-repeat; background-position:left bottom; } body.mainpage div.guide_content{ border-bottom: none; } body.mainpage div.guide_content p{ border-bottom: none; font-size:1.2em; } body.mainpage #content .module h1 { padding-left:0; } body.mainpage #content .module .moduleInner h2{ color:#161A6E; font-family:futura_extra_bold_condensed,Arial,Helvetica,sans-serif; font-size:1.8em; font-weight:bold; padding:10px 12px; text-transform:uppercase; padding-left:0; } body.mainpage #content .module .moduleInner .guide_content ol li{ padding-left: 15px; background-image:url('../images/bulletlist.gif'); background-repeat:no-repeat; background-position:left center; border:none; font-size:1.2em; line-height:20px; position: relative; /* This will ensure the list background image is displayed in IE6 */ } body.mainpage #content .module .moduleInner .guide_content ol li{ color:#161A6E; font-weight:bold; } /* background-image:url('../images/mainpageBg.gif'); */ .FAQdiv p span span { font-size:15px; }