/* CSS Document */

body{font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin:0px;}

.img_left{float:left; margin:0px; padding:0px;}
.img_right{float:right; margin:0px; padding:0px;}
.img_top{margin:0px; padding:0px; vertical-align:top;}
.img_bottom{margin:0px; padding:0px; vertical-align:bottom;}
.img_center{vertical-align:middle;}
img{border:none;}


#top{
	padding:0px; /* 0 ok for FF AND IE*/
	width:980px;
	height:100px;/* original is 100*/
	*height:95px !important;/* original is 100*/
	*height:50px;/* original is 100*/
	
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px; /* set the distance between #top & #manu */
	margin-left: auto;
	
}

#logo{
    padding:0px;
	width:300px;
	height:60px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;

}

#guide{
    float:left;
	width:680px; /*  680 is ok */
	height:70px;
	padding:0px 0px 10px 0px;
	margin:-70px 0px 0px 300px; /* for firefox */
	*margin:-50px 0px 0px 300px !important; /* for IE7 */
	*margin:-50px 0px 0px 150px;  /* for IE6 */		
	
}

#guide ul{
    list-style-type:none;
}

#guide li{
    float:left;
	padding-left:10px;
	list-style-type:none;
	
}		

#guide form{
     padding-top:25px;
     padding-left:320px;
	 
}
#search{
	width:300px; /* 200 is ok */
	height:70px;
	padding-left:50px; /* 200 is ok */
	padding-right:10px;
	/*margin-left:200px; */
	/* margin-bottom:-100px; */
	margin-top:-60px;
    *margin-top:-60px;
	margin-left:60px;
	
	
}
#search p{ 

/* padding-left:80px;  80 is ok */
padding-top:10px;
margin-left:-1px;

*margin-top:-50px;
width:250px;
float:left;
}
#sear-txt{
    float:left;
	margin-left:10px;
	background-color:#FDE4C5;
}
#sear-btn{ 
    float:left; 
	margin-top:-1px;
	*margin-top:-45px; 
	margin-left:155px;
	
}

.sch{
    width:190px;
	padding:0px;
	margin:0px;
	
}

#sch-txt{
    float:left;
	margin-left:10px;
	margin-right:5px;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#FDE4C5;
}
#sch-btn{ 
    float:left; 
	margin-top:10px;
	margin-bottom:10px;
	 
	
}

#banner{
	width:320px; /* 300 is original 080905 */
	height:70px;
	padding-left:50px; /* 200 is ok */
	padding-right:10px;
	/*margin-left:200px; */
	/* margin-bottom:-100px; */
	margin-top:-50px; /*original -30*/
    *margin-top:-60px; /*original -30*/
	margin-left:300px;
}

#logo img{
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#logo p{
	width:400px;
	float:right;
	color:#999999;
	font-size:11px;
	font-family: Verdana;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0;
}

#ship_tel{
    margin:0px auto 0px auto;
	padding:0px 10px 0px 0px;
	width:980px;
	height:40px;
	background-repeat: repeat-x;
	position:relative;
	text-align:left;
}

#manu{
	margin:10px auto 0px auto;
	padding:0px;
	width:980px;
	height:33px; /* original data is 37px */
	background-image: url(images/line.gif);
	/*background-image: url(images/bg-line.gif); */
	
	background-repeat: repeat-x;
	position:relative;
}
#manu ul{
	margin:8px 0px;
	padding:0px;
	list-style:none;
	position:absolute;
	left:9px;
	top: -1px;
	width: 922px;
	} 
#manu li{margin:0px 3px; padding:0px; display:inline;}

#manu a {text-decoration:none;
    /*color:#0C60AF; */
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#manu a:hover{
    color:#000000;
}

#manu input{vertical-align:middle;}

#manu2{
	margin:0px auto 0px auto;
	padding:0px;
	*padding:0px !important;
	*padding:-100px 0px 0px 0px;
	width:980px;
	height:33px; /* original data is 37px */
	background-image: url(images/line.gif);
	/*background-image: url(images/bg-line.gif); */
	
	background-repeat: repeat-x;
	position:relative;
}

#manu2 ul{
	margin:8px 0px;
	padding:0px;
	list-style:none;
	position:absolute;
	left:9px;
	top: -1px;
	width: 922px;
	} 
#manu2 li{margin:0px 3px; padding:0px; display:inline;}

#manu2 a {text-decoration:none;
    /*color:#0C60AF; */
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#manu2 a:hover{
    color:#000000;
}


