/*** * L2 Connect styles **/ div#l2_connect { position: relative; margin: 0 auto; width: 972px; height: 680px; font-family: Arial, Helvetica, Verdana, sans-serif; background: #fff url(../_images/l2_c_bg.jpg) 0 0 no-repeat; } #l2_connect h2 { margin: 0; padding: 0; height: 64px; text-indent: -9999px; overflow: hidden; background: url(../_images/l2_c_title.png) 308px 37px no-repeat; } #l2_connect p.l2_c_house { position: absolute; left: 0; top: 322px; width: 223px; height: 206px; overflow: hidden; } #l2_connect p.l2_c_house a { display: block; width: 223px; height: 206px; text-indent: -9999px; overflow: hidden; background: url(../_images/l2_c_house.png) 0 0 no-repeat; } #l2_connect div.l2_first { position: relative; margin-left: 653px; background: url(../_images/l2_click_to_magnify.png) 8px 28px no-repeat; } #l2_connect div.l2_first dl { display: none; position: absolute; top: 0; left: 0; margin: 0; padding: 0; } #l2_connect div.l2_first dl dt { margin: 0 0 40px; padding: 0; width: 203px; height: 25px; text-indent: -9999px; overflow: hidden; background: url(../_images/l2_c_headings.png) center 0 no-repeat; } #l2_connect div.l2_first dl dd { width: 250px; margin: 0; padding: 0 10px 0 0; font: normal 13px Arial; color:#00703c;} /* for image sprite - replaced with sytem text 10-6-2009 #l2_connect div.l2_first dl dd.l2_text { width: 250px; height: 109px; text-indent: -9999px; overflow: hidden; background: url(../_images/l2_c_descriptions.png) 0 0 no-repeat; }*/ #l2_connect div.l2_first dl dd.l2_thumbnail { position: absolute; top: 30px; left: -395px; width: 333px; height: 248px; } #l2_connect div.l2_first dl dd.l2_thumbnail a {} #l2_connect div.l2_first dl dd.l2_thumbnail a img { border: 0; } #l2_connect div.l2_first dl.l2_dl_2 dt { background-position: center bottom; } #l2_connect div.l2_first dl.l2_dl_2 dd.l2_text { height: 124px; background-position: -250px 0; } #l2_connect div.l2_first dl dd ul { margin: 5px 0 0; padding: 0; list-style: none; } #l2_connect div.l2_first dl dd ul li { float: left; margin: 0; padding: 0; overflow: hidden; } #l2_connect div.l2_first dl dd ul li a { display: block; width: 98px; height: 48px; text-indent: -9999px; overflow: hidden; background: url(../../_common/images/l2_btn_back.png) 0 0 no-repeat; } #l2_connect div.l2_first dl dd ul li a:hover { background-image: url(../../_common/images/l2_btn_back_hover.png); } #l2_connect div.l2_first dl dd ul li.l2_next a { background-image: url(../../_common/images/l2_btn_next.png); } #l2_connect div.l2_first dl dd ul li.l2_next a:hover { background-image: url(../../_common/images/l2_btn_next_hover.png); } #l2_connect div.l2_first dl dd.l2_learn_more { position: absolute; top: 194px; left:100px; width: 154px; height: 48px; } #l2_connect div.l2_first dl dd.l2_learn_more a{ display: block; width: 154px; height: 48px; text-indent: -9999px; overflow: hidden; outline: none; background: url(../_images/learn_more.png) 0 0 no-repeat; } #l2_connect div.l2_first dl dd.l2_learn_more a:hover { background-image: url(../_images/learn_more_hover.png); } /* #l2_connect div.l2_first dl dd a.l2_c_learn_more { display: block; margin: 5px 0 0; width: 230px; height: 47px; text-indent: -9999px; overflow: hidden; background: url(../_images/l2_c_btn_learn_more.png) 0 0 no-repeat; } #l2_connect div.l2_first dl dd a.l2_c_learn_more:hover { background-image: url(../_images/l2_c_btn_learn_more_hover.png); } */ /** paging list **/ #l2_connect div.l2_first ul.l2_page_list { position: relative; margin: 0; padding: 46px 0 0; zoom: 1; } #l2_connect div.l2_first ul.l2_page_list li { float: left; margin: 0; padding: 0 6px 0 0; font-size: 0; line-height: 0; overflow: hidden; } #l2_connect div.l2_first ul.l2_page_list li a { display: block; width: 33px; height: 13px; text-indent: -9999px; overflow: hidden; background: url(../../_common/images/l2_bg_paging.png) -26px 0 no-repeat; } #l2_connect div.l2_first ul.l2_page_list li a:focus { outline: none; } #l2_connect div.l2_first ul.l2_page_list li a:hover, #l2_connect div.l2_first ul.l2_page_list li a.current { background-position: -63px 0; } #l2_connect div.l2_first ul.l2_page_list li.l2_prev a, #l2_connect div.l2_first ul.l2_page_list li.l2_prev a:hover { width: 20px; background-position: left center; } #l2_connect div.l2_first ul.l2_page_list li.l2_next a, #l2_connect div.l2_first ul.l2_page_list li.l2_next a:hover { width: 20px; background-position: right center; } /** popup contents **/ #l2_connect div#l2_popup_contents { position: absolute; top: 10px; left: 0; z-index:1000;} #l2_connect #l2_popup_contents div.l2_section { display: none; position: absolute; margin: 0; padding: 0; width: 972px; } #l2_connect #l2_popup_contents div.l2_section div.l2_popup_bg { margin: 0 auto; padding: 20px 0 0 20px; width: 881px; height: 664px; background: url(../_images/l2_c_popup_bg_1.png) center 0 no-repeat; } #l2_connect #l2_popup_contents div.l2_section div.l2_popup_bg div.l2_close_popup { position: absolute; top: 24px; right: 64px; width: 31px; height: 31px; cursor: pointer; background: url(../../_common/images/l2_popup_close.png) 0 0 no-repeat; } #l2_connect #l2_popup_contents div#l2_section_2.l2_section div.l2_popup_bg { height: 524px; background-image: url(../_images/l2_c_popup_bg_2.png); } #l2_connect #l2_popup_contents div#l2_section_2.l2_section div.l2_popup_bg div.l2_close_popup { position: absolute; top: 28px; right: 67px; } #l2_connect #l2_popup_contents div.l2_section div.l2_popup_bg ul { position: absolute; top: 0; left: 35px; list-style: none; } #l2_connect #l2_popup_contents div.l2_section div.l2_popup_bg ul li { position: absolute; top: 0; left: 0; text-indent: -9999px; cursor: default; } #l2_connect #l2_popup_contents div.l2_section div.l2_popup_bg ul li strong { display: none; position: absolute; top: 0; left: 0; background: 0 0 no-repeat; } #l2_connect #l2_popup_contents div.l2_section div.l2_popup_bg ul li.l2_c_h1 { top: 121px; left: 220px; width: 226px; height: 200px; } #l2_connect #l2_popup_contents div.l2_section div.l2_popup_bg ul li.l2_c_h1 strong { top: 54px; left: 46px; width: 217px; height: 130px; background-image: url(../_images/l2_c_hover_leapworld.png); } #l2_connect #l2_popup_contents div.l2_section div.l2_popup_bg ul li.l2_c_h2 { top: 250px; left: 453px; width: 154px; height: 130px; } #l2_connect #l2_popup_contents div.l2_section div.l2_popup_bg ul li.l2_c_h2 strong { top: -30px; left: -44px; width: 217px; height: 130px; background-image: url(../_images/l2_c_hover_games.png); } #l2_connect #l2_popup_contents div.l2_section div.l2_popup_bg ul li.l2_c_h3 { top: 250px; left: 608px; width: 126px; height: 93px; } #l2_connect #l2_popup_contents div.l2_section div.l2_popup_bg ul li.l2_c_h3 strong { top: -34px; left: -43px; width: 217px; height: 130px; background-image: url(../_images/l2_c_hover_art.png); } #l2_connect #l2_popup_contents div.l2_section div.l2_popup_bg ul li.l2_c_h4 { top: 246px; left: 740px; width: 125px; height: 148px; } #l2_connect #l2_popup_contents div.l2_section div.l2_popup_bg ul li.l2_c_h4 strong { top: -53px; left: -74px; width: 217px; height: 130px; background-image: url(../_images/l2_c_hover_rewards.png); } #l2_connect #l2_popup_contents div.l2_section div.l2_popup_bg ul li.l2_c_h5 { top: 444px; left: 206px; width: 276px; height: 171px; } #l2_connect #l2_popup_contents div.l2_section div.l2_popup_bg ul li.l2_c_h5 strong { top: -36px; left: 64px; width: 217px; height: 130px; background-image: url(../_images/l2_c_hover_download.png); } #l2_connect #l2_popup_contents div.l2_section div.l2_popup_bg ul li.l2_c_h6 { top: 444px; left: 494px; width: 365px; height: 171px; } #l2_connect #l2_popup_contents div.l2_section div.l2_popup_bg ul li.l2_c_h6 strong { top: -14px; width: 217px; height: 130px; background-image: url(../_images/l2_c_hover_recommended.png); }