/********************************************************************************* * screen.css * * Decription: * This is the main file for all rules of CSS of the whole site. * Author: * Thien Nguyen * Date: * January 26th, 2010 * Modified: * June 02nd, 2010 by VINH.BACH *********************************************************************************/ /** * CSS RULES FOR HTML SELECTORS */ body { font-size:13px; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; background:#fff; color:#676767; } /* headings */ h1, h2, h3, h4, h5 { display:block; clear:both; float:none; } h2 a, h3 a, h4 a, h5 a { } h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { } h1 { font-size:20px; line-height:100%; margin:0; padding:0; width:220px; height:62px; float:left; } h2 { } #main h2 { font-size:24px; font-style:italic; background:#fff; color:#999; margin:0 1px 20px 1px; padding-top:10px; padding-bottom:10px; } #highlight h2 { font-size:18px; line-height:1.4em; text-transform:uppercase; } h3, #main .blog h2, #main .blog h2 a { font:26px/1.4em, Arial, Helvetica, sans-serif; background:url(../../images/style2/bgd_pattern_02.gif) 0 0 repeat; color:#939694; padding:5px 10px; margin-bottom:20px; } .home h3 { background:transparent none; padding-left:0; } h4 { } h5 {} /* anchors */ a { color:#0641AA; text-decoration:none; outline:none; cursor:pointer; } #meta a { color:#999; border-bottom:1px dotted #999; } #explore a { border:none; } a:hover, #meta a:hover { color:#0641AA; text-decoration:none; border-bottom:1px solid #0641AA; } #lev1-home:hover, .selected#lev1-home, .pp_content a, .pp_content a:hover { text-decoration:none !important; border-bottom:none !important; } #lev2 a { color:#999; } #lev2 a:hover { color:#676767; border-color:#676767; } #highlight .span-14 a { background:url(../../images/style2/spacer.gif) 0 0 repeat; } #highlight .span-14 a:hover { border:none; } .list-2 a, .list-2 a.img, .list-2 a.img:hover, #main .blog h2 a { border:none !important; } .list-2 a:hover img { border-color:#0641AA; } /* misc */ ul, ol { list-style-position:inside; } address { font-style:normal; margin:0 0 50px 0; display:block; } address span.wrapper { line-height:22px; background:#EFEFEF; width:400px; padding:10px 20px; display:block; border:1px solid #ccc; } address span.wrapper strong { width:180px; float:left; display:block; } address span.wrapper a { float:left; border-bottom:1px solid #EFEFEF; } address span.wrapper a:hover { border-color:#0641AA; } address span.wrapper br { display:block; height:1px; clear:both; } .blue { color:#039; } .orange { color:#ff3333 ; } /** * FORM ELEMENTS */ /** * COMMON SITEWIDE ELEMENTS */ .color-theme { color:#ff3300; } .yarraa-branding { } .yarraa-branding sup { font-weight:normal; font-family:Verdana, Tahoma, Geneva, sans-serif; } #footer .yarraa-branding sup { font-size:9px; } .yarraa-branding .y-1 { color:#E01723; } .yarraa-branding .a-2 { color:#E01723; } .yarraa-branding .r-3 { color:#E01723; } .yarraa-branding .r-4 { color:#215BA7; } .yarraa-branding .a-5 { color:#dab300; } .yarraa-branding .a-6 { color:#2AA72C; } li { margin-bottom:10px; } /** * MAIN STRUCTURE */ .container { width:950px; padding:0 5px; } .outter-wrapper { background:url(../../images/style2/bgd_main_03.gif) 50% 0 repeat-y; width:960px; margin:0 auto; } /* #header */ #header { background:#fff; margin-top:10px; margin-bottom:0; position:relative; } #header p { font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:1em; color:#FF3300; margin:0; padding:0; top:31px; left:225px; position:absolute; display:none; } #header ul { float:right; text-align:right; } #header li { display:inline; list-style:none; } #meta { margin:0; color:#999; position:absolute; right:3px; top:0; text-align:right; } #meta li { margin:0 5px 0 0; } #meta span { margin:0 5px; } #lev1 { width:525px; margin:30px 0 0 0; } #lev1 li { margin:0 25px 0 0; float:left; } #lev1 a { font:bold 13px/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; text-transform:uppercase; } #lev1 a:hover, #lev1 a.selected { color:#ff3300; border-bottom:1px solid #ff3300; } #lev1 li.first { } #header li.last { margin-right:0; padding-right:0; } #lev1-home { background:url(../../images/style2/icon_home_02.gif) 0 0 no-repeat; width:18px; height:18px; margin:0; display:block; float:left; } #lev1-home span { visibility:hidden; } #lev1-home:hover, .selected#lev1-home { background:url(../../images/style2/icon_home_02.gif) 0 100% no-repeat; } #lev1-blog { background:url(../../images/style2/icon_new-window_01.gif) 100% 5px no-repeat; padding-right:12px; } /* #highlight */ #highlight { height:375px; position:relative; } #highlight .span-14 { } #highlight .span-14 p.small { } #highlight .span-14 ul { } #highlight .span-14 li { display:block; list-style:none; } #highlight .span-14 a { display:block; position:absolute; text-indent:-9999px; cursor:pointer; } #starting-points { font-size:18px; margin:0; } #starting-points dd { background:url(../../images/style2/bullet_01.gif) 0 9px no-repeat; margin:0 0 10px 0; padding:0 0 0 20px; } #highlight .span-10 { } /* .scrollable */ #highlight .scrollable { width:350px; height:230px; margin:40px 10px 10px 15px; position:relative; overflow:hidden; } #highlight .scrollable ul { width:20000em; margin:0; padding:0; position:absolute; overflow:hidden; } #highlight .scrollable li { width:350px; height:230px; float:left; list-style:none; } .link_viewBrochure, .link_viewBrochure:visited {background:url(../../images/style2/btn_viewBrochure.gif) no-repeat; width:117px; height:23px; color:#666; text-decoration:none; font-size:.8em; position:absolute; border:none; left:215px; bottom:100px; z-index:999; padding:5px 0 0 23px;} .link_viewBrochure:hover { background-position:0 -52px; color:#0641AA; border:none; } #explore { background:url(../../images/style2/bgd_video_01.png) 0 100% no-repeat; width:950px; height:100px; margin:0; padding:0; left:5px; bottom:0; position:absolute; z-index:800; clear:both; } #explore dt, #explore dd, .videos dt, .videos dd { display:block; float:left; text-transform:uppercase; } #explore dt, .videos dt { color:#666; width:140px; margin:30px 5px 0 20px; display:inline; } #explore dd, .videos dd { margin:25px 2px 0 0; } #explore dd a, .videos dd a, #explore dd a:hover, .videos dd a:hover { display:block; position:relative; float:left; border:none; } #explore dd img.illus, .videos dd img.illus { background:url(../../images/style2/bgd_illus_02.gif) 50% 50% no-repeat; width:69px; height:44px; padding:8px; display:block; } #explore dd span.mask, .videos dd span.mask { background:url(../../images/style2/icon_player_02.png) 50% 50% no-repeat; width:69px; height:44px; display:block; top:8px; left:8px; z-index:301; display:block; position:absolute; cursor:pointer; } #explore dd.last, .videos dd.last { margin:20px 0 0 5px; padding:0 30px 0 0; display:inline; float:right; text-align:right; } #explore dd.download { font-size:11px; background:url(../../images/style2/icon_pdf.gif) 0 1px no-repeat; margin:-97px 0 0 130px; padding:0 0 0 20px; float:left; position:relative; text-transform:lowercase; } #explore dd.download a { display:block; float:left; color:#2E5B96; border-color:#2E5B96; } #explore dd.download a:hover { color:#2E5B96; border-bottom:1px solid #2E5B96; } #download { font-size:11px; background:url(../../images/style2/icon_download_02.gif) 0 1px no-repeat; color:#479501; position:absolute; z-index:899; top:270px; left:180px; padding:0 0 0 20px; text-transform:lowercase; } #download:hover { color:#479501; border:none; text-decoration:underline; } .videos { background:#EEF0F1; height:1%; margin:0 0 30px 0; padding:10px 20px; overflow:hidden; } .videos dd { margin-top:0; } .video-player { background:#fcfcfc; padding:20px 0 0 0; } .video-player div.video { background:#fff url(../../images/style2/icon_loading_03.gif) 50% 50% no-repeat; width:425px; height:344px; margin:0 auto 20px auto; border:5px solid #ECF4F6; } .video-player div.video * { margin:0; display:block; } /* #main */ #main { background:url(../../images/style2/bgd_main_01.jpg) 50% 100% no-repeat; padding-bottom:25px; } #main .main-wrapper { background:url(../../images/style2/bkg_promotionBreak.gif) #FFF no-repeat 611px bottom; width:950px; } .home #main .main-wrapper { width:948px; margin-left:1px; } /* #promotionContainer */ #promotionContainer { background:url(../../images/style2/bkg_promotionBox.gif) #FFF repeat-x left bottom; width:610px; height:365px; position:relative; margin-left:1px; padding-top:10px;} h3.promotionTitle { font-size:1.9em; color:#555; width:580px; height:30px; position:absolute; left:15px; display:block; overflow:hidden; } .listPromotion { background:url(../../images/style2/bkg_promotion.jpg) no-repeat; height:300px; width:520px; overflow:hidden; display: block; margin:55px 0 0 35px; } .listPromotion li { list-style-type:none; text-indent:-1000px; } .link_learnYarraaPoint, .link_learnYarraaPoint:visited { background:url(../../images/style2/btn_learnYarraPoints.gif) no-repeat; color:#666; text-decoration:none; font-size:.8em; width:180px; height:23px; border:0; position:absolute; right:30px; bottom:30px; display:block; padding:5px 0 0 25px; } a.link_learnYarraaPoint:hover { background-position:0 -50px; border:0; } /* #content */ #content { } #content ul { } .list-1 { margin-left:0; } .list-1 p { margin-top:10px; } .list-1 .question { font-weight:bold; } .list-2 { width:100%; margin:0 0 20px 0; padding:0; clear:both; overflow:hidden; } .list-2 li { width:130px; margin:0 10px 0 0; display:block; float:left; list-style:none; text-align:center; } .list-2 h4 { font-size:12px; } .list-2 h4 strong { font-size:14px; display:block; text-align:center; } .list-2 img { padding:2px; border:1px solid #EEE; } .list-2 li.last { margin-right:0; } .list-3 {} .list-3 dt { font-size:13px; background:url(../../images/style2/bgd_pattern_02.gif) 0 0 repeat; margin:0 0 15px 0; padding:5px; } .list-3 dd { background:url(../../images/style2/bullet_04.gif) 0 6px no-repeat; margin:0 0 5px 175px; padding:0 0 0 17px; } #illus_consumers_01 { background:url(../../images/style2/illus_consumers_01.gif) 0 52px no-repeat; } #illus_consumers_02 { background:url(../../images/style2/illus_consumers_02.gif) 0 52px no-repeat; } #illus_consumers_03 { background:url(../../images/style2/illus_consumers_03.jpg) 0 52px no-repeat; } #illus_retailers_01 { background:url(../../images/style2/illus_custrelationship_05.gif) 0 52px no-repeat; } #illus_retailers_02 { background:url(../../images/style2/illus_inventory_01.jpg) 0 52px no-repeat; } #illus_servicecenters_01 { background:url(../../images/style2/illus_commission_01.jpg) 0 70px no-repeat; } #illus_servicecenters_02 { background:url(../../images/style2/illus_tools_01.gif) 0 52px no-repeat; } #illus_distributors_01 { background:url(../../images/style2/illus_shipping_03.gif) 0 52px no-repeat; } #illus_distributors_02 { background:url(../../images/style2/illus_inventory_02.jpg) 0 52px no-repeat; } #illus_manufacturers_01 { background:url(../../images/style2/illus_product_04.jpg) 0 52px no-repeat; } #illus_manufacturers_02 { background:url(../../images/style2/illus_custrelationship_06.jpg) 0 52px no-repeat; } #illus_recyclers_01 { background:url(../../images/style2/illus_recycling_01.gif) 0 52px no-repeat; } #illus_recyclers_02 { background:url(../../images/style2/illus_partnership_11.jpg) 0 52px no-repeat; } .illus-1 { width:397px; padding:10px 0 1px 0; float:left; border:1px solid #ccc; text-align:center; } .illus-2 { margin:5px 15px 20px 0; padding:5px; float:left; border:1px solid #ccc; text-align:center; } .tbl-1 { width:870px; border:1px solid #ccc; } .tbl-1 td, .tbl-1 th { padding-top:10px; padding-bottom:10px; border-bottom:1px solid #EEE; text-align:left; vertical-align:top; } .tbl-1 th { background:#EEE; text-align:center; text-transform:uppercase; border-color:#DDD !important; } .tbl-1 .col1 { width:50%; border-right:1px solid #EEE; } .tbl-1 .col2 { width:50%; } .tbl-1 .last td { border-bottom:none; } #info { background:#fff; height:1%; margin:0 1px 20px 1px; padding-bottom:20px; border-bottom:1px solid #e5e5e5; } #info span.illus { width:600px; display:block; float:left; text-align:right; } #info span.illus img { margin-bottom:10px; display:block; } #info span.illus a { font-size:14px; font-weight:bold; margin-right:10px; } #info ul { width:260px; margin:3px 40px 20px 0; float:right; } #info li { font-size:16px; font-weight:bold; width:230px; padding:5px 15px; display:block; float:left; overflow:hidden; border-bottom:1px solid #EEE; } #info li span { color:#FF3300; width:60px; margin:0 20px 0 0; display:block; float:left; text-align:right; } #info li.last { border-bottom:none; } h3.testimonialTitle { font-size:170%; margin:15px 0 10px; padding:0 0 0 13px; } #testimonials { width:315px; height:300px; position:relative; overflow:hidden; margin:0 auto; } #testimonials ul { width:20000em; margin:0; padding:0; clear:both; position:absolute; overflow:hidden; } #testimonials li { font-size:11px; color:#999; width:315px; margin:0; padding:0; float:left; list-style:none; } #testimonials img { background:url(../../images/style2/bgd_illus_01.gif) 0 0 no-repeat; width:86px; height:56px; margin:0; padding:5px; float:left; display:block; vertical-align:middle; margin:0 10px 20px;} #testimonials img.portrait { background:url(../../images/style2/bgd_illus_01_portrait.gif) 0 0 no-repeat; width:86px; height:108px; margin-bottom:0; } #testimonials div { background:#fff url(../../images/style2/bkg_testimonialQuote.gif) no-repeat left bottom; width:315px; padding-bottom:10px; } #testimonials q { background:url(../../images/style2/bkg_testimonialText.gif) repeat-x; font-size:12px; color:#676767; padding:10px; display:block; text-align:left; } #testimonials q span { } #testimonials p { margin:10px 20px; } #testimonials li.last { margin-right:0; padding-right:0; } /* navigator */ div.navi { width:250px; height:14px; margin:0 0 10px 10px; } div.navi a { font-size:1px; background:url(../../images/style2/bgd_scrollable_navi_02.gif) 0 0 no-repeat; width:8px; height:8px; float:left; margin:3px; display:block; } div.navi a:hover { background-position:0 -8px; border:none; border:none; } div.navi a.active { background-position:0 -16px; } #maps { background:#fff url(../../images/style2/illus_world-map_01.gif) 0 0 no-repeat; width:440px; height:270px; margin:0 0 30px 0; padding:0; float:left; position:relative; border:1px solid #EEE; } #maps li { width:5px; height:5px; margin:0; padding:0; position:absolute; display:block; display:inline; } #maps a { font-size:1px; line-height:5px; background:#c00; width:5px; height:5px; margin:0; padding:0; float:left; display:block; text-indent:-9999px; border:1px solid #fff; } #maps .usa { top:107px; left:60px; } #maps .china { top:118px; right:90px; } #maps .asia-hq { bottom:110px; right:98px; } #maps .india { top:138px; left:306px; } .span-12 h3 { margin-right:28px; } /* #sidebar */ #sidebar { padding-left:20px; position:relative; } #sidebar span.mask { background:url(../../images/style2/bgd_gradient_01.png) 0 100% no-repeat; width:325px; height:100px; bottom:-20px; left:20px; z-index:900; position:absolute; display:block; } h3#textOurPartner { background:none; font-size:110%; color:#666; padding-left:40px; } #partners { height:50px; position:relative; overflow:hidden; margin-bottom:10px; } #partners ul { height:1%; margin:0; padding:0; position:absolute; } #partners li { height:100px; margin:0 0 10px 0; padding:0 0 10px 0; list-style:none; float:left; border-bottom:1px solid #E5E5E5; } #partners img { margin:0 20px 0 0; padding:0; display:inline; float:left; } #lev2 { clear:both; margin:0; padding-top:15px; } #lev2 dl { margin:0; padding:0 0 5px 0; } #lev2 dt { margin:0; padding:0 20px 0 0; display:inline; } #lev2 dd { background:url(../../images/style2/sep_01.gif) 100% 4px no-repeat; margin:0 5px 0 0; padding:0 8px 0 0; display:inline; } #lev2 dd.last { background:none; margin-right:0; padding-right:0; } /* #footer */ #footer { font-size:12px; background:#fff; padding-bottom:10px; padding-top:10px; } #footer .sub-nav { margin-left:20px; } #footer p { line-height:1.4em; margin:0; padding:0 0 10px 0; } #footer p.small { font-size:11px; color:#999; } #footer a { font-weight:bold; color:#666; } #footer a:hover { color:#000; border-bottom-color:#000; } /** * SPECIFICS */ .subpages #highlight { background:url(../../images/style2/bgd_main_05.gif) 50% 0 no-repeat; } .subpages #main .main-wrapper { background:url(../../images/style2/bgd_main_06.gif) 50% 0 repeat-y; } .subpages #highlight { height:40px; } .iframe { background:#000; color:#fff !important; } .iframe * { color:#fff; } .iframe .wrapper { } .iframe .wrapper img.illus { width:150px; margin:8px 15px 10px 0; padding:0; display:block; float:left; border:1px solid #efefef; } .iframe .wrapper div { width:400px; float:left; } #pg-about #highlight { height:250px; } #pg-about #highlight .wrapper-01 { background:url(../../images/style2/bgd_highlight_06.jpg) 0 0 no-repeat; width:830px; height:146px; margin:50px 40px; padding:20px; float:left; overflow:hidden; } #pg-about #highlight .wrapper-02 { margin:-30px 20px 10px 350px; } #pg-contactus #main h3, #pg-tnc #main h3, #pg-privacy #main h3, #pg-copyright #main h3 { font-size:20px; margin-bottom:10px; } /* ------------------------------------------------------------------------This you can edit.------------------------------------------------------------------------- */div.light_rounded .pp_top .pp_left{background:url(../../images/style2/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}/* Top left corner */div.light_rounded .pp_top .pp_middle{background:#fff}/* Top pattern/color */div.light_rounded .pp_top .pp_right{background:url(../../images/style2/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}/* Top right corner */div.light_rounded .pp_content{background-color:#fff}/* Content background */div.light_rounded .pp_next:hover{background:url(../../images/style2/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}/* Next button */div.light_rounded .pp_previous:hover{background:url(../../images/style2/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}/* Previous button */div.light_rounded .pp_expand{background:url(../../images/style2/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}/* Expand button */div.light_rounded .pp_expand:hover{background:url(../../images/style2/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}/* Expand button hover */div.light_rounded .pp_contract{background:url(../../images/style2/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}/* Contract button */div.light_rounded .pp_contract:hover{background:url(../../images/style2/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}/* Contract button hover */div.light_rounded .pp_close{width:75px;height:22px;background:url(../../images/style2/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}/* Close button */div.light_rounded .pp_arrow_previous{background:url(../../images/style2/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}/* The previous arrow in the bottom nav */div.light_rounded .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}div.light_rounded .pp_arrow_next{background:url(../../images/style2/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}/* The next arrow in the bottom nav */div.light_rounded .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}div.light_rounded .pp_bottom .pp_left{background:url(../../images/style2/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}/* Bottom left corner */div.light_rounded .pp_bottom .pp_middle{background:#fff}/* Bottom pattern/color */div.light_rounded .pp_bottom .pp_right{background:url(../../images/style2/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}/* Bottom right corner */div.light_rounded .pp_loaderIcon{background:url(../../images/style2/prettyPhoto/light_rounded/loader.gif) center center no-repeat}/* Loader icon *//* ----------------------------------Dark Rounded Theme----------------------------------- */div.dark_rounded .pp_top .pp_left{background:url(../../images/style2/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}/* Top left corner */div.dark_rounded .pp_top .pp_middle{background:url(../../images/style2/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}/* Top pattern/color */div.dark_rounded .pp_top .pp_right{background:url(../../images/style2/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}/* Top right corner */div.dark_rounded .pp_content{background:url(../../images/style2/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}/* Content background */div.dark_rounded .pp_next:hover{background:url(../../images/style2/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}/* Next button */div.dark_rounded .pp_previous:hover{background:url(../../images/style2/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}/* Previous button */div.dark_rounded .pp_expand{background:url(../../images/style2/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}/* Expand button */div.dark_rounded .pp_expand:hover{background:url(../../images/style2/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}/* Expand button hover */div.dark_rounded .pp_contract{background:url(../../images/style2/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}/* Contract button */div.dark_rounded .pp_contract:hover{background:url(../../images/style2/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}/* Contract button hover */div.dark_rounded .pp_close{width:75px;height:22px;background:url(../../images/style2/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}/* Close button */div.dark_rounded .currentTextHolder{color:#c4c4c4}div.dark_rounded .pp_description{color:#fff}div.dark_rounded .pp_arrow_previous{background:url(../../images/style2/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}/* The previous arrow in the bottom nav */div.dark_rounded .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}div.dark_rounded .pp_arrow_next{background:url(../../images/style2/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}/* The next arrow in the bottom nav */div.dark_rounded .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}div.dark_rounded .pp_bottom .pp_left{background:url(../../images/style2/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}/* Bottom left corner */div.dark_rounded .pp_bottom .pp_middle{background:url(../../images/style2/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}/* Bottom pattern/color */div.dark_rounded .pp_bottom .pp_right{background:url(../../images/style2/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}/* Bottom right corner */div.dark_rounded .pp_loaderIcon{background:url(../../images/style2/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}/* Loader icon *//* ----------------------------------Dark Square Theme----------------------------------- */div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:url(../../images/style2/prettyPhoto/dark_square/contentPattern.png) top left repeat}div.dark_square .currentTextHolder{color:#c4c4c4}div.dark_square .pp_description{color:#fff}div.dark_square .pp_loaderIcon{background:url(../../images/style2/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}/* Loader icon */div.dark_square .pp_expand{background:url(../../images/style2/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}/* Expand button */div.dark_square .pp_expand:hover{background:url(../../images/style2/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}/* Expand button hover */div.dark_square .pp_contract{background:url(../../images/style2/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}/* Contract button */div.dark_square .pp_contract:hover{background:url(../../images/style2/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}/* Contract button hover */div.dark_square .pp_close{width:75px;height:22px;background:url(../../images/style2/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}/* Close button */div.dark_square .pp_arrow_previous{background:url(../../images/style2/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}/* The previous arrow in the bottom nav */div.dark_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}div.dark_square .pp_arrow_next{background:url(../../images/style2/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}/* The next arrow in the bottom nav */div.dark_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}div.dark_square .pp_next:hover{background:url(../../images/style2/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}/* Next button */div.dark_square .pp_previous:hover{background:url(../../images/style2/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}/* Previous button *//* ----------------------------------Light Square Theme----------------------------------- */div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content{background:#fff}div.light_square .pp_expand{background:url(../../images/style2/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}/* Expand button */div.light_square .pp_expand:hover{background:url(../../images/style2/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}/* Expand button hover */div.light_square .pp_contract{background:url(../../images/style2/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}/* Contract button */div.light_square .pp_contract:hover{background:url(../../images/style2/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}/* Contract button hover */div.light_square .pp_close{width:75px;height:22px;background:url(../../images/style2/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}/* Close button */div.light_square .pp_arrow_previous{background:url(../../images/style2/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}/* The previous arrow in the bottom nav */div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}div.light_square .pp_arrow_next{background:url(../../images/style2/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}/* The next arrow in the bottom nav */div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}div.light_square .pp_next:hover{background:url(../../images/style2/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}/* Next button */div.light_square .pp_previous:hover{background:url(../../images/style2/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}/* Previous button *//* ------------------------------------------------------------------------DO NOT CHANGE------------------------------------------------------------------------- */div.pp_pic_holder a:focus{outline:none}div.pp_overlay{background:#000;left:0;position:absolute;top:0;width:100%;z-index:9500}div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}.pp_top{height:20px;position:relative}* html .pp_top{padding:0 20px}.pp_top .pp_left{height:20px;left:0;position:absolute;width:20px}.pp_top .pp_middle{height:20px;left:20px;position:absolute;right:20px}* html .pp_top .pp_middle{left:0;position:static}.pp_top .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}.pp_content{height:40px;position:relative;text-align:left;width:100%}.pp_content .pp_details{display:none;margin:10px 15px 2px 20px}.pp_description{display:none;float:left;margin:0}.pp_nav{clear:left;float:left;margin:3px 0 0 0}.pp_nav p{float:left;margin:2px 4px}.pp_nav a.pp_arrow_previous,.pp_nav a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}.pp_hoverContainer{left:0;position:absolute;top:0;width:100%;z-index:2000}a.pp_next{background:url(../../images/style2/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}a.pp_previous{background:url(../../images/style2/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}a.pp_close{display:block;float:right;text-indent:-10000px}.pp_bottom{height:20px;position:relative}* html .pp_bottom{padding:0 20px}.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}* html .pp_bottom .pp_middle{left:0;position:static}.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}.pp_loaderIcon{display:none;height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px}#pp_full_res{display:none;line-height:1 !important;margin:0 auto;text-align:center;width:100%}div.ppt{color:#fff;display:none;font-size:17px;left:0;position:absolute;top:0;z-index:9999} #pp_full_res, iframe { } #pp_full_res * { background:#000 !important; } /** * GOOGLE AJAX DYNAMIC FEED */ .feed-control { background:url("../../images/style2/bgd_feed_02.gif") 0 100% no-repeat; width:310px; margin-bottom:20px; padding-bottom:10px; } .gfg-root { background:url("../../images/style2/bgd_feed_02.gif") 0 0 no-repeat; width:100%; height:auto; position:relative; overflow:hidden; border-bottom:0 solid #eee; } .gfg-title { font-size:14px; font-weight:bold; /*background-color:#0062A4;*/ color:#fff; padding:2px 10px; overflow:hidden; white-space:nowrap; } .gfg-title a { color:#fff; } .gfg-title a:hover { border:none; } .gfg-subtitle { font-weight:bold; background:url("../../images/style2/bgd_feed_03.gif") 0 0 no-repeat; color:#fff; padding:2px 10px; margin-bottom:5px; overflow:hidden; white-space:nowrap;} .gfg-subtitle a { color:#fff; } .gfg-entry { /*background-color:#fff;*/ width:100%; height:130px !important; margin-top:3px; position:relative; overflow:hidden; text-align:left; } .gfg-entry a { font-weight:bold; border-color:#0641AA; } .gfg-entry a:hover { } /* To allow correct behavior for overlay */ .gfg-root .gfg-entry .gf-result { /*background-color:#fff;*/ width:auto; height:100%; padding:5px 10px; position:relative; } .gfg-list { margin-bottom:15px; position:relative; overflow:hidden; text-align:left; } .gfg-list a { color:#676767; } .gfg-list a:hover { color:#0641AA; } .gfg-listentry { margin:0 5px; padding:3px 5px 3px 15px; overflow:hidden; white-space:nowrap; /*text-overflow:ellipsis;*/ -o-text-overflow:ellipsis; } .gfg-listentry-odd { background-color:#F6F6F6; } .gfg-listentry-even { } .gfg-listentry-highlight { background-image:url("../../images/style2/garrow.gif"); background-repeat:no-repeat; background-position:center left; } /* * FeedControl customizations. */ .gfg-root .gfg-entry .gf-result .gf-title { font-size:14px; line-height:1.2em; overflow:hidden; white-space:nowrap; /*text-overflow:ellipsis;*/ -o-text-overflow:ellipsis; margin-bottom:2px; } .gfg-root .gfg-entry .gf-result .gf-snippet { height:3.8em; color:#000000; margin-top:3px; } /* * Easy way to get horizontal mode, applicable via js options to gadget. */ .gfg-horizontal-container { position:relative; } .gfg-horizontal-root { height:1.5em; _height:100%; position:relative; white-space:nowrap; overflow:hidden; text-align:center; font-family:"Arial", sans-serif; font-size:13px; border:1px solid #AAAAAA; padding:5px; margin-right:80px; } .gfg-horizontal-root .gfg-title { font-weight:bold; background-color:#FFFFFF; line-height:1.5em; overflow:hidden; white-space:nowrap; float:left; padding-left:10px; padding-right:12px; border-right:1px solid #AAAAAA; } .gfg-horizontal-root .gfg-title a { color:#444444; text-decoration:none; } .gfg-horizontal-root .gfg-entry { width:auto; height:1.5em; position:relative; overflow:hidden; text-align:left; margin-top:0px; margin-left:0px; padding-left:10px; } /* To allow correct behavior for overlay */ .gfg-horizontal-root .gfg-entry .gf-result { position:relative; background-color:white; width:100%; height:100%; line-height:1.5em; overflow:hidden; white-space:nowrap; } .gfg-horizontal-root .gfg-list { display:none; } /* * FeedControl customizations. */ .gfg-horizontal-root .gfg-entry .gf-result .gf-snippet, .gfg-horizontal-root .gfg-entry .gf-result .gf-author { display:none; } .gfg-horizontal-root .gfg-entry .gf-result .gf-title { color:#0000cc; margin-right:3px; float:left; } .gfg-horizontal-root .gfg-entry .gf-result .gf-spacer { float:left; } .gfg-horizontal-root .gfg-entry .gf-result .gf-spacer, .gfg-horizontal-root .gfg-entry .gf-result .gf-relativePublishedDate { display:block; color:#AAAAAA; } .gfg-branding { white-space:nowrap; overflow:hidden; text-align:left; position:absolute; right:0px; top:0px; width:80px; } .gfg-collapse-open, .gfg-collapse-closed { background-repeat:no-repeat; background-position:center; cursor:pointer; float:right; width:17px; height:20px; } .gfg-collapse-open { background-image:url("../../images/style2/arrow_open.gif"); } .gfg-collapse-closed { background-image:url("../../images/style2/arrow_close.gif"); } .gfg-collapse-href { float:left; } .clearFloat { clear:both; } /* * Google AJAX Feed API */ .blog { margin:0 0 30px 0; } .blog .entry { background:url(../../images/style2/sep_04.gif) 0 100% repeat-x; padding:0 10px 20px 10px; margin:0 0 15px 0; } .blog .entry .wrapper { background:url(../../images/style2/bullet_08.gif) 0 50% no-repeat; padding-left:40px; } .blog .entry:hover { background-color:#FAFAF8; cursor:default; } .blog .entry:hover .wrapper { background:url(../../images/style2/bullet_09.gif) 0 50% no-repeat; } .blog .entry:last-child { background-image:none; padding-bottom:1px; margin-bottom:0; } .blog .title { font:20px/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif; margin-bottom:5px; } .blog .title a { background:url(../../images/style2/txt_read-more_02.gif) 100% 9px no-repeat; color:#0641AA; border-color:#0641AA; padding-right:70px; } .blog .author { font-size:11px; color:#B3B7B8; margin-bottom:10px; } .blog .body font { font-size:13px; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; color:#676767; } .blog .body img { background:#fff; margin:5px 20px 10px 0; padding:2px; display:block; float:left; border:2px solid #efefef; } .blog .first-entry, .blog .first-entry:hover { background-color:#FAFAF8; padding-top:10px; cursor:auto; } .blog .first-entry .title a { background:none; padding-right:0; } /* tabs */ /* #flowtabs { background:url(../../images/style2/sep_02.gif) 0 100% repeat-x; width:910px; height:30px; margin:0 0 20px 0; overflow:hidden; } #flowtabs li { display:block; float:left; } #flowtabs a { font-size:14px; line-height:1em; font-weight:bold; background:#EEE; color:#676767; height:18px; margin:0 5px 0 0; padding:5px 15px; position:relative; display:block; float:left; border:1px solid #EEE; cursor:pointer; } #flowtabs a:hover, #flowtabs a.current { background:#FFF; color:#FF3300; border-bottom-color:#FFF; } */ #flowtabs { margin:0 0 0 37px; padding:0; overflow:hidden; } #flowtabs li { width:423px; margin:0 30px 0 0; display:block; float:left; list-style:none; overflow:hidden; } #flowtabs li.last { margin-right:0; } #flowtabs a { padding-bottom:16px; display:block; float:left; } #flowtabs a span { width:423px; height:125px; display:block; float:left; text-indent:-9999px; } #flowtabs a:hover { border:none; } #flowtabs a.current { background:url(../../images/style2/bullet_05.gif) 212px 100% no-repeat; } #flowtabs a#t1 span { background:url(../../images/style2/tit_users_02.gif) 0 -125px no-repeat; } #flowtabs a#t1:hover span, #flowtabs a.current#t1 span { background:url(../../images/style2/tit_users_02.gif) 0 0 no-repeat; } #flowtabs a#t2 span { background:url(../../images/style2/tit_users_02.gif) 0 -375px no-repeat; } #flowtabs a#t2:hover span, #flowtabs a.current#t2 span { background:url(../../images/style2/tit_users_02.gif) 0 -250px no-repeat; } #flowpanes { background:url(../../images/style2/bgd_gradient_03.jpg) 50% 0 no-repeat; margin:0; padding:40px 0 1px 0; clear:both; } #subtabs { background:url(../../images/style2/bgd_rounded_02.gif) 0 0 no-repeat; } #subtabs ul { background:url(../../images/style2/bgd_rounded_01.gif) 0 100% no-repeat; margin:0 40px 30px 0; padding:10px; } #subtabs li { margin:0 0 3px 0; padding:0; display:block; list-style:none; } #subtabs a { font-weight:bold; background:transparent; color:#6693ff; padding:5px 0 5px 30px; display:block; text-transform:uppercase; border:none; } #subtabs a:hover { background:#6693ff; color:#fff; border:none; } #subtabs a.current { background:#6693ff url(../../images/style2/bullet_06.gif) 5px 50% no-repeat; color:#fff; border:none; } /** * TOOLTIP */ #tooltip { background-color:#eee; padding:5px; position:absolute; z-index:3000; opacity:0.85; border:1px solid #ccc; } #tooltip h3, #tooltip div { margin:0; } #tooltip.pretty { font-family:Arial; border:none; width:230px; padding:20px; height:190px; opacity:0.8; background:url("../../images/style2/shadow.png") 0 0 no-repeat; } #tooltip.pretty h3 { margin-bottom:0.75em; font-size:12pt; width:240px; text-align:center; } #tooltip.pretty div { width:240px; text-align:left; } #tooltip.fancy { background:url("../../images/style2/shadow2.png"); padding-top:5em; height:100px; } #tooltip.fancy.viewport-right { background:url("../../images/style2/shadow2-reverse.png"); } #tooltip span, #tooltip strong, #tooltip br { font-weight:normal; display:inline; } /** * THEME: A WOMAN WITH LIGHTBULBS */ #highlight { background:url(../../images/style2/bgd_main_02.jpg) 50% 0 no-repeat; height:375px; position:relative; } #highlight .span-14 { background:url(../../images/style2/illus_highlight_01.jpg) 1px -2px no-repeat; height:315px; } #highlight .span-14 p.small { color:#999; width:300px; margin:0; padding:0; top:275px; right:415px; position:absolute; text-align:right; } #highlight .span-14 ul { width:216px; height:286px; margin:0; padding:0; float:right; position:relative; } #highlight .span-14 li { display:block; list-style:none; } #highlight .span-14 a { display:block; position:absolute; text-indent:-9999px; cursor:pointer; } #highlight .span-14 #context-item0 { background:url(../../images/style2/illus_lights_02.png) -14px -19px no-repeat; width:43px; height:43px; top:80px; left:-30px; } #highlight .span-14 #context-item1 { background:url(../../images/style2/illus_lights_02.png) -14px -19px no-repeat; width:43px; height:43px; top:20px; left:17px; } #highlight .span-14 #context-item2 { background:url(../../images/style2/illus_lights_02.png) -114px -38px no-repeat; width:45px; height:42px; top:45px; left:117px; } #highlight .span-14 #context-item3 { background:url(../../images/style2/illus_lights_02.png) -144px -108px no-repeat; width:62px; height:62px; top:120px; left:148px; } #highlight .span-14 #context-item4 { background:url(../../images/style2/illus_lights_02.png) -86px -188px no-repeat; width:64px; height:62px; top:200px; left:96px; } #highlight .span-14 #context-item5 { background:url(../../images/style2/illus_lights_02.png) -8px -109px no-repeat; width:62px; height:54px; top:148px; left:0; } #highlight .span-14 #context-item0:hover, #highlight .span-14 .active#context-item0 { background:url(../../images/style2/illus_lights_02.png) -230px -19px no-repeat; } #highlight .span-14 #context-item1:hover, #highlight .span-14 .active#context-item1 { background:url(../../images/style2/illus_lights_02.png) -230px -19px no-repeat; } #highlight .span-14 #context-item2:hover, #highlight .span-14 .active#context-item2 { background:url(../../images/style2/illus_lights_02.png) -330px -38px no-repeat; } #highlight .span-14 #context-item3:hover, #highlight .span-14 .active#context-item3 { background:url(../../images/style2/illus_lights_02.png) -360px -108px no-repeat; } #highlight .span-14 #context-item4:hover, #highlight .span-14 .active#context-item4 { background:url(../../images/style2/illus_lights_02.png) -302px -188px no-repeat; } #highlight .span-14 #context-item5:hover, #highlight .span-14 .active#context-item5 { background:url(../../images/style2/illus_lights_02.png) -224px -109px no-repeat; } #highlight .span-10 { font-size:15px; /*font-style:italic;*/ line-height:1.5em; color:#666; height:315px; } /* .scrollable */ #highlight .scrollable { width:350px; } #highlight .scrollable ul { } #highlight .scrollable li { width:350px; } #explore { background:url(../../images/style2/bgd_video_01.png) 0 100% no-repeat; } /** * END THEME: A WOMAN WITH LIGHTBULBS */ /** * THEME: A MAN WITH STICKY NOTES */ #highlight { background:url(../../images/style2/bgd_main_07.jpg) 50% 0 no-repeat; height:375px; position:relative; } #highlight div { } #highlight h2 { font-size:20px; font-weight:bold; line-height:1.2em; } #highlight .span-14 { background:url(../../images/style2/illus_highlight_03.jpg) 100% 3px no-repeat; width:321px; height:321px; float:right; margin-right:0; } #highlight .span-14 p.small { color:#999; width:300px; margin:0; padding:0; display:none; top:270px; left:10px; position:absolute; text-align:left; } #highlight .span-14 li { margin:0; padding:0; } #highlight .span-14 li a { cursor:pointer; } /* CONSUMERS */ #highlight .span-14 ul { background:url(../../images/style2/illus_sticky-notes_06_consumers.gif) 0 0 no-repeat; width:215px; height:300px; margin:0; padding:0; float:left; position:absolute; z-index:100; top:-1px; left:-27px; overflow:hidden; } #highlight .span-14 #context-item0 { background:url(../../images/style2/illus_sticky-notes_06_consumers.gif) -20px -18px no-repeat; width:85px; height:80px; top:18px; left:20px; } #highlight .span-14 #context-item1 { background:url(../../images/style2/illus_sticky-notes_06_consumers.gif) -110px 0 no-repeat; width:90px; height:90px; top:0; left:110px; } #highlight .span-14 #context-item2 { background:url(../../images/style2/illus_sticky-notes_06_consumers.gif) -85px -90px no-repeat; width:90px; height:75px; top:90px; left:85px; } #highlight .span-14 #context-item3 { background:url(../../images/style2/illus_sticky-notes_06_consumers.gif) -105px -155px no-repeat; width:80px; height:87px; top:155px; left:105px; } #highlight .span-14 #context-item4 { background:url(../../images/style2/illus_sticky-notes_06_consumers.gif) -40px -205px no-repeat; width:85px; height:80px; top:205px; left:40px; } #highlight .span-14 #context-item5 { background:url(../../images/style2/illus_sticky-notes_06_consumers.gif) -10px -120px no-repeat; width:85px; height:85px; top:120px; left:10px; } #highlight .span-14 #context-item0:hover, #highlight .span-14 .active#context-item0 { background:url(../../images/style2/illus_sticky-notes_06_consumers.gif) -20px -339px no-repeat; } #highlight .span-14 #context-item1:hover, #highlight .span-14 .active#context-item1 { background:url(../../images/style2/illus_sticky-notes_06_consumers.gif) -110px -321px no-repeat; } #highlight .span-14 #context-item2:hover, #highlight .span-14 .active#context-item2 { background:url(../../images/style2/illus_sticky-notes_06_consumers.gif) -85px -732px no-repeat; } #highlight .span-14 #context-item3:hover, #highlight .span-14 .active#context-item3 { background:url(../../images/style2/illus_sticky-notes_06_consumers.gif) -105px -476px no-repeat; } #highlight .span-14 #context-item4:hover, #highlight .span-14 .active#context-item4 { background:url(../../images/style2/illus_sticky-notes_06_consumers.gif) -40px -847px no-repeat; } #highlight .span-14 #context-item5:hover, #highlight .span-14 .active#context-item5 { background:url(../../images/style2/illus_sticky-notes_06_consumers.gif) -10px -441px no-repeat; } /* RETAILERS */ #pg-retailer #highlight .span-14 ul { background:url(../../images/style2/illus_sticky-notes_06_retailers.gif) 0 0 no-repeat; } #pg-retailer #highlight .span-14 #context-item0 { background:url(../../images/style2/illus_sticky-notes_06_retailers.gif) -20px -18px no-repeat; } #pg-retailer #highlight .span-14 #context-item1 { background:url(../../images/style2/illus_sticky-notes_06_retailers.gif) -110px 0 no-repeat; } #pg-retailer #highlight .span-14 #context-item2 { background:url(../../images/style2/illus_sticky-notes_06_retailers.gif) -85px -90px no-repeat; } #pg-retailer #highlight .span-14 #context-item3 { background:url(../../images/style2/illus_sticky-notes_06_retailers.gif) -105px -155px no-repeat; } #pg-retailer #highlight .span-14 #context-item4 { background:url(../../images/style2/illus_sticky-notes_06_retailers.gif) -40px -205px no-repeat; } #pg-retailer #highlight .span-14 #context-item5 { background:url(../../images/style2/illus_sticky-notes_06_retailers.gif) -10px -120px no-repeat; } #pg-retailer #highlight .span-14 #context-item0:hover, #pg-retailer #highlight .span-14 .active#context-item0 { background:url(../../images/style2/illus_sticky-notes_06_retailers.gif) -20px -339px no-repeat; } #pg-retailer #highlight .span-14 #context-item1:hover, #pg-retailer #highlight .span-14 .active#context-item1 { background:url(../../images/style2/illus_sticky-notes_06_retailers.gif) -110px -321px no-repeat; } #pg-retailer #highlight .span-14 #context-item2:hover, #pg-retailer #highlight .span-14 .active#context-item2 { background:url(../../images/style2/illus_sticky-notes_06_retailers.gif) -85px -732px no-repeat; } #pg-retailer #highlight .span-14 #context-item3:hover, #pg-retailer #highlight .span-14 .active#context-item3 { background:url(../../images/style2/illus_sticky-notes_06_retailers.gif) -105px -476px no-repeat; } #pg-retailer #highlight .span-14 #context-item4:hover, #pg-retailer #highlight .span-14 .active#context-item4 { background:url(../../images/style2/illus_sticky-notes_06_retailers.gif) -40px -847px no-repeat; } #pg-retailer #highlight .span-14 #context-item5:hover, #pg-retailer #highlight .span-14 .active#context-item5 { background:url(../../images/style2/illus_sticky-notes_06_retailers.gif) -10px -441px no-repeat; } /* COLLECTION POINTS */ #pg-collection-point #highlight .span-14 ul { background:url(../../images/style2/illus_sticky-notes_06_collection-points.gif) 0 0 no-repeat; } #pg-collection-point #highlight .span-14 #context-item0 { background:url(../../images/style2/illus_sticky-notes_06_collection-points.gif) -20px -18px no-repeat; } #pg-collection-point #highlight .span-14 #context-item1 { background:url(../../images/style2/illus_sticky-notes_06_collection-points.gif) -110px 0 no-repeat; } #pg-collection-point #highlight .span-14 #context-item2 { background:url(../../images/style2/illus_sticky-notes_06_collection-points.gif) -85px -90px no-repeat; } #pg-collection-point #highlight .span-14 #context-item3 { background:url(../../images/style2/illus_sticky-notes_06_collection-points.gif) -105px -155px no-repeat; } #pg-collection-point #highlight .span-14 #context-item4 { background:url(../../images/style2/illus_sticky-notes_06_collection-points.gif) -40px -205px no-repeat; } #pg-collection-point #highlight .span-14 #context-item5 { background:url(../../images/style2/illus_sticky-notes_06_collection-points.gif) -10px -120px no-repeat; } #pg-collection-point #highlight .span-14 #context-item0:hover, #pg-collection-point #highlight .span-14 .active#context-item0 { background:url(../../images/style2/illus_sticky-notes_06_collection-points.gif) -20px -339px no-repeat; } #pg-collection-point #highlight .span-14 #context-item1:hover, #pg-collection-point #highlight .span-14 .active#context-item1 { background:url(../../images/style2/illus_sticky-notes_06_collection-points.gif) -110px -321px no-repeat; } #pg-collection-point #highlight .span-14 #context-item2:hover, #pg-collection-point #highlight .span-14 .active#context-item2 { background:url(../../images/style2/illus_sticky-notes_06_collection-points.gif) -85px -732px no-repeat; } #pg-collection-point #highlight .span-14 #context-item3:hover, #pg-collection-point #highlight .span-14 .active#context-item3 { background:url(../../images/style2/illus_sticky-notes_06_collection-points.gif) -105px -476px no-repeat; } #pg-collection-point #highlight .span-14 #context-item4:hover, #pg-collection-point #highlight .span-14 .active#context-item4 { background:url(../../images/style2/illus_sticky-notes_06_collection-points.gif) -40px -847px no-repeat; } #pg-collection-point #highlight .span-14 #context-item5:hover, #pg-collection-point #highlight .span-14 .active#context-item5 { background:url(../../images/style2/illus_sticky-notes_06_collection-points.gif) -10px -441px no-repeat; } /* DISTRIBUTORS */ #pg-distributor #highlight .span-14 ul { background:url(../../images/style2/illus_sticky-notes_06_distributors.gif) 0 0 no-repeat; } #pg-distributor #highlight .span-14 #context-item0 { background:url(../../images/style2/illus_sticky-notes_06_distributors.gif) -20px -18px no-repeat; } #pg-distributor #highlight .span-14 #context-item1 { background:url(../../images/style2/illus_sticky-notes_06_distributors.gif) -110px 0 no-repeat; } #pg-distributor #highlight .span-14 #context-item2 { background:url(../../images/style2/illus_sticky-notes_06_distributors.gif) -85px -90px no-repeat; } #pg-distributor #highlight .span-14 #context-item3 { background:url(../../images/style2/illus_sticky-notes_06_distributors.gif) -105px -155px no-repeat; } #pg-distributor #highlight .span-14 #context-item4 { background:url(../../images/style2/illus_sticky-notes_06_distributors.gif) -40px -205px no-repeat; } #pg-distributor #highlight .span-14 #context-item5 { background:url(../../images/style2/illus_sticky-notes_06_distributors.gif) -10px -120px no-repeat; } #pg-distributor #highlight .span-14 #context-item0:hover, #pg-distributor #highlight .span-14 .active#context-item0 { background:url(../../images/style2/illus_sticky-notes_06_distributors.gif) -20px -339px no-repeat; } #pg-distributor #highlight .span-14 #context-item1:hover, #pg-distributor #highlight .span-14 .active#context-item1 { background:url(../../images/style2/illus_sticky-notes_06_distributors.gif) -110px -321px no-repeat; } #pg-distributor #highlight .span-14 #context-item2:hover, #pg-distributor #highlight .span-14 .active#context-item2 { background:url(../../images/style2/illus_sticky-notes_06_distributors.gif) -85px -732px no-repeat; } #pg-distributor #highlight .span-14 #context-item3:hover, #pg-distributor #highlight .span-14 .active#context-item3 { background:url(../../images/style2/illus_sticky-notes_06_distributors.gif) -105px -476px no-repeat; } #pg-distributor #highlight .span-14 #context-item4:hover, #pg-distributor #highlight .span-14 .active#context-item4 { background:url(../../images/style2/illus_sticky-notes_06_distributors.gif) -40px -847px no-repeat; } #pg-distributor #highlight .span-14 #context-item5:hover, #pg-distributor #highlight .span-14 .active#context-item5 { background:url(../../images/style2/illus_sticky-notes_06_distributors.gif) -10px -441px no-repeat; } /* SERVICE CENTERS */ #pg-service-center #highlight .span-14 ul { background:url(../../images/style2/illus_sticky-notes_06_service-centers.gif) 0 0 no-repeat; } #pg-service-center #highlight .span-14 #context-item0 { background:url(../../images/style2/illus_sticky-notes_06_service-centers.gif) -20px -18px no-repeat; } #pg-service-center #highlight .span-14 #context-item1 { background:url(../../images/style2/illus_sticky-notes_06_service-centers.gif) -110px 0 no-repeat; } #pg-service-center #highlight .span-14 #context-item2 { background:url(../../images/style2/illus_sticky-notes_06_service-centers.gif) -85px -90px no-repeat; } #pg-service-center #highlight .span-14 #context-item3 { background:url(../../images/style2/illus_sticky-notes_06_service-centers.gif) -105px -155px no-repeat; } #pg-service-center #highlight .span-14 #context-item4 { background:url(../../images/style2/illus_sticky-notes_06_service-centers.gif) -40px -205px no-repeat; } #pg-service-center #highlight .span-14 #context-item5 { background:url(../../images/style2/illus_sticky-notes_06_service-centers.gif) -10px -120px no-repeat; } #pg-service-center #highlight .span-14 #context-item0:hover, #pg-service-center #highlight .span-14 .active#context-item0 { background:url(../../images/style2/illus_sticky-notes_06_service-centers.gif) -20px -339px no-repeat; } #pg-service-center #highlight .span-14 #context-item1:hover, #pg-service-center #highlight .span-14 .active#context-item1 { background:url(../../images/style2/illus_sticky-notes_06_service-centers.gif) -110px -321px no-repeat; } #pg-service-center #highlight .span-14 #context-item2:hover, #pg-service-center #highlight .span-14 .active#context-item2 { background:url(../../images/style2/illus_sticky-notes_06_service-centers.gif) -85px -732px no-repeat; } #pg-service-center #highlight .span-14 #context-item3:hover, #pg-service-center #highlight .span-14 .active#context-item3 { background:url(../../images/style2/illus_sticky-notes_06_service-centers.gif) -105px -476px no-repeat; } #pg-service-center #highlight .span-14 #context-item4:hover, #pg-service-center #highlight .span-14 .active#context-item4 { background:url(../../images/style2/illus_sticky-notes_06_service-centers.gif) -40px -847px no-repeat; } #pg-service-center #highlight .span-14 #context-item5:hover, #pg-service-center #highlight .span-14 .active#context-item5 { background:url(../../images/style2/illus_sticky-notes_06_service-centers.gif) -10px -441px no-repeat; } /* MANUFACTURERS */ #pg-manufacturer #highlight .span-14 ul { background:url(../../images/style2/illus_sticky-notes_06_manufacturers.gif) 0 0 no-repeat; } #pg-manufacturer #highlight .span-14 #context-item0 { background:url(../../images/style2/illus_sticky-notes_06_manufacturers.gif) -20px -18px no-repeat; } #pg-manufacturer #highlight .span-14 #context-item1 { background:url(../../images/style2/illus_sticky-notes_06_manufacturers.gif) -110px 0 no-repeat; } #pg-manufacturer #highlight .span-14 #context-item2 { background:url(../../images/style2/illus_sticky-notes_06_manufacturers.gif) -85px -90px no-repeat; } #pg-manufacturer #highlight .span-14 #context-item3 { background:url(../../images/style2/illus_sticky-notes_06_manufacturers.gif) -105px -155px no-repeat; } #pg-manufacturer #highlight .span-14 #context-item4 { background:url(../../images/style2/illus_sticky-notes_06_manufacturers.gif) -40px -205px no-repeat; } #pg-manufacturer #highlight .span-14 #context-item5 { background:url(../../images/style2/illus_sticky-notes_06_manufacturers.gif) -10px -120px no-repeat; } #pg-manufacturer #highlight .span-14 #context-item0:hover, #pg-manufacturer #highlight .span-14 .active#context-item0 { background:url(../../images/style2/illus_sticky-notes_06_manufacturers.gif) -20px -339px no-repeat; } #pg-manufacturer #highlight .span-14 #context-item1:hover, #pg-manufacturer #highlight .span-14 .active#context-item1 { background:url(../../images/style2/illus_sticky-notes_06_manufacturers.gif) -110px -321px no-repeat; } #pg-manufacturer #highlight .span-14 #context-item2:hover, #pg-manufacturer #highlight .span-14 .active#context-item2 { background:url(../../images/style2/illus_sticky-notes_06_manufacturers.gif) -85px -732px no-repeat; } #pg-manufacturer #highlight .span-14 #context-item3:hover, #pg-manufacturer #highlight .span-14 .active#context-item3 { background:url(../../images/style2/illus_sticky-notes_06_manufacturers.gif) -105px -476px no-repeat; } #pg-manufacturer #highlight .span-14 #context-item4:hover, #pg-manufacturer #highlight .span-14 .active#context-item4 { background:url(../../images/style2/illus_sticky-notes_06_manufacturers.gif) -40px -847px no-repeat; } #pg-manufacturer #highlight .span-14 #context-item5:hover, #pg-manufacturer #highlight .span-14 .active#context-item5 { background:url(../../images/style2/illus_sticky-notes_06_manufacturers.gif) -10px -441px no-repeat; } /* RECYCLERS */ #pg-recycler #highlight .span-14 ul { background:url(../../images/style2/illus_sticky-notes_06_recyclers.gif) 0 0 no-repeat; } #pg-recycler #highlight .span-14 #context-item0 { background:url(../../images/style2/illus_sticky-notes_06_recyclers.gif) -20px -18px no-repeat; } #pg-recycler #highlight .span-14 #context-item1 { background:url(../../images/style2/illus_sticky-notes_06_recyclers.gif) -110px 0 no-repeat; } #pg-recycler #highlight .span-14 #context-item2 { background:url(../../images/style2/illus_sticky-notes_06_recyclers.gif) -85px -90px no-repeat; } #pg-recycler #highlight .span-14 #context-item3 { background:url(../../images/style2/illus_sticky-notes_06_recyclers.gif) -105px -155px no-repeat; } #pg-recycler #highlight .span-14 #context-item4 { background:url(../../images/style2/illus_sticky-notes_06_recyclers.gif) -40px -205px no-repeat; } #pg-recycler #highlight .span-14 #context-item5 { background:url(../../images/style2/illus_sticky-notes_06_recyclers.gif) -10px -120px no-repeat; } #pg-recycler #highlight .span-14 #context-item0:hover, #pg-recycler #highlight .span-14 .active#context-item0 { background:url(../../images/style2/illus_sticky-notes_06_recyclers.gif) -20px -339px no-repeat; } #pg-recycler #highlight .span-14 #context-item1:hover, #pg-recycler #highlight .span-14 .active#context-item1 { background:url(../../images/style2/illus_sticky-notes_06_recyclers.gif) -110px -321px no-repeat; } #pg-recycler #highlight .span-14 #context-item2:hover, #pg-recycler #highlight .span-14 .active#context-item2 { background:url(../../images/style2/illus_sticky-notes_06_recyclers.gif) -85px -732px no-repeat; } #pg-recycler #highlight .span-14 #context-item3:hover, #pg-recycler #highlight .span-14 .active#context-item3 { background:url(../../images/style2/illus_sticky-notes_06_recyclers.gif) -105px -476px no-repeat; } #pg-recycler #highlight .span-14 #context-item4:hover, #pg-recycler #highlight .span-14 .active#context-item4 { background:url(../../images/style2/illus_sticky-notes_06_recyclers.gif) -40px -847px no-repeat; } #pg-recycler #highlight .span-14 #context-item5:hover, #pg-recycler #highlight .span-14 .active#context-item5 { background:url(../../images/style2/illus_sticky-notes_06_recyclers.gif) -10px -441px no-repeat; } #highlight .span-10 { background:url(../../images/style2/sep_03.gif) 0 50px no-repeat; width:460px; margin:0 -30px 0 0; padding-left:10px; float:right; } #highlight .scrollable { width:410px; } #highlight .scrollable ul { } #highlight .scrollable li { width:410px; } #explore { background:url(../../images/style2/bgd_video_03.png) 0 100% no-repeat; } /** * END THEME: A MAN WITH STICKY NOTES */