/* blp002 - Berwin Leighton Paisner -------------------------------------------------- author(s): Chris Goodchild (chris.goodchild@designuk.com) date: January 2009 description: Third-level nav article thumbnails stylesheet:- Each second-level nav item has a dropdown with an article image. The image is a tag with a background specified. Each second-level navigation item has its own sprite for up to ten article images, measuring 80x600 pixels. These article tags have instance numbers that serve us to determine the position of our background image. The purpose of using this method is to reduce file size and the number of http requests made by the browser. Once each image is cached, the page load time will be less. */ /* THIRD-LEVEL NAV ARTICLE SPRITES (Expertise) -------------------------------------------------- */ /* expertise sprite - 1 sprite for 11 menus */ #duk_navigation .expertise ul.third_level li.c_1 .article_copy { background:url(/images/content/navigation/expertise_nav_sprite.jpg) 0 0 no-repeat; } #duk_navigation .expertise .nav_a1 ul.third_level li.c_1 .article_copy { background-position:0 0; } #duk_navigation .expertise .nav_a2 ul.third_level li.c_1 .article_copy { background-position:-150px 0; } #duk_navigation .expertise .nav_a3 ul.third_level li.c_1 .article_copy { background-position:-300px 0; } #duk_navigation .expertise .nav_a4 ul.third_level li.c_1 .article_copy { background-position:-450px 0; } #duk_navigation .expertise .nav_a5 ul.third_level li.c_1 .article_copy { background-position:-600px 0; } #duk_navigation .expertise .nav_a6 ul.third_level li.c_1 .article_copy { background-position:-750px 0; } #duk_navigation .expertise .nav_a7 ul.third_level li.c_1 .article_copy { background-position:-900px 0; } #duk_navigation .expertise .nav_a8 ul.third_level li.c_1 .article_copy { background-position:-1050px 0; } #duk_navigation .expertise .nav_a9 ul.third_level li.c_1 .article_copy { background-position:-1200px 0; } #duk_navigation .expertise .nav_a10 ul.third_level li.c_1 .article_copy { background-position:-1350px 0; } #duk_navigation .expertise .nav_a11 ul.third_level li.c_1 .article_copy { background-position:-1500px 0; } /* THIRD-LEVEL NAV ARTICLE SPRITES (Industry) -------------------------------------------------- */ .nav_b1 div.article_img span {background: #FFF url(/images/content/navigation/industry_01.jpg) left top no-repeat;} .nav_b2 div.article_img span {background: #FFF url(/images/content/navigation/industry_02.jpg) left top no-repeat;} .nav_b3 div.article_img span {background: #FFF url(/images/content/navigation/industry_03.jpg) left top no-repeat;} .nav_b4 div.article_img span {background: #FFF url(/images/content/navigation/industry_04.jpg) left top no-repeat;} .nav_b5 div.article_img span {background: #FFF url(/images/content/navigation/industry_05.jpg) left top no-repeat;} .nav_b6 div.article_img span {background: #FFF url(/images/content/navigation/industry_06.jpg) left top no-repeat;} .nav_b7 div.article_img span {background: #FFF url(/images/content/navigation/industry_07.jpg) left top no-repeat;} .nav_b8 div.article_img span {background: #FFF url(/images/content/navigation/industry_08.jpg) left top no-repeat;} .nav_b9 div.article_img span {background: #FFF url(/images/content/navigation/industry_09.jpg) left top no-repeat;} .nav_b10 div.article_img span {background: #FFF url(/images/content/navigation/industry_10.jpg) left top no-repeat;} .nav_b11 div.article_img span {background: #FFF url(/images/content/navigation/industry_11.jpg) left top no-repeat;} /* THIRD-LEVEL NAV ARTICLE SPRITES (Why BLP) -------------------------------------------------- */ li.why_blp div.article_img span {background: #FFF url(/images/content/navigation/whyblp.jpg) left top no-repeat;} li.blp_world div.article_img span {background: #FFF url(/images/content/navigation/location_01.jpg) left top no-repeat;} li.blp_international div.article_img span {background: #FFF url(/images/content/navigation/location_01.jpg) left top no-repeat;} li.services div.article_img span {background: #FFF url(/images/content/navigation/location_01.jpg) left top no-repeat;} li.news_views div.article_img span {background: #FFF url(/images/content/navigation/location_01.jpg) left top no-repeat;} /* THIRD-LEVEL NAV ARTICLE THUMBNAILS (Industry) -------------------------------------------------- */ #nav_b01_1_img, #nav_b02_1_img, #nav_b03_1_img, #nav_b04_1_img, #nav_b05_1_img, #nav_b06_1_img, #nav_b07_1_img, #nav_b08_1_img, #nav_b09_1_img, #nav_b10_1_img, #nav_b11_1_img {background-position: 0 0;} #nav_b01_2_img, #nav_b02_2_img, #nav_b03_2_img, #nav_b04_2_img, #nav_b05_2_img, #nav_b06_2_img, #nav_b07_2_img, #nav_b08_2_img, #nav_b09_2_img, #nav_b10_2_img, #nav_b11_2_img {background-position: 0 -60px;} #nav_b01_3_img, #nav_b02_3_img, #nav_b03_3_img, #nav_b04_3_img, #nav_b05_3_img, #nav_b06_3_img, #nav_b07_3_img, #nav_b08_3_img, #nav_b09_3_img, #nav_b10_3_img, #nav_b11_3_img {background-position: 0 -120px;} #nav_b01_4_img, #nav_b02_4_img, #nav_b03_4_img, #nav_b04_4_img, #nav_b05_4_img, #nav_b06_4_img, #nav_b07_4_img, #nav_b08_4_img, #nav_b09_4_img, #nav_b10_4_img, #nav_b11_4_img {background-position: 0 -180px;} #nav_b01_5_img, #nav_b02_5_img, #nav_b03_5_img, #nav_b04_5_img, #nav_b05_5_img, #nav_b06_5_img, #nav_b07_5_img, #nav_b08_5_img, #nav_b09_5_img, #nav_b10_5_img, #nav_b11_5_img {background-position: 0 -240px;} #nav_b01_6_img, #nav_b02_6_img, #nav_b03_6_img, #nav_b04_6_img, #nav_b05_6_img, #nav_b06_6_img, #nav_b07_6_img, #nav_b08_6_img, #nav_b09_6_img, #nav_b10_6_img, #nav_b11_6_img {background-position: 0 -300px;} #nav_b01_7_img, #nav_b02_7_img, #nav_b03_7_img, #nav_b04_7_img, #nav_b05_7_img, #nav_b06_7_img, #nav_b07_7_img, #nav_b08_7_img, #nav_b09_7_img, #nav_b10_7_img, #nav_b11_7_img {background-position: 0 -360px;} #nav_b01_8_img, #nav_b02_8_img, #nav_b03_8_img, #nav_b04_8_img, #nav_b05_8_img, #nav_b06_8_img, #nav_b07_8_img, #nav_b08_8_img, #nav_b09_8_img, #nav_b10_8_img, #nav_b11_8_img {background-position: 0 -420px;} #nav_b01_9_img, #nav_b02_9_img, #nav_b03_9_img, #nav_b04_9_img, #nav_b05_9_img, #nav_b06_9_img, #nav_b07_9_img, #nav_b08_9_img, #nav_b09_9_img, #nav_b10_9_img, #nav_b11_9_img {background-position: 0 -480px;} #nav_b01_10_img, #nav_b02_10_img, #nav_b03_10_img, #nav_b04_10_img, #nav_b05_10_img, #nav_b06_10_img, #nav_b07_10_img, #nav_b08_10_img, #nav_b09_10_img, #nav_b10_10_img, #nav_b11_10_img {background-position: 0 -540px;} /* THIRD-LEVEL NAV ARTICLE THUMBNAILS (Industry) -------------------------------------------------- */ #nav_whyblp_1_img, #nav_whyblp_1_img, #nav_whyblp_1_img, #nav_whyblp_1_img, #nav_whyblp_1_img, #nav_whyblp_1_img, #nav_whyblp_1_img, #nav_whyblp_1_img, #nav_whyblp_1_img, #nav_whyblp_1_img, #nav_whyblp_1_img {background-position: 0 0;} #nav_whyblp_2_img, #nav_whyblp_2_img, #nav_whyblp_2_img, #nav_whyblp_2_img, #nav_whyblp_2_img, #nav_whyblp_2_img, #nav_whyblp_2_img, #nav_whyblp_2_img, #nav_whyblp_2_img, #nav_whyblp_2_img, #nav_whyblp_2_img {background-position: 0 -60px;} #nav_whyblp_3_img, #nav_whyblp_3_img, #nav_whyblp_3_img, #nav_whyblp_3_img, #nav_whyblp_3_img, #nav_whyblp_3_img, #nav_whyblp_3_img, #nav_whyblp_3_img, #nav_whyblp_3_img, #nav_whyblp_3_img, #nav_whyblp_3_img {background-position: 0 -120px;} #nav_whyblp_4_img, #nav_whyblp_4_img, #nav_whyblp_4_img, #nav_whyblp_4_img, #nav_whyblp_4_img, #nav_whyblp_4_img, #nav_whyblp_4_img, #nav_whyblp_4_img, #nav_whyblp_4_img, #nav_whyblp_4_img, #nav_whyblp_4_img {background-position: 0 -180px;} #nav_whyblp_5_img, #nav_whyblp_5_img, #nav_whyblp_5_img, #nav_whyblp_5_img, #nav_whyblp_5_img, #nav_whyblp_5_img, #nav_whyblp_5_img, #nav_whyblp_5_img, #nav_whyblp_5_img, #nav_whyblp_5_img, #nav_whyblp_5_img {background-position: 0 -240px;} #nav_whyblp_6_img, #nav_whyblp_6_img, #nav_whyblp_6_img, #nav_whyblp_6_img, #nav_whyblp_6_img, #nav_whyblp_6_img, #nav_whyblp_6_img, #nav_whyblp_6_img, #nav_whyblp_6_img, #nav_whyblp_6_img, #nav_whyblp_6_img {background-position: 0 -300px;} #nav_whyblp_7_img, #nav_whyblp_7_img, #nav_whyblp_7_img, #nav_whyblp_7_img, #nav_whyblp_7_img, #nav_whyblp_7_img, #nav_whyblp_7_img, #nav_whyblp_7_img, #nav_whyblp_7_img, #nav_whyblp_7_img, #nav_whyblp_7_img {background-position: 0 -360px;} #nav_whyblp_8_img, #nav_whyblp_8_img, #nav_whyblp_8_img, #nav_whyblp_8_img, #nav_whyblp_8_img, #nav_whyblp_8_img, #nav_whyblp_8_img, #nav_whyblp_8_img, #nav_whyblp_8_img, #nav_whyblp_8_img, #nav_whyblp_8_img {background-position: 0 -420px;} #nav_whyblp_9_img, #nav_whyblp_9_img, #nav_whyblp_9_img, #nav_whyblp_9_img, #nav_whyblp_9_img, #nav_whyblp_9_img, #nav_whyblp_9_img, #nav_whyblp_9_img, #nav_whyblp_9_img, #nav_whyblp_9_img, #nav_whyblp_9_img {background-position: 0 -480px;} #nav_whyblp_10_img, #nav_whyblp_10_img, #nav_whyblp_10_img, #nav_whyblp_10_img, #nav_whyblp_10_img, #nav_whyblp_10_img, #nav_whyblp_10_img, #nav_whyblp_10_img, #nav_whyblp_10_img, #nav_whyblp_10_img, #nav_whyblp_10_img {background-position: 0 -540px;} /************************/ li.services .surround_why_blp .rco_1 #nav_whyblp_1_img {background:url(/images/content/navigation/whyblp.jpg) no-repeat 0 -240px;} li.services .surround_why_blp .rco_2 #nav_whyblp_2_img {background:url(/images/content/navigation/whyblp.jpg) no-repeat 0 -300px;} li.news_views .surround_why_blp .rco_2 #nav_whyblp_2_img {background:url(/images/content/navigation/whyblp.jpg) no-repeat 0 -120px;} li.news_views .surround_why_blp .rco_3 #nav_whyblp_3_img {background:url(/images/content/navigation/whyblp.jpg) no-repeat 0 -360px;}