body {width:1003px; margin:0 auto; font:11px Arial, Helvetica, sans-serif;} a {text-decoration:none; color:#025F97;} a:hover {text-decoration:underline; color:#FF0000;} #JMbattery {border:1px solid #F1BE52; width:208px; background-color:#efefef; margin:0px; padding:0 0 10px 0; height:100%; overflow:hidden;} #JMbattery ul{margin:10px; padding:0px; list-style:none;} #JMbattery ul li{margin:2px; padding:2px 0; width:180px; border-bottom:1px dashed #F1BE52; float:left;} #JMbattery ul li a{color:#333333; font-weight:bold; text-decoration:none;} #JMbattery ul li a:hover{color:#000; text-decoration:underline;} .h1:visited {color:#369; text-decoration:none; font-size:12px;} .h1:link {color:#369; text-decoration:none; font-size:12px;} .h1:hover {color:#369; text-decoration:none; font-size:12px;} .h1:active {color:#369; text-decoration:none; font-size:12px;} .h2:visited {color:#000; text-decoration:none;} .h2:link {color:#000; text-decoration:none;} .h2:hover {color:#000; text-decoration:none;} .h2:active {color:#000; text-decoration:none;} .RedB{color:#F90; font-weight:bold;} .red{color:#FF0000; font-weight:bold; font-size:12px;} #logo{background:url(images/bj.gif); height:128px; width:1003px; padding:0px; margin:0px;} .img_left{float:left; border:0;} #logo_left{width:620px; float:right; margin:20px 0 0 0;} #logo_left ul{list-style:none; margin:0px; padding:0px;} #logo_left li{display:inline; margin:0 10px; padding:0px; float:left; width:55px; text-align:center; border-right:1px solid #EDEDED;} /*- Menu Tabs F--------------------------- */ .tabsF { width:1003px; float:left; line-height:normal; margin:auto; padding:0px; text-align:center; height:24px;} .tabsF ul { margin:0 0 0 80px; padding:0; list-style:none; } .tabsF li { display:inline; margin:0; padding:0; height:24px; } .tabsF a {float:left; background:url("images/tab-1.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; font-size:12px; color:#FFF; font-weight:bold; font-family:Arial, Helvetica, sans-serif; } .tabsF a span {float:left; display:block; background:url("images/tab-2.gif") no-repeat right top; padding:7px 15px 4px 6px; color:#666; font-size:12px; color:#FFF; font-weight:bold; font-family:Arial, Helvetica, sans-serif; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ .tabsF a span {float:none;} /* End IE5-Mac hack */ .tabsF a:hover span { color:#000; font-size:12px; font-weight:bold; text-decoration:none; } .tabsF a:hover {background-position:0% -27px; font-size:12px; font-weight:bold; text-decoration:none;} .tabsF a:hover span {background-position:100% -27px; font-size:12px; color:#FFFFFF; font-weight:bold; text-decoration:none; } #tabsf_li{ height:27px; width:58px; background:url(images/tu-15.gif) no-repeat; margin:0px;} #tabsf_li a{ background:url(images/tu-15.gif) no-repeat; height:16px; width:58px; padding:8px 0px 4px 1px; font-size:12px; color:#FFF;} #fgt{ height:35px; width:1003px; } /* logo end ! -------------------------------- */ #center{width:997px; margin:0 3px; padding:0px; height:100%; overflow:hidden;} #categories{float:left; margin:5px 0 0 0; padding:0px; width:181px; background:url(images/tu-9.gif);} #categories h1{background:url(images/tu-8.gif) no-repeat; height:37px!important; height/**/:31px; font-size:14px; font-weight:bold; padding:8px 0 0 10px; margin:0px;} #categories h2{ color:#2C7DAC; background:url(images/tu-10.gif) no-repeat 15px 50%; margin:8px 0 0 0; padding:0 0 0 25px; font-size:12px;} #categories h2 a{ color:#2C7DAC; text-decoration:none;} #categories ul{margin:5px 0 0 25px; padding:0px; list-style:none;} #categories li{margin:5px 0; padding:0px;} #categories li a {color:#333; text-decoration:none;} #categories li a:hover {color:#333; text-decoration:underline;} #categories img{vertical-align:bottom;} #search{float:right; background:url(images/search-bj.gif) no-repeat; width:810px; height:34px; margin:0; padding:0px;} #search h1{font-size:13px; font-weight:normal; float:right; width:140px; border-left:1px solid #CCCCCC; line-height:24px; margin:5px 0; padding:0 0 0 10px;} #search label{font-size:14px; font-weight:bold; color:#000000;} #search form {float:left; clear:both; margin:5px 0px 0px 10px; padding:0 0 7px 10px; width:553px; } #f_search_inquire {background:url(images/search.gif) no-repeat 0 50%; margin:0 10px 0 10px; width:63px; height:19px; border:0;} #f_search_place {margin-right:10px; width:175px;} #welcome{width:594px; border:1px solid #eeeeee; float:right; margin:20px 10px 0 0; background-color:#fefefe;} #welcome a{color:#025F97; text-decoration:underline;} #welcome h1{margin:5px auto 3px 10px; padding:0px; font-size:14pt; font-weight:normal; } #welcome h3{margin:0px 0px 3px 10px; padding:0px; font-size:11pt; font-weight:normal; color:#FF9900; } #welcome p{margin:5px 10px; padding:0px; line-height:15px; font-size:12px;} #banner-1{float:right; width:196px; height:344px; margin:20px 0 0 0;} #hot{margin:10px 10px 0 0; padding:0px; float:right; width:594px;} .num_bg1{ width:594px; margin:10px auto 0px auto; padding:0px; } #num_bg2{ float:left; margin:8px 0 0 0; padding:10px 0px; border:#F2F2F2 solid; border-left-width:0px; border-right-width:0px; height:100%; overflow:hidden; width:594px;} #num_bg2 h1{font-size:13pt; margin:0px; padding:0px; font-weight:normal;} #num_bg2 ul{margin:0px; padding:0px; list-style:none;} #num_bg2 li{margin:0px 5px; padding:0 0 0 5px; display:inline; border-right:1px dashed #ccc; float:left; width:130px; text-align:center;} #num_bg3{ float:left; margin:8px 0 0 0; padding:10px 0px; border:#F2F2F2 solid; border-left-width:0px; border-right-width:0px; height:100%; overflow:hidden; width:997px;} #num_bg3 h1{font-size:13pt; margin:0px; padding:0px; font-weight:normal;} #num_bg3 ul{margin:0px; padding:0px; list-style:none;} #num_bg3 li{margin:0px 5px; padding:0 0 0 5px; display:inline; border-right:1px dashed #ccc; float:left; width:125px; text-align:center;} #hottab{float:left; width:594px; background:#efefef; line-height:normal; height:32px; background-image:url(images/hot-bj.gif); text-align:left;} #hottab ul { list-style:none;margin:0; padding:0px;} #hottab li {display:inline; margin:0px; padding:0px; float:left; height:32px; } #hottab a { float:left; background:url("images/hot-2.gif") no-repeat left 1px; margin:0; padding:0 0 0 8px; text-decoration:none; font-size:12px; font-weight:bold; color:#000; } #hottab a span { float:left; display:block; background:url("images/hot-3.gif") no-repeat right 1px; padding:8px 15px 5px 6px; color:#000; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #hottab a span {float:none;} /* End IE5-Mac hack */ #hottab a:hover span {background:url("images/hot-21.gif") no-repeat left 1px; color:#FFF; padding:8px 15px 5px 14px; margin:0px;} #hottab a:hover {background:url("images/hot-31.gif") no-repeat right 1px; padding:0px; margin:0px; } #h9 a{ float:left; background:url("images/hot-4.gif") no-repeat left 1px; margin:0; padding:0 0 0 8px; text-decoration:none; font-size:14px; color:#FFF; } #h9 a span{float:left;display:block;background:url("images/hot-5.gif") no-repeat right 1px; padding:8px 15px 4px 6px; color:#FFF; } #h9 a span{float:none;} #hottitle{margin:0px; padding:0px; background:url(images/hot-1.gif) no-repeat; width:118px; height:32px;} #hottitle h1{font-size:14px; margin:0px; padding:8px 0 0 5px;} #other{float:right; margin:20px 0 0 0; padding:0px; width:800px; height:109px; height:100%; overflow:hidden; border:1px solid #efefef;} #other h1{font-size:16px; color:#006699; margin:8px 0 1px 8px;} #other h3{font-size:9pt; margin:0 0 0 8px; color:#FF9900;} #other p{margin:8px; font-size:9pt;} #banner-2{margin:20px 0; padding:0px; width:803px; height:92px; float:right;} * html .inner {display:inline}/* for ie*/ html>body #outer {display:table}/*for mozilla */ html>body .inner {display:table;float:left}/*for mozilla */ @media all and (min-width: 0px){/* opera 7 styles */ html>body .inner {display:inline-block;float:none;}} /*.text{font-size:14pt; color:#FF0000; font-family:Arial, Helvetica, sans-serif; font-weight:bold}*/ #inner{margin:20px 0 0 10px; padding:0px; width:260px; height:160px; background:url(images/bj-2.gif) no-repeat right bottom; float:right;} #title{margin:0 0 0 18px; padding:0px; width:242px; height:24px;} #inner ul{margin:0px; padding:0px; list-style:none;} #inner li{float:left; background:url(images/tu-20.gif); line-height:24px; margin:0px; padding:0px; display:inline; } #inner li a{color:#000000; text-decoration:none; margin:0;} #inner li a:hover{ color:#FF0000; text-decoration:underline; margin:0;} .imgleft{float:left; margin:20px 0 0 0; padding:0px;} #product{margin:5px 0 0 0; padding:0px; float:right; width:180px;} #product ul{margin:0px; padding:0px; list-style:none;} #product li{background:url(images/tu-22.gif) no-repeat 3px 50%; margin:0px; padding:5px 0px 5px 12px; float:left; display:inline; border-bottom:1px dashed #CCCCCC; width:158px; line-height:100%} #copyright{margin:30px 0 0 12px; padding:0px; width:979px; text-align:center; } * html .inner2 {display:inline}/* for ie*/ html>body #outer {display:table}/*for mozilla */ html>body .inner2 {display:table;float:left}/*for mozilla */ @media all and (min-width: 0px){/* opera 7 styles */ html>body .inner2 {display:inline-block;float:none;}} /*.text{font-size:14pt; color:#FF0000; font-family:Arial, Helvetica, sans-serif; font-weight:bold}*/ #inner2{ float:left; margin:5px 13px; padding:0px; width:300px; height:150px; text-align:left;} #inner2 img{float:left;} #inner3{margin:0 0 0 10px; padding:0px; width:200px; float:left;} #inner3 h1{font-family:"Times New Roman", Times, serif; color:#FF6600; font-size:16pt; margin:0 0 10px 0; padding:0px; font-weight:normal;} #inner3 ul{margin:0px; padding:0px; list-style:none;} #inner3 li{background:url(images/tu-22.gif) no-repeat 3px 50%; margin:0px; padding:5px 0px 5px 12px; float:left; display:inline; border-bottom:1px dashed #CCCCCC; width:130px; line-height:100%} /* battery.htm ==================================================== */ #battery_l{float:left; margin:0 0 10px 0; padding:0px; width:810px; height:100%; overflow:hidden;} #path{margin:10px 0 0 20px; padding:0 0 0 5px; border-left:3px solid #FF9900; font-size:12px; font-weight:bold;} #pic{margin:30px 0 0 10px; padding:0px; float:left; width:250px; text-align:center;} #pic p{color:#333; text-align:left; padding:0px 30px;} #info {float:right; margin:30px 20px 0 0; padding:0px; width:500px; clear:none;} #info h1{font-size:14pt; color:#F90; width:500px; margin:0px; padding:0px;} #info p{margin:0px; height:0px; color:#666; height:100%; overflow:hidden;} #info ul{margin:20px 0 18px 0; padding:0px; float:left; list-style:none; font-size:9pt;} #info span div{margin:20px 0 0 20px; clear:both;} #info li{margin:3px 0 0 10px; padding:3px 0; display:inline;} .text_1{text-align:right; font-weight:bold; width:120px; float:left; border-bottom:1px dashed #CCCCCC; font-size:12px; color:#333} .text_2{width:360px; height:15px; color:#45A235; float:left; border-bottom:1px dashed #CCC; color:#333; } #info h2{margin:10px 0px; padding:0 0 10px 0; font-size:14px; width:480px; border-bottom:1px dashed #CCC;} .text_3{color:#900; text-decoration:line-through; margin:0px 5px; font-size:13pt; } .text_4{color:#F00; text-decoration:underline; font-size:13pt; } #info h3{font-size:12px; float:left; width:200px;} .img_right{float:right; margin-right:20px;} img{border:0; vertical-align:bottom;} #detail{margin:0 0 0 10px; padding:0px; float:left; width:760px;} #detail a{font-weight:bold;} .num_1{ width:760px; margin:10px auto 0px 0px; padding:0px; } #num_2{ width:760px; float:left; margin:8px 0 0 0; padding:10px 0px; border-bottom:#F2F2F2 solid; height:100%; overflow:hidden;} #num_2 a:hover{font-size:9pt; font-weight:bold; text-decoration:underline; color:#FF0000;} #bt{float:left; width:760px; border-bottom:2px solid #F60; line-height:normal; height:32px; text-align:left;} #bt ul{ list-style:none;margin:0; padding:0px;} #bt li{display:inline; margin:0px; padding:0px; float:left; height:32px; } #bt a{ float:left; background:url("images/tu-29.gif") no-repeat left 4px; margin:0; padding:0 0 0 8px; text-decoration:none; font-size:12px; color:#000; } #bt a span{ float:left; display:block; background:url("images/tu-30.gif") no-repeat right 4px; padding:12px 15px 5px 6px; color:#000; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #bt a span{float:none;} /* End IE5-Mac hack */ #d a{ float:left; background:url("images/tu-27.gif") no-repeat left 3px; margin:0; padding:0 0 0 8px; text-decoration:none; font-size:14px; color:#FFF; font-weight:bold; } #d a span{float:left;display:block;background:url("images/tu-28.gif") no-repeat right 3px; padding:12px 15px 4px 6px; color:#FFF; } #d a span{float:none;} #moreh1 {clear:left; margin:30px 0 0px 20px; padding:3px 0 0 0px; border-bottom:2px solid #F60; height:22px;width:750px; } #moreh1 li{ float:left; height:22px; width:100px; list-style:none; color:#737474; font-weight:bold;} .morebattery{ margin:5px 0 0 18px; padding:0px; width:750px;} .morebattery ul{ float:left;} .morebattery li{ float:left; list-style:none; height:50px;line-height: 50px; width:100px; color:#000000; overflow:hidden; } .morebattery li img{width:50px; height:50px; } #categories2{float:right; margin:5px 0 0 0; padding:0px; width:181px; background:url(images/tu-9.gif);} #categories2 h1{background:url(images/tu-8.gif) no-repeat; height:37px!important; height/**/:31px; font-size:14px; font-weight:bold; padding:8px 0 0 10px; margin:0px;} #categories2 ul{margin:8px 10px 0 10px; padding:0px; list-style:none;} #categories2 li{margin:5px 0; padding:3px 0 3px 18px; background:url(images/tu-10.gif) no-repeat 5px 50%; border-bottom:1px dashed #CCCCCC; display:linline; font-weight:bold;} #categories2 img{vertical-align:bottom;} #visited{margin:0px; padding:0px; width:181px; float:right;} #visited h1{margin:20px 0 0 0; padding:5px 0 5px 23px; font-size:14px; background:url(images/tu-31.gif) no-repeat 3px 50%; color:#f90; border-bottom:2px solid #F2F2F2;} #visited p{margin:8px 0 0 8px; padding:0px;} #visited h3{margin:5px 0; font-size:12px; padding:3px 0 3px 18px; background:url(images/tu-10.gif) no-repeat 5px 50%; border-bottom:1px dashed #CCCCCC; display:linline;} #visited img{vertical-align:middle; } #related{margin:0px; padding:0px; width:760px; float:right; } /* about.htm ==================================================== */ #about{margin:0px; padding:0px; float:left; width:810px;} #about p{margin:20px; font-size:10pt; padding:0; } #content{margin:30px 30px 10px 20px; padding:0px;} #content h1{margin:20px auto; padding:0px; font-size:16pt; color:#369; border-bottom:1px solid #369;} #content span{ border-bottom:1px dashed #CCCCCC; padding:8px 0px 2px 0px; font-size:14px; line-height:160%;} #content ol {font-size:10pt; } #content dl {font-size:10pt; margin:20px; } #content dt {font-weight:bold; margin:0px;} #content dd {margin:0px;} /* model.htm ==================================================== */ #details{margin:30px auto 0 auto; padding:0px; width:780px; height:100%; overflow:hidden;} #details fieldset{margin:0px; padding:20px;} #details h1{font-size:15pt; margin:0px; border-bottom:1px solid #CCCCCC; padding-bottom:4px; font-weight:normal; color:#FF9900;} #details h3{font-size:14px; margin:0px; font-weight:bold; border-bottom:dotted 1px #CCCCCC; padding-bottom:4px; font-weight:normal; color:#FF9900;} #details p{margin:3px 0px; padding:10px; font-size:11px; letter-spacing:1px; clear:both;} #details ul{margin:10px 0 0 10px; padding:0px; list-style:none;} #details li{float:left; margin:12px 30px 0px 0px; padding:0px; display:inline; width:225px; font-size:12px; color:#000392; border-bottom:1px dashed #E2E2E2; text-align:left; } /* brand.htm ==================================================== */ #brand{margin:30px 0 0 30px; padding:0px; width:700px; height:100%; overflow:hidden;} #brand h1{margin:5px 0px; padding:0px; font-size:14pt; font-weight:normal; color:#FF9C00;} #brand h2{margin:0px; padding:3px; font-size:12px; color:#000;; font-weight:bold; background-color:#F5F7E9;} #brand h3{margin:30px 0 0 0; padding:3px; width:100%; font-size:12px; color:#000;; font-weight:bold; background-color:#F5F7E9; float:left;} #brand ul{margin:10px; padding:0px; list-style:none;} #brand li{float:left; margin:5px 30px 0px 0px; padding:0px; display:inline; width:100px; font-size:12px; color:#000392; border-bottom:1px dashed #E2E2E2;} #buynow{margin:0px 30px; padding:0px; width:650px; float:left;} #buynow img{vertical-align:middle;} #buynow h1{margin:0px; padding:10px 0px; font-size:14px; font-weight:bold; color:#FF0000;} #buynow h2{margin:5px 0px; padding:0px; font-size:11px;} #buynow h3{margin:5px 0px; padding:0px; font-size:11px; color:#FF0000;} #buynow ul{margin:0px; padding:0px; list-style:none;} #buynow li{margin:0px 0px 0px 10px; padding:2px 0px 2px 10px; display:inline; font-size:16px; color:#CC0000; font-weight:bold;} #fpic{margin:30px 0 0 10px; padding:0px; float:left; width:400px; text-align:center;} #fpic p{color:#333; text-align:left; padding:0px 30px;} #finfo {float:right; margin:30px 20px 0 0; padding:0px; width:350px; clear:none;} #finfo h1{font-size:14pt; color:#F90; width:350px; margin:0px; padding:0px;} #finfo p{margin:0px; height:0px; color:#666; height:100%; overflow:hidden; padding:0;} #aboutp {width:770px; height:120px; border:1px solid #eeeeee; margin:20px 10px 0 0; background-color:#f9f9f9;} #finfo ul{margin:20px 0 0 0; padding:0px; float:left; list-style:none; font-size:9pt;} #finfo span div{margin:10px 0 0 10px; clear:both;} #finfo li{margin:3px 0 0 10px; padding:3px 0; display:inline;} #finfo form {margin:0;} .ftext_1{text-align:right; font-weight:bold; width:120px; float:left; border-bottom:1px dashed #CCCCCC; font-size:12px; color:#333} .ftext_2{width:200px; color:#45A235; float:left; border-bottom:1px dashed #CCC; color:#333; } #battery_adapter{ margin:10px 0 0 10px; padding:0px; float:left; width:760px;} #battery_adapter h2{ border-bottom:2px solid #F60; font-size:12px; line-height:35px; margin-bottom:10px; padding-left:5px;} #battery_adapter ul{list-style-type:none; float:left} #battery_adapter ul li{display:inline; margin-left:10px; float:left;} .add{font-size:18px; font-weight:600; padding:20px 0 0 0;} .class31{font-family:Arial;font-size:16px; padding:15px 5px;}