
body {
	font:normal 12px/18px Arial, Helvetica, sans-serif;
    color: #000;
    background: #fff;
    text-align: left;
	margin:0 auto;
	width:1003px;
 }
  
a{color:#000;}
a:hover, a:active {text-decoration:none;}
img {border:0;}

ul,dl,ul li,dd,dt {list-style:none; margin:0; padding:0;}
h2 {font:bold 14px/24px Arial, Helvetica, sans-serif; padding-left:10px; width:757px; color:#fff; padding-top:0; background:#000;}
h3 {font:bold 14px/24px Arial, Helvetica, sans-serif; padding-left:10px; width:757px; background:#000; color:#fff; padding-top:0;}
h4 {font:bold 14px/20px Arial, Helvetica, sans-serif; clear:both; margin-top:10px;}
h5 {background:url(/images/d-icon.gif) left no-repeat; padding-left:15px; font:bold 11px/15px Arial, Helvetica, sans-serif;}

strong {font-weight:normal;}

.clear {clear:both;}
.left {float:left;}
.right {float:right;}

#page_margins { 
	margin: 0 auto; 
	width: 990px; 
	background: #fff;
  }

#page{ margin:0 10px; }

#header {
    color: #000;
	height:101px;
	width:990px;
	background:url(/images/headerbg.gif) repeat-x;
	margin:0 auto;
  }
#header div {float:left;}
#header ul li {
	width:230px; 
	font:bold 12px/16px Arial, Helvetica, sans-serif;
	color:red; 
	background:#EFEFEF;
	padding-left:10px;
	margin-top:-1px;
	border:1px solid #999;}
#header ul li a {font:normal 11px/14px Arial, Helvetica, sans-serif;}
#header ul li a:hover, #header ul li a:active {text-decoration:underline;}

#main {width:990px; clear:both; margin:0 auto;}

.logo {
	margin:0;
	padding:0;
	height:65px; 
	width: 209px; 
	overflow:hidden; 
	position:relative;
	margin-top:13px;
  }
.logo a{
	display:block;
	height:100%;
	width:100%;
  }
.logo a span{
	display:block;
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	background:url(/images/logo.gif) no-repeat left;
	cursor:pointer; 
  }

.nav {
	margin-left:60px;
	width:588px;
  }

.nav a {
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#536860;
	text-decoration:none;
  }


div.best {
  display:block;
  float:left;
  width:165px;
  height:70px;
  background-image:url("/images/best.gif");
  background-repeat:no-repeat;
  }
div.best span {display:none;} 

.contact {
	margin:0;
	padding:0;
	height:68px; 
	width: 165px; 
	overflow:hidden; 
	position:relative;
  }
.contact a{
	display:block;
	height:100%;
	width:100%;
  }
.contact a span{
	display:block;
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	background-image:url("/images/contact.gif");
	background-repeat:no-repeat;
	cursor:pointer; 
  }

.bar {
	height:20px; 
	width:967px;
	font:bold 11px/20px Arial, Helvetica, sans-serif; 
	color:#fff; 
	padding-left:20px;
	margin-left:1px;}
.bar a:visited, .bar a:link {color:#fff;}
.bar a:hover, .bar a:active {color:#FFFF66;}


.icon {background:#000 url(/images/d-icon.gif) left no-repeat;}

.blackbar {padding-left:10px; width:757px; background:#000; color:#fff; font:bold 12px/16px Arial, Helvetica, sans-serif; margin-top:10px;}
.path {background:#CD3301;}

.searchbox {
	padding-left:211px;
	width:776px;
	background:url(/images/cheap.gif) top left no-repeat;
	margin:0 auto;
	}
.searchboxbg {
	background:url(/images/searchboxbg.gif);
	padding-top:10px;
	height:65px;}
.searchboxbg dl {float:left; margin-left:20px; width:200px;}
.searchboxbg dl dt{background:#E8E8E8;}
.searchboxbg dl dd {height:18px; margin-top:10px;}
.boxinput {height:18px; width:170px; border:1px solid #999; font:normal 11px/17px Arial, Helvetica, sans-serif; float:left;}
.submit {margin-top:5px;}

#sidebar {width:201px; margin-right:10px; background:#EFEFEF; float:left;}

.brands li {background:url(/images/list-style-red-arrow.gif) left no-repeat; padding-left:15px;}
#sidebar ul li a {color:#000; text-decoration:none;}
#sidebar ul li a:hover, #sidebar ul li a:active {text-decoration:underline;}

.chargers-t {font:bold 12px/18px Arial, Helvetica, sans-serif; color:#fff; padding-left:10px;}
.chargers li {padding-left:15px; border-bottom:1px dashed #999999;}
.chargerlist li {text-align:center; padding:0 5px; font:normal 11px/14px Arial, Helvetica, sans-serif; margin:5px 0;}
.chargerlist ul li a {font-size:11px;}
.chargerlist img {margin-top:10px;}

#content {float:right; width:775px;}
.overview {width:452px; float:left; padding-right:20px;}
.overview p {color:#536860; font:normal 12px/14px Arial,Helvetica,sans-serif; line-height:20px;}
.overview p a:link{ color:#0099FF;}
.overview h2{margin:10px 0 15px 0;}
.overview-t {font:bold 14px/18px Arial, Helvetica, sans-serif; color:#fff;}
.overview-img{background:#E8E8E8; padding:40px 0; float:left; width:300px;}


.hot {background:#CD3301 url(/images/hot.gif) left no-repeat; padding-left:20px; width:757px;}
.hotlist ul{width:247px; float:left; margin-left:5px;}
.hotlist li {width:247px; text-align:center; font:normal 11px/14px Arial, Helvetica, sans-serif; color:#536860;}

.redline {width:375px; height:8px; background:#000; float:left;}
.blackline {width:375px; height:8px; background:#CD3301; float:left;}
.box {width:375px; float:left;}
.bottomtext p {font:bold 11px/14px Arial, Helvetica, sans-serif; color:#a9a3a8;}

#footer {text-align:center;}
#footer p{font:normal 11px/14px Arial, Helvetica, sans-serif; margin-top:0px;}

.pro-img {margin:0 20px 0 20px; float:left;}
.pro-des { width:600px; height:155px;}
.pro-des{width:500px; float:left;}
.w120px {width:120px; font-weight:bold;}
.w380px {width:380px;}


.price {font:bold 12px/24px Arial, Helvetica, sans-serif; color:#f00; float:left; width:210px; height:155px; line-height:155px; vertical-align:middle; }
.price span{ display:block; height:60px; margin-top:60px;}
ul.spelist{ width:250px; height:155px; float:right;}
ul.spelist li.w120px {width:100px; font-weight:bold; float:left}
ul.spelist li.w380px {width:150px;}
.red{ width:100%; border-bottom:#eee solid 1px; color:#339933;}

.fit ul {width:650px; margin:0; padding:0;}
.fit ul li {color:#000; font:normal 11px/18px Tahoma; float:left; width:130px; height:18px; overflow:hidden;}

.relate dt, .relate dd {float:left; text-align:center; border-bottom:1px solid #999;}
  .relate dt {width:224px; _width:222px; overflow:hidden; height:18px;}
  .relate dd {width:247px; _width:245px;}
  .h55px dt {height:90px;}
  .h55px dd {height:65px; padding-top:25px;}

  /*********************** for model page*********************************/
  .modellist{ margin:0; clear:both; width:800px;}
  .modellist li{ float:left; width:200px; height:20px; line-height:20px; vertical-align:middle; list-style:none;}
  h3{ width:800px; clear:both;}
.MagicZoom img {
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
}

/* Style of zoomed window */
.MagicZoomBigImageCont {
border: 1px solid #999;
}

/* Style of header, activated with "title" attribute in <a> tag */
.MagicZoomHeader {
font-size: 8pt !important;
line-height: normal !important;
color: #fff;
background: #666;
text-align: center !important;
}

/* Style of small square under mouse */
.MagicZoomPup {
border: 1px solid #aaa;
background: #fff;
cursor: move;
}

/* Style of message box while image is loading */
.MagicZoomLoading {
border: 1px solid #ccc;
background: #fff url(/images/ajax-loader.gif) no-repeat 2px 80%;
padding: 4px 4px 4px 24px !important;
margin: 0;
text-decoration: none;
text-align: left;
font-size: 8pt;
font-family: sans-serif;
color: #444;
}