.text_1{ color:#105CB6;font-size:10px; line-height:20px;}


#navi{
    width:960px;
    margin:10px auto 0px auto;
	padding-left:10px;
	padding-top:10px;
	height:25px;
	background-repeat: repeat-x;
	position:relative;

}
#main{

	padding:0px;
	width:980px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom:50px;
	margin-left: auto;
}
#left{
	padding:0px 0;
	width:198px;
	float:left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	border:solid #AFC3D2 1px;
}

#left p {
	text-align:center;
	padding-top: 10px;
}

#left h1{

    margin:0px;
	padding:0;
	font-size:12px;
	color:#000000;
	width:198px;
	height:18px;
	text-align:center;
	background-image: url(images/img_3.gif);
	background-repeat: no-repeat;
	background-position: center;
	
}

.list{
    padding:10px;
	list-style-type:none;
	margin:0px;
	line-height:18px;
}

.list-title{
    font-weight:bold;
	
}



.list li{
    padding-left:20px;
	padding-right:0px;
	padding-bottom:1px;
	margin:0px;
}	

.list a{
    color:#105CB6;
	font-size:12px;
	text-decoration:none;

}

.list a:hover{
    color:#FF6600;
	text-decoration:underline;
}

.list a:visited{
    color:#105CB6;
	font-size:12px;
}

.list-current{
    padding:10px;
	list-style-type:none;
	margin:0px;
	line-height:18px;
	
}

.list-current a{
    color:#FF6801;
    text-decoration:none;
}

.list-current a:visited{
    color:#FF6801;
    text-decoration:none;
}

.list-current a:hover{
    color:#105CB6;
    text-decoration:underline;
}

.list-current li{
    padding-left:20px;
	padding-right:0px;
	padding-bottom:1px;
	margin:0px;
}

.list-current li a:link{
    text-decoration:none;
    color:#FF6801;
	font-size:12px;
	font-weight:200;

}

.list-current li a:hover{
    text-decoration:underline;
    color:#105CB6;
}

.list-current li a:visited{
    text-decoration:none;
    color:#FF6801;
	font-size:12px;
}
.cate_title{			
}
#index-right{
	padding:0px 0px;
	width:160px;
	float:left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	border:solid #AFC3D2 1px;
}

#index-right p{
    text-align:center;
	padding-top: 10px;
	
}

#index-right h1{
    margin:0px;
	padding:0;
	font-size:12px;
	color:#000000;
	width:160px;
	height:18px;
	text-align:center;
	background-image: url(images/img_1.gif);
	background-repeat: no-repeat;
	background-position: center;
}
		
#center{
	padding:0px 0px 0px 5px;
	/*
	width:400px;
	height:600px;
	*/
	width:600px;
	float:left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 12px;
	
}

.image{
    padding:0px;
    float:left;
	margin:0px;
}

.orange_bg{
     width:740px;
	 height:20px;
	 float:left;
     background-color:#FF6801;
	 border:#C2C3C3 3px solid;	 
     font-family:Verdana, Arial, Helvetica, sans-serif;
     font-weight:bold;
	 color:#FFFFFF;
	 text-align:center;
     padding-left:10px;
	 padding-top:5px;
	 *padding-top:3px;
	 padding-bottom:1px;
}

.iorange_bg{
     width:580px;
	 height:20px;
	 float:left;
     background-color:#FF6801;
	 border:#C2C3C3 3px solid;	 
     font-family:Verdana, Arial, Helvetica, sans-serif;
     font-weight:bold;
	 color:#FFFFFF;
	 text-align:center;
     padding-left:10px;
	 padding-top:5px;
	 *padding-top:3px;
	 padding-bottom:1px;
}
.blue_bg{
     width:700px;
	 height:24px;
	 float:left;
     background-color:#0F87D3;
     border:#C2C3C3 3px solid;
     font-family:Verdana, Arial, Helvetica, sans-serif;
     font-weight:bold;
	 color:#FFFFFF;
     padding-left:50px;
	 padding-top:5px;
	 *padding-top:3px;
	 padding-bottom:1px;
}

.dashed{
     width:700px;
	 float:left;
	 border-top:#AFC3D2 2px dashed;
     padding-left:50px;
	 padding-top:5px;
	 *padding-top:3px;
	 padding-bottom:1px;
	 margin-top:10px;
	 
}

