@charset "utf-8"; /* CSS Document */ #main_container div.hydrotect{ height:550px; overflow:hidden; position:relative; background:url(/cn/resource/images/hydrotect_intro_bg.jpg) no-repeat } #main_container div.hydrotect div.logo{ background:url(/cn/resource/images/hydrotect_logo_bg.png) no-repeat;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cn/resource/images/hydrotect_logo_bg.png', sizingMethod='scale'); width:160px; height:200px; position:relative; z-index:11} #main_container div.hydrotect div.bg{ width:998px; height:550px; position:absolute;background:url(/cn/resource/images/hydrotect_intro_p1_bg.jpg) no-repeat; top:0; left:0; z-index:1} #main_container div.hydrotect div.hydrotect_menu{width:92px; margin-top:18px; margin-left:36px; position:relative; z-index:11} #main_container div.hydrotect div.hydrotect_menu ul.menu{ list-style:none; margin:0; padding:0; } #main_container div.hydrotect div.hydrotect_menu ul.menu li{ margin-bottom:10px;background-color:#00613e; } #main_container div.hydrotect div.hydrotect_menu ul.menu li a{ height:24px; width:70px; line-height:24px; padding-left:22px; display:block; text-decoration:none; color:#ffffff; font-size:12px; background:url(/cn/resource/images/hydrotect_menu_arrow_right.gif) no-repeat 9px 9px;background-color:#00613e } #main_container div.hydrotect div.hydrotect_menu ul.menu li.current a{background:url(/cn/resource/images/hydrotect_menu_arrow_bottom.gif) no-repeat 9px 9px ;background-color:#00613e} #main_container div.hydrotect div.hydrotect_menu ul.submenu{ list-style:none; margin:0; padding:0; margin-top:-10px; } #main_container div.hydrotect div.hydrotect_menu ul.submenu li{ margin-bottom:0; background-color:none; border-bottom:1px #00613e dashed} #main_container div.hydrotect div.hydrotect_menu ul.submenu li a, #main_container div.hydrotect div.hydrotect_menu ul.submenu li span{height:45px; width:74px; line-height:22px; padding-left:18px; display:block; text-decoration:none; color:#00613e; font-size:12px; background:url(/cn/resource/images/hydrotect_menu_arrow_right_1.gif) no-repeat 9px 9px;letter-spacing:0px; cursor:pointer; *background-position:9px 8px } #main_container div.hydrotect div.hydrotect_menu ul.submenu li.current a, #main_container div.hydrotect div.hydrotect_menu ul.submenu li.current span{background:url(/cn/resource/images/hydrotect_menu_arrow_right_2.gif) no-repeat 8px 9px; border-bottom:1px #00613e dashed} #main_container div.hydrotect div.hydrotect_menu ul.submenu li ul.subsubmenu{ margin-left:15px;margin-bottom:6px;margin-top:4px; display:none} #main_container div.hydrotect div.hydrotect_menu ul.submenu li.current ul.subsubmenu{ display:block} #main_container div.hydrotect div.hydrotect_menu ul.submenu li ul.subsubmenu li{ border:none 0px} #main_container div.hydrotect div.hydrotect_menu ul.submenu li ul.subsubmenu li a{height:20px; width:90px; line-height:20px; padding-left:0px; display:block; text-decoration:none; color:#00613e; font-size:12px; background:none; border:0px none;padding-left:14px;} #main_container div.hydrotect div.hydrotect_menu ul.submenu li ul.subsubmenu li a:hover{ color:#444444} #main_container div.hydrotect div.hydrotect_menu ul.submenu li ul.subsubmenu li.current a:hover{ color:#00613E} #main_container div.hydrotect div.hydrotect_menu ul.submenu li ul.subsubmenu li.current a{background:url(/cn/resource/images/hydrotect_menu_arrow_right_1.gif) no-repeat 9px 8px; border:0px none;} #main_container div.hydrotect div.p1{ background:url(/cn/resource/images/hydrotect_intro_p1_bg.jpg) no-repeat;} #main_container div.hydrotect div.p2_1{ background:url(/cn/resource/images/hydrotect_intro_p2_1_bg.jpg) no-repeat; display:none} #main_container div.hydrotect div.p2_2{ background:url(/cn/resource/images/hydrotect_intro_p2_2_bg.jpg) no-repeat; display:none} #main_container div.hydrotect div.p3_1{ background:url(/cn/resource/images/hydrotect_intro_p3_1_bg.jpg) no-repeat; display:none} #main_container div.hydrotect div.p3_2{ background:url(/cn/resource/images/hydrotect_intro_p3_2_bg.jpg) no-repeat; display:none} #main_container div.hydrotect div.p4_1{ background:url(/cn/resource/images/hydrotect_intro_p4_1_bg.jpg) no-repeat; display:none} #main_container div.hydrotect div.p4_2{ background:url(/cn/resource/images/hydrotect_intro_p4_2_bg.jpg) no-repeat; display:none} #main_container div.hydrotect div.flashcontent{ position:absolute ; top:1px; left:2px} #main_container div.hydrotect div.hydrotect_sub_menu{ width:500px; height:196px; position:absolute; top:355px; left:492px; z-index:11} #main_container div.hydrotect div.hydrotect_sub_menu ul{ list-style:none; margin:0; padding:0} #main_container div.hydrotect div.hydrotect_sub_menu ul li{ /*text-indent:-100000px;overflow:hidden;*/ float:left; margin-right:40px; width:71px; height:196px; cursor:pointer; border:1px red} /*#main_container div.hydrotect div.hydrotect_sub_menu ul li.sub_menu_1{ background:url(/cn/resource/images/hydrotect_intro_sub_menu_1_small.png) no-repeat;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cn/resource/images/hydrotect_intro_sub_menu_1_small.png', sizingMethod='scale');} #main_container div.hydrotect div.hydrotect_sub_menu ul li.sub_menu_2{ background:url(/cn/resource/images/hydrotect_intro_sub_menu_2_small.png) no-repeat;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cn/resource/images/hydrotect_intro_sub_menu_2_small.png', sizingMethod='scale');} #main_container div.hydrotect div.hydrotect_sub_menu ul li.sub_menu_3{ background:url(/cn/resource/images/hydrotect_intro_sub_menu_3_small.png) no-repeat;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/cn/resource/images/hydrotect_intro_sub_menu_3_small.png', sizingMethod='scale');}*/ #main_container div.hydrotect .subsubcategories, #main_container div.hydrotect .kv{ left:190px;position:absolute;top:50px;width:796px;} #main_container div.hydrotect .kv{ top:25px} #main_container div.hydrotect .kv ul{ list-style:none; margin:0; padding:0} #main_container div.hydrotect .kv ul li{float:left; margin-right:5px; margin-bottom:4px; width:101px; height:55px;_height:40px; position:relative;} #main_container div.hydrotect .kv ul li.highlight img{border:1px solid #327e62;} #main_container div.hydrotect .kv ul li img{ border:0 none; width:101px;border:1px solid transparent;_border-color:tomato;_filter:chroma(color=tomato); } #main_container div.hydrotect .kv ul li.last{ display:inline;width:125px; float:right} #main_container div.hydrotect .kv ul li.last a{ padding-left:8px; background:url(/cn/resource/images/hydrotect_menu_arrow_right_1.gif) no-repeat left center; font-size:12px; color:#00613e; position:absolute; top:39px; left:0px} #main_container div.hydrotect .subsubcategoriespagination{ right:20px;position:absolute;top:512px;width:796px;} #main_container div.hydrotect .subsubcategoriespagination ul{ float:right} #main_container div.hydrotect .subsubcategories ul li{border:2px dashed transparent;_border-color:tomato;_filter:chroma(color=tomato);margin-right:5px;}/*solid #d7d4c4_border:2px solid #d9d6c7*/ #main_container div.hydrotect .subsubcategories ul li.highlight{border:2px solid #00613e;} #main_container div.hydrotect .subsubcategories ul li div.border a{background:url("/cn/resource/images/pic_products_hydrotect_sub_sub_item_title_bg_1.gif") no-repeat scroll right 0px transparent; *background-position:right 1px} #main_container div.hydrotect .subsubcategories ul li div.border a div.title{ background-color:#e9e9e9; height:16px;line-height:13px;*line-height:16px;} #main_container div.hydrotect .subsubcategories ul li div.border a div.title span{ float:right;margin-top:-12px;*margin-top:-17px;font-size:10px;} #main_container div.hydrotect .subsubcategories ul li div.border a div.productimg{ margin-top:1px;} #main_container div.hydrotect .subsubcategoriespagination ul li.pagepreviou a img, #main_container div.hydrotect .subsubcategoriespagination ul li.pagenext a img{ margin-top:1px;}