/* CSS Document */ body { font-family:Arial, Helvetica, sans-serif; arial; padding:0; font-size:12px; color:#666; margin:0px auto;} div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0; } ul{ text-decoration:none;} li{list-style-type:none;} img{vertical-align:top;} strong{font-weight:normal;} input{ margin:0px; padding:0px;} h1,h2,h3,h4,h5,h6 { margin:0; padding:0;font-size:12px; font-weight:normal;} /* Link */ a:link {color: #000; text-decoration:none;} a:visited {color: #000;text-decoration:none;} a:hover {color: #bc2931; text-decoration:underline;} a:active {color: #bc2931;} /* Color */ .cRed,.cRed a:link,.cRed a:visited{ color:#f00; }.cRed a:hover{color: #bc2931;} .cGreen,.cGreen a:link,.cGreen a:visited{ color:#008000; }.cGreen a:hover{color: #bc2931;} .cBlue,.cBlue a:link,.cBlue a:visited{ color:#FFFFFF; }.cBlue a:hover{color: #bc2931;} .cYellow,.cYellow a:link,.cYellow a:visited{ color:#ff9000; }.cYellow a:hover{color: #bc2931;} .cGray,.cGray a:link,.cGray a:visited{ color:#666; }.cGray a:hover{color: #bc2931;} .cWhite,.cWhite a:link,.cWhite a:visited{ color:#fff; }.cWhite a:hover{color: #bc2931;} .cBlack,.cBlack a:link,.cBlack a:visited{ color:#000;}.cBlack a:hover{color: #bc2931;} /* Font */ .fB {font-weight: bold; font-family:Arial, Helvetica, sans-serif; color:#000000;} .B{ font-weight:bold;} .wihte{ color:#FFFFFF;} .f12px{ font-size:12px;} .f14px{ font-size:14px;} .fb14px{ font-size:14px; color:#000000; font-weight: bold;} .f16px{ font-size:16px;} .font_20{ font-size:20px; font-family:"ºÚÌå"; color:#000000;} /* line */ .line_u{ background:url(../../img/09/line_u.gif) repeat-x; height:1px; font-size:1px;overflow:hidden; clear:both;} /* Other */ .left{ float: left;} .right{ float: right;} .text_left{ text-align:left;} .text_right{ text-align:right;} .clear{ clear: both; font-size:1px; visibility: hidden; } .clearfix:after{content:"."; display:block; height: 0; clear: both; visibility: hidden;} /* only FF */ .true_list{ display:block;} .false_list{ display:none;} .unLine ,.unLine a{text-decoration: none;} .noBorder{border:none;} .Border{ border:1px solid #a8c5ee; background-color:#fff;clear:both; text-align:left;} .padding_10{ padding:10px; clear:both; line-height:22px;} .width_970{ width:970px; margin:10px auto; clear:both;} .blank1{ height:1px; clear:both;display:block; font-size:1px;overflow:hidden;} .blank2{ height:2px; clear:both;display:block; font-size:1px;overflow:hidden;} .blank3{ height:3px; clear:both;display:block; font-size:1px;overflow:hidden;} .blank4{ height:4px; clear:both;display:block; font-size:1px;overflow:hidden;} .blank5{ height:5px; clear:both;display:block; font-size:1px;overflow:hidden;} .blank6{ height:6px; clear:both;display:block; font-size:1px;overflow:hidden;} .blank7{ height:7px; clear:both;display:block; font-size:1px;overflow:hidden;} .blank8{ height:8px; clear:both;display:block; font-size:1px;overflow:hidden;} .blank9{ height:9px; clear:both;display:block; font-size:1px;overflow:hidden;} .blank10{ height:10px; clear:both;display:block; font-size:1px;overflow:hidden;} .blank12{ height:12px; clear:both;display:block; font-size:1px;overflow:hidden;} .blank15{ height:15px; clear:both;display:block; font-size:1px;overflow:hidden;} .blank16{ height:16px; clear:both;display:block; font-size:1px;overflow:hidden;} .blank18{ height:18px; clear:both;display:block; font-size:1px;overflow:hidden;} .blank20{ height:20px; font-size:1px;display:block; clear:both;overflow:hidden;} .blank25{height:25px; font-size:1px; display:block;clear:both;overflow:hidden;} .blank30{height:25px; font-size:1px; display:block;clear:both;overflow:hidden;} .blankW5{ width:5px; float:left; display:block;background:#fff;overflow:hidden;} .blankW10{ width:10px; height:auto;float:left; display:block;overflow:hidden;} .blankW12{ width:12px;float:left; display:block;overflow:hidden;} .blankW15{ width:15px;float:left; display:block;overflow:hidden;} .blankW16{ width:16px;float:left; display:block;overflow:hidden;} .blankW18{ width:18px;float:left; display:block;overflow:hidden;} .blankW20{ width:20px;float:left; display:block;overflow:hidden;} .blank_b1 {margin-bottom: -1px;} .blank_b3 {margin-bottom:-3px;} .blank_b6 {margin-bottom: -6px;} .bgno{ background-repeat:no-repeat;} .bg_x{ background-repeat:repeat-x;} .bg_y{ background-repeat:repeat-y;} .bline{ border-bottom:1px solid #CCCCCC;} .tline{ border-top:1px solid #CCCCCC;} .rightline{ border-right:1px solid #CCCCCC;} .xuline{ border-bottom:1px dashed #CCCCCC;} #all{ width:1013px; margin:0px auto;} /* head */ #top{ width:1013px; margin-top:5px;} #logo{ float:left; width:380px; height:63px;} #logo li{ margin:-8px;} #logo_right{ float:left;} #logo_right_top{ width:626px; height:30px;} #logo_right_top span{ padding-left:350px;} #logo_right_bottom{ width:626px; height:33px; background:url(../images/battery_menu_01.jpg) repeat; padding-bottom:1px;} /*#logo_right_black{ float:right; width:18px; background-image:url(../images/heise_bg.jpg); height:5px; margin:0px;}*/ #logo_right_bottom li{ display:inline; font-weight: bold; font-family:Arial, Helvetica, sans-serif; color:#000000; line-height:30px; text-align:center; } #banner{ width:1013px; height:32px; background: url(../images/menu_bg.jpg) 0 0 repeat;} #banner ul{ list-style-type:none; margin:0px;} #banner li{ float:left; margin:0 10px; display:block;line-height:32px; vertical-align:middle;} #banner li a{ color:#FFFFFF;} #search{ width:1000px; height:30px; margin:0 auto; background:url(../images/battery_menu_02.jpg) repeat;} #search ul{ margin:5px 10px;} #search li{ display:inline; padding-left:10px;} .clear{clear:both; width:0px; height:0px;} /*left*/ #index_left{ width:180px; float:left; margin:10px 5px; } #index_left_bg{ background-image:url(../images/index_leftbg.jpg); color:#FFFFFF; font-size:14px; text-align:center; width:180px; height:28px; line-height:28px;} #index_left_category{ border:#007AB5 solid 1px;} #index_left_category h2{ color:#007AB5; font-size:14px; padding:5px 10px;} #index_left_category li{ padding:0px 15px; margin:5px 2px;} /*body*/ #index_middle{ width:610px; float:left;} #index_middle-top{ margin:5px 10px;} #index_middle-top h2{ margin:5px 5px; font-size:14px} #adimg{ float:left; width:220px;} #adimg_webinfo{ float:left; width:350px; margin:5px 10px;} #adimg_webinfo span{ color: #FF0000; font-weight: bold;} .product_display{ width:600px;} /*laptop batteries*/ .product_display_1{ width:200px; float:left; margin:5px 0px; border-top:2px dashed #C3DEFE;} .product_display_img{ width:195px; border-right:2px dashed #C3DEFE; text-align:center; margin:10px 2px;} .product_display_img h2{ font-size:16px; color:#007AB5; text-align:center; font-weight:bold} .product_display_img span{ font-size:14px; color:#FF0000; font-weight:bold;} .product_display_textinfo{ width:195px; height:175px; background-image:url(../images/index_productbg.jpg); margin:2px 2px;} .product_display_textinfo ul{ padding-top:30px; padding-left:10px;} /*right*/ #product_right{ width:193px; float:right; text-align:center; margin:10px 0px;} #product_right_banner{ width:193px; height:38px; background-image:url(../images/right_title.jpg); color:#FFFFFF; font-size:16px; line-height:38px;} #product_right_hotinfo{ border:#CCCCCC solid 1px;} #product_right_hotinfo h2{ font-family:"ºÚÌå"; margin:5px 5px;} #product_right_hotinfo span{ color: #FF0000; font-size: 14px; font-weight: bold;} /*foot*/ #foot_top{ width:1013px; margin:10px auto;} #foot_top span{ margin:5px auto; height:24px;} #foot_middle{ margin:0 auto; width:1013px;} #layer1{ width:195px; height:105px; border:dotted #CCCCCC 1px; float:left;} #layer1 ul{ list-style-type:none; margin:10px 10px;} #layer2{ width:190px; height:105px; border:dotted #CCCCCC 1px; float:left;} #layer2 ul{ list-style-type:none; margin:10px 10px;} #layer3{ width:200px; height:105px; border:dotted #CCCCCC 1px; float:left;} #layer3 ul{ list-style-type:none; margin:10px 10px;} #layer4{ width:420px; height:105px; border:dotted #CCCCCC 1px; float:right;} #layer4 ul{ list-style-type:none; margin:10px 10px;} #foot_info{ margin:10px 0px;} /*second webpage*/ #brand_index_middle{ width:610px; float:left; margin:10px auto;} #brand_info h2{ font-size:16px; font-weight:bold; color:#007AB5;} #brand_info h3{font-size:14px; margin:0px; font-weight:bold; border-bottom:dotted 1px #CCCCCC; padding-bottom:4px; font-weight:normal; color:#FF0000;} #brand_info p{margin:3px 0px; padding:10px; font-size:11px; letter-spacing:1px; clear:both;} #brand_info ul{margin:10px 0 0 10px; padding:0px; list-style:none;} #brand_info li{float:left; margin:12px 20px 0px 0px; padding:0px; display:inline; width:180px; font-size:12px; color:#000392; border-bottom:1px dashed #E2E2E2; text-align:left; } #brand_list{ width:600px; margin:30px 10px;} #brand_list ul{margin:10px 0 0 10px; padding:0px; list-style:none;} #brand_list li{float:left; margin:12px 20px 0px 0px; padding:0px; display:inline; width:150px; font-size:12px; color:#000392; border-bottom:1px dashed #E2E2E2; text-align:left; } /*product*/ #position{ margin:5px auto; width:1000px; height:25px;} #product_top{ width:1013px;} #product_top_left{ float:left;width:810px;} #product_top_left_image{ width:810px;}/*delete height later*/ #productimg{ width:241px; float:left;} #productimg_top{ width:240px; }/*delete later*/ .productname{ width:342px; float:left; margin:5px 5px;} .productname h2{ font-size:14px; color:#007AB5;} .productname p{ width:340px;} #middle_info{ width:340px;} #productinfo_left{ width:120px; text-align:left; float:left} #productinfo_left li{ font-weight:bold; margin:5px 0px;} #productinfo_right{ width:210px; text-align:left; float:right;} #productinfo_right li{ margin:5px 0px;} .price1{ color:#FF0000;} .price2{ color:#000000; text-decoration:line-through;} #others{ width:170px; float:right;} #others_bg{ width:170px;height:36px; background-image:url(../images/types_bg.jpg);color:#FFFFFF; line-height:30px;} #others_type{ width:170px; background-color:#EFEFEF;} #others_type li{ margin-left:10px; margin-top:5px;} #others_battery{ width:170px; background-color:#EFEFEF;} #others_battery h2{ background:#000000; color:#FFFFFF; height:20px;} #others_battery li{ margin-left:10px; margin-top:5px;} #product_top_left_buytoghter{ width:800px;} /*#product_top_left_buytoghter ul{margin:10px 0 0 10px; padding:0px; list-style:none;} #product_top_left_buytoghter li{float:left; margin:12px 20px 0px 0px; padding:0px; display:inline; width:180px; font-size:12px; color:#000392; border-bottom:1px dashed #E2E2E2; text-align:left; }*/ #product_top_right{ width:193px; float:right; text-align:center} /*#product_right_banner{ width:193px; height:38px; background-image:url(../images/right_title.jpg); color:#0033CC; font-size:16px; line-height:38px;}*/ #product_right_hotinfo{ border:#CCCCCC solid 1px;} #product_right_hotinfo ul{ font-family:"ºÚÌå"; margin:5px 5px;} /*#product_middle{ background-color:#EBEBEB; padding:2px 1px; width:1010px;} #product_middle h2{ margin:2px 2px;} #product_middle ul{ list-style-type:none;} #product_middle li{ float:left;}*/ #product_bottom{ background-color:#EBEBEB; margin:10px 0px; padding:10px 1px; width:1010px;} #product_bottom li{ margin:10px 10px;} .clear{ clear:both;} /*js*/ #js{ width:810px; float:left;}/*float used by FF*/ .tab{width:810px;height:100%;overflow:hidden;border: 1px solid #f0f0f0;margin:15px 0 5px 0;} .menu,.menu li{margin:0;padding:0;list-style:none;overflow:hidden;text-align:center;} .menu{border-bottom:1px solid #f0f0f0;} .menu .default{width:205px;float:left;font-size:10pt;line-height:28px;margin-left:1px;cursor:pointer;background:url('../images/p_old_bg.jpg') no-repeat;} .menu .active{width:205px;float:left;font-size:10pt;line-height:28px;margin-left:1px;cursor:pointer;font-weight:bold;color:#FFFFFF;background:url('../images/p_ac_bg.jpg') no-repeat;} .menu.showme,.menu.hidme{width:76px;float:left;font-size:14pt;line-height:1.5;margin-left:1px;cursor:pointer;color:#0000FF;text-align:right;font-weight:bold;} .menu a{text-decoration:none;color:#ffffff;} #tab_content2 ul,#tab_content3 ul{list-style:none;} #tab_content2 ul li,#tab_content3 ul li{float:left;font-size:13px;padding-left:20px;width:30%;} #tab_content2 ul li a,#tab_content3 ul li a{color:#333333;} #tab_content2 ul li a:hover,#tab_content3 ul li a:hover{color:#998D47;} h2{padding:10px;font-size:14px; font-weight:bold;color:#666666;} #tab_content1 p{padding-left:670px;padding-bottom:15px;font-weight:bold;font-size:14px;color:#666666;} #tab_content1 ol{padding:0px 0px 0px 10px;} #tab_content1 ol li{padding-top:5px;} #tab_content1 dl{padding:0px 0px 0px 10px;} #tab_content1 dl dt{font-weight:bold;font-size:14px;color:#666666;} #tab_content1 dl dd{padding:10px 0px 0px 10px;} /*js zoumadeng*/ .rollBox{width:730px;overflow:hidden;padding:12px 0 5px 6px;} .rollBox .LeftBotton{height:60px;width:20px;background:url(../images/pro-left.jpg) no-repeat 0 0;overflow:hidden;float:left;display:inline;margin:25px 0 0 0;cursor:pointer;} .rollBox .RightBotton{height:60px;width:21px;background:url(../images/pro-right.jpg) no-repeat 0 0;overflow:hidden;float:left;display:inline;margin:25px 0 0 0;cursor:pointer;} .rollBox .Cont{width:663px;overflow:hidden;float:left;} .rollBox .ScrCont{width:10000000px;} .rollBox .Cont .pic{width:132px;float:left;text-align:center;} .rollBox .Cont .pic img{padding:4px;background:#fff;border:1px solid #ccc;display:block;margin:0 auto;} .rollBox .Cont .pic p{line-height:26px;color:#505050;} .rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;} .rollBox .Cont a:hover{color:#f00;text-decoration:underline;} .rollBox #List1,.rollBox #List2{float:left;} /*adapter*/ #adapterinfo{} #adapterfit{}