.dashed1px{
     clear:both;
	 size:1px;
	 border-top:1px dashed #AFC3D2;
	 border-bottom:1px dashed #FFFFFF;
     
	 
}
.unavailable{
     width:700px;
	 height:50px;
	 float:left;
	 text-align:center;
     padding-left:50px;
	 padding-top:5px;
	 *padding-top:3px;
	 padding-bottom:1px;
	 margin-top:10px; /* these three(margin-top, color and font-weight) settings added later */
	 color:#FF0000;
	 font-weight:bold; 
}



.listtitle{
     float:left;
     width:740px;
	 height:18px;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
     font-weight:bold;
	 font-size:12px;
	 color:#FF6801;
	 text-align:justify;
     padding-left:10px;
	 padding-top:5px;
	 *padding-top:3px;
	 padding-bottom:1px;
	 
}

.batlisttitle{
     float:left;
     width:740px;
	 height:18px;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
     font-weight:bold;
	 font-size:13px;
	 color:#024D9F;
	 text-align:justify;
     padding-left:10px;
	 padding-top:5px;
	 *padding-top:3px;
	 padding-bottom:5px;
	 *padding-bottom:15px;
}

.top{
     float:left;
     width:740px;
	 height:18px;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
     font-weight:bold;
	 color:#FF6801;
	 text-align:right;
     padding-left:10px;
	 padding-top:5px;
	 *padding-top:3px;
	 padding-bottom:9px;
}

.peripheral{
     float:left;
     width:740px;
	 height:18px;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
     font-weight:bold;
	 color:#FF6801;
	 text-align:justify;
     padding-left:10px;
	 padding-top:5px;
	 *padding-top:3px;
	 padding-bottom:50px;
}


.hotlist{
    float:left;
    border-bottom:#999999 1px dashed;
	padding-bottom:15px;
	margin-bottom:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	height:100px;
	width:580px; }

.hotlist ul {
    padding:3px;
}

.hotlist li{
    float:left;
	padding:10px;
	list-style-type:none;
}

.hottxt{
    width:380px;
	font-size:12px;
}

.introduce{
     float:left;
     width:580px;
     padding-left:20px;
	 padding-right:0px;
	 font-size:11px;
	 font-family:Verdana, Arial, Helvetica, sans-serif

}

.nor_txt{
     float:left;
     width:700px; /* original is 670px, edited on Sep,9th */
     padding-left:20px;
	 padding-right:0px;
	 padding-bottom:2px;/*added on Sep 5th*/
	 *padding-bottom:15px;

	  
}

.common-txt{
     float:left;
     width:670px;
     padding-left:20px;
	 padding-right:0px;
	 font-size:11px;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
}


#brand_center{
	padding:0px 0px 0px 5px;
	width:760px;
	float:left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 12px;
	border:#AFC3D2 1px solid;
	
}

#brand_center ul{
padding-left:50px;
}


#brand_center li{
    list-style-type:none;
	float:left;
	padding:10px;
	


}

#brand_center dl{

padding-left:100px;
clear:both;
}

#brand_center dl dd{
    list-style-type:none;
	float:left;
	padding:10px;
	width:150px;
	line-height:50%;
}

.group{
    width:200px;
    float:left;
    padding-top:0px;
	padding-bottom:0px;
	padding-left:20px;  /* for Firefox */
	*padding-left:40px;/* 50 OK for IE */
	padding-right:10px;
	*padding-right:10px;
	margin:10px 30px ;
	*margin:10px;
	line-height:130%;
	
}


#right{
    padding:0px 0px 0px 5px;
	width:760px;
	float:left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 12px;
	border:#AFC3D2 1px solid;
}

#right ul{
padding-left:50px;
}


#right li{
    list-style-type:none;
	float:left;
	padding:10px;
	


}

#right dl{

padding-left:10px; /* 10 ok original is 100*/
clear:both;
padding-bottom:50px;
}

#right dl dd{
    list-style-type:none;
	float:left;
	/* original set padding:10px */
	padding-top:10px;
	padding-right:0px;
	padding-bottom:10px;
	padding-left:30px; /*original is 0px, if width holds another setting ,change this to 20px or 30px */
	width:150px;  /* 210 ok.original is 250px */
	line-height:150%;
}

#right ol{
   
    padding-left:5px;
	font-size:15px;
	
}

#right ol li{

 width:600px;
list-style-type:none;
padding-top:5px;
padding-left:25px;
padding-bottom:5px;
}


#iright{
    padding:0px 0px 0px 5px;
	width:143px;
	float:left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 12px;
	border:#AFC3D2 1px solid;
	font-size:12px;
	font-weight:normal;
	
}


#charger-dl dl{
padding-left:50px;
clear:both;
padding-bottom:50px;
}

#charger-dl dd{
llist-style-type:none;
	float:left;
	padding:1px;
	width:230px;
	line-height:10%;
}

#pic{
margin-left:10px;
float:left;
text-align:center;
}

.pic{
margin-left:10px;
float:left;
text-align:center;
}

#batteryinfo{ /*left ok, but need to set margin-left to 100px, if float=right ,set margin-left to 0px*/

margin-left:-40px;
margin-top:-10px;
float:left;
list-style-type:none;
font-size:12px;
width:300px; /*350 ok*/
}
#batteryinfo li{
padding-bottom:5px;
width:250px;/*320 is ok*/


}

#batteryinfo b{
   color:#207DBA;
}

.batteryinfo{ /*left ok, but need to set margin-left to 100px, if float=right ,set margin-left to 0px*/

margin-left:-40px;
margin-top:-10px;
float:left;
list-style-type:none;
font-size:12px;
width:300px; /*350 ok*/
}
.batteryinfo li{
padding-bottom:5px;
width:250px;/*320 is ok*/


}

.batteryinfo b{
   color:#207DBA;
}

.price{
     float:left;
     width:300px;
	 margin-left:150px;
	 padding-left:50px;
	 padding-right:5px;

	  
}

#mail{
  float:left;
  /*
  margin-top:100px;
  *margin-top:110px;
   margin-left:-35px;
  */ 
  
   width:430px; /* original is 300px  and 420,450 is ok*/
   
   margin-left:280px; /* original is nothing , added on Sep,9th*/
   *margin-left:280px !important; /* original is nothing , added on Sep,9th*/
   *margin-left:140px; /* original is nothing , added on Sep,9th*/
   margin-top:-50px;  /* original is nothing , added on Sep,9th*/
}

#mail li{
   float:left;
   list-style-type:none;
   padding-right:1px;
}

.mail{
 float:left;  /* edited on Sep 12th,original is left*/
   margin-left:5px; /* original is 280 , */
   *margin-left:5px !important; /* original is 280 , */
   *margin-left:-10px; /* original is 140 , */
   width:400px;   /* important!,if nothing, the block will collapse */
}

.mail li{
   float:left;
   list-style-type:none;
   padding-right:1px;
}

#i-guide{
margin-top:-20px;
float:left;
width:600px;
}

#i-guide ul{
}

#i-guide ul li{
float:left;
padding-right:5px;
}


#item{border-top:1px solid #ededed; padding:10px ; line-height:150%; width:584px;}



#tag{
    float:left;
	padding-top:5px;
	padding-left:225px;
	*padding-left:223px;
	width:760px;
	height:30px;
	margin-top: 5px;
	*margin-top:-45px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size:10px;
}


#icon{
    float:left;
	padding-left:200px; /* original is 100px */
	width:650px;    /* original is 800px */
	height:80px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 300px; /* for FF*/
	*margin-left: 300px !important; /* for IE7 */
	*margin-left: 100px; /* for IE6*/
	text-align:center;
	padding-left:20px; /* original is nothing */
	padding-right:20px; /* original is nothing */
	
}	


#footer{
    float:left;
	padding:0px;
	width:650px;  /* original is 100% */
	height:120px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 300px;  /* for FF*/
	*margin-left: 300px !important; /* for IE7*/
	*margin-left: 100px; /* for IE6 */
	margin-right:auto;
	text-align:center;
	/*
	background-image:url(images/footer-bg.gif);
	*/
	font-size:10px;
	font-weight:normal;
	padding-left:20px; /* original is nothing */
	padding-right:20px; /* original is nothing */
}
#footer p{
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #AFC3D2;
	text-align:center;
}

* {
     font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size:12px;
}

* a:link{
   color:#105CB6;
}
* a:visited{
   color:#105CB6;
}

* a:hover{
    color:#FF6600; 
}

select{
width:200px;
}

h1{
font-weight:bold;
font-size:15px;
text-align:center;
}

h2{
text-align:center;
font-weight:bold;
font-size:14px;
}

h3{
font-weight:bold;
font-size:13px;
}

h4{
font-weight:bold;
font-size:14px;
text-align:center;
}

h5{
font-weight:bold;
font-size:12px;
text-align:center;
color:#FF6801;
}


.clear{clear:both;}
.red{color:#FF0000;}