/* navigation bar styling */ #turbine-nav-container { width:976px; display: none; padding: 0 0px 0 0px; overflow: hidden; } /* CPS fix height */ .blq-js #turbine-nav-container { position: relative; display: block; height:91px; border-top: 1px solid #fff; } #turbine-nav-container h2 { position: absolute; left: -5000%; } .nav-section { position: relative; float: left; display: inline; width: 162px; overflow: hidden; border-right: 1px solid #fff; } .nav-section-last{ width: 161px; border-right: 0px; } .nav-section h3 a { position: relative; display: block; overflow: hidden; } .nav-section-selected h3 a { border: 4px solid #D2700F; } .nav-section h3 * { color: white; } .nav-section h3 img { position: relative; display: block; } .nav-section-selected h3 img { margin: -4px; } .nav-chapter-container-delete { width:144px; height:97px; } .text-overlay { position: absolute; z-index: 10; bottom: 0; left: 0; padding: 4px 8px; width: 146px; background: rgb(0,0,0); background: rgba(0,0,0,0.6); } .nav-section h3 a:hover img{ margin: -4px; } .nav-section h3 a:hover{ border: 4px solid #D2700F; } .nav-section h3 a:hover .text-overlay{ margin: 0 -4px -4px; } div.carousel-container div#turbine-nav-container div.nav-section h3 a span.text-overlay p{ margin: 0; } .nav-section h3 a:hover .text-overlay, .nav-section h3 a:focus .text-overlay { background: black; } .nav-section-selected h3 .text-overlay { margin: 0 -4px -4px; width: 142px; } .ie .text-overlay, .ie7 .text-overlay, .ie8 .text-overlay { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#aa000000,endColorstr=#aa000000); zoom: 1; } .ie .text-overlay{ margin-bottom: -1px; } div.carousel-container div#turbine-nav-container div.nav-section h3 a span.nav-overlay{ background: url("/news/special/shared/panels/css/v1/img/pic_strip.png") no-repeat scroll 0 0 transparent; height: 32px; left: 0px; position: absolute; top: 0px; width: 32px; z-index: 1; } div.carousel-container div#turbine-nav-container div.nav-section h3 a:hover span.vid-overlay{ background-position: -65px 0px; margin-left:-4px; margin-top: -4px; } div.carousel-container div#turbine-nav-container div.nav-section h3 a:active span.vid-overlay{ background-position: -129px 0px; margin-left:-4px; margin-top: -4px; } div.carousel-container div#turbine-nav-container div.nav-section h3 a span.vid-overlay{ background: url("/news/special/shared/panels/css/v1/img/play_strip.png") no-repeat scroll 0 0 transparent; height: 32px; left: 0px; position: absolute; top: 0px; width: 32px; z-index: 1; } div.carousel-container div#turbine-nav-container div.nav-section h3 a:hover span.nav-overlay{ background-position: -65px 0px; margin-left:-4px; margin-top: -4px; } div.carousel-container div#turbine-nav-container div.nav-section h3 a:active span.nav-overlay{ background-position: -129px 0px; margin-left:-4px; margin-top: -4px; } div.carousel-container div#turbine-nav-container div.nav-section-selected h3 a span.nav-overlay, div.carousel-container div#turbine-nav-container div.nav-section-selected h3 a:hover span.nav-overlay, div.carousel-container div#turbine-nav-container div.nav-section-selected h3 a:active span.nav-overlay, div.carousel-container div#turbine-nav-container div.nav-section-selected h3 a span.vid-overlay, div.carousel-container div#turbine-nav-container div.nav-section-selected h3 a:hover span.vid-overlay, div.carousel-container div#turbine-nav-container div.nav-section-selected h3 a:active span.vid-overlay{ margin-left:-4px; margin-top: -4px; } .ie .nav-section h3 a:hover img{ margin: 0; } .ie .nav-section h3 a:hover{ border: none; color: #ffffff; } .ie .nav-section h3 a:hover .text-overlay{ margin: 0; margin-bottom: -1px; } .ie .nav-section-selected h3 img { margin: 0; } .ie .nav-section-selected h3 a { border: none; } .ie .nav-section-selected h3 .text-overlay { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#aaD2700F,endColorstr=#aaD2700F); zoom: 1; margin: 0; margin-bottom: -1px; height: 83px; width: 146px; } .ie .nav-section-selected h3 .text-overlay p{ padding-top: 65px; } .ie .nav-section-selected h3 a:hover .text-overlay, .ie .nav-section-selected h3 a:focus .text-overlay { background:transparent; } .ie div.carousel-container div#turbine-nav-container div.nav-section h3 a span.nav-overlay, .ie div.carousel-container div#turbine-nav-container div.nav-section h3 a:hover span.nav-overlay, .ie div.carousel-container div#turbine-nav-container div.nav-section h3 a:active span.nav-overlay, .ie div.carousel-container div#turbine-nav-container div.nav-section h3 a span.vid-overlay, .ie div.carousel-container div#turbine-nav-container div.nav-section h3 a:hover span.vid-overlay, .ie div.carousel-container div#turbine-nav-container div.nav-section h3 a:active span.vid-overlay{ margin-left:0px; margin-top: 0px; } .ie div.carousel-container div#turbine-nav-container div.nav-section-selected h3 a span.nav-overlay, .ie div.carousel-container div#turbine-nav-container div.nav-section-selected h3 a:hover span.nav-overlay, .ie div.carousel-container div#turbine-nav-container div.nav-section-selected h3 a:active span.nav-overlay, .ie div.carousel-container div#turbine-nav-container div.nav-section-selected h3 a span.vid-overlay, .ie div.carousel-container div#turbine-nav-container div.nav-section-selected h3 a:hover span.vid-overlay, .ie div.carousel-container div#turbine-nav-container div.nav-section-selected h3 a:active span.vid-overlay{ background: none; }