@charset "utf-8";
/* CSS Document */

body {
	margin:0px;
	padding:0px;
	font-size:11px;
	font-family:"Lucida Grande", Tahoma, sans-serif;
	color:#FFFFFF;
	line-height:150%;
	background-color:#b8b8b8
}

a{
	color:#FFFFFF;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
	color:#FFFFFF;
}
.and{display:none}
img{
	border:0px;
}
.desc{display:none}
form{
	padding:0px;
	margin:0px;
}

ul, ul li
{
	padding:0px;
	margin:0px;
	list-style-type:none;
}

.cleaner{
	clear:both;
	height:10px;
	line-height:10px;
}

.spacer{
	clear:both;
	padding:0px;
	margin:0px;
	line-height:0px;
}

.block{
	display:block;
}

.padding7{
	padding:7px;
	clear:left;
}

.clearfix:after{
content:"."; display:block; height:0; clear:both;
visibility:hidden;
}
*html .clearfix{
 height:1%;
}
*+html .clearfix{
 height:1%;
}

.B_blue{border:1px solid #c5e4ff;}

#container{
	width:770px;
	overflow:hidden;
	background:#222f3e url(images/container_bg.jpg) repeat-x;
	margin:0 auto;
}

#body{
	width:722px;
	margin:0 auto;
	overflow:hidden;
	margin-bottom:20px;
	clear:both;
}

.line{
	background:url(images/line.gif) 0 bottom repeat-x;
}

/******* begin left_part ************/
#left_part{
	width:231px;

	float:left;
	text-align:left;
}


#nav{
	padding-bottom:2px;
	width:207px;
	height:210px;
	clear:both;
	background:url(images/nav.gif) 0 0 no-repeat;
	overflow:hidden;
}

#nav ul li{
	display:block;
}

#nav ul li a{
	display:block;
	height:30px;
	line-height:30px;
}

#nav ul li a#n_home:hover{
	background:url(images/nav.gif) 100% 0px no-repeat;
}

#nav ul li a#n_about_us:hover{
	background:url(images/nav.gif) 100% -30px no-repeat;
}

#nav ul li a#n_gallery:hover{
	background:url(images/nav.gif) 100% -60px no-repeat;
}

#nav ul li a#n_products:hover{
	background:url(images/nav.gif) 100% -90px no-repeat;
}

#nav ul li a#n_color_selections:hover{
	background:url(images/nav.gif) 100% -120px no-repeat;
}

#nav ul li a#n_order_tracking:hover{
	background:url(images/nav.gif) 100% -150px no-repeat;
}

#nav ul li a#n_contact_us:hover{
	background:url(images/nav.gif) 100% -180px no-repeat;
}


#pro_search{
	width:207px;margin-top:10px; height:150px
}

#pro_search select{
	width:207px;
	height:23px;
	padding:0px;
	margin:0px;
	border:0px;
	font-size:11px;
}
/******* end left_part ************/



/******* begin right_part ************/
#right_part{
	width:490px;
	overflow:hidden;
	float:right;
	text-align:left;
}

#demo{width:475px; overflow:hidden;}

.bg1{
	background:#404c5a url(images/bg1.gif) 0 0 repeat-x;
}
.bg2{background-color:#33404e;}
.height1
{
	height:427px;
}

.box{padding-bottom:2px; overflow:hidden; clear:left;}

#menu{
	width:477px;
	padding:0px 0px 0px 7px;
	height:71px;
	clear:both;

}

#menu ul li{
	margin:0px;
	padding:0px;
	float:left;
	padding-right:1px;
	list-style:none;
}

#flash{
	width:476px;
	height:355px;
	display:block;
	clear:both;background-color:#404c5a; 

	margin:0 auto;
}

#menu ul li.last{
	padding-right:0px;
}

.title2{
	color:#ece66f;
	font-size:14px;
	font-weight:bold;
	display:block;
	padding:6px 0px;
}

.title2{
	color:#ece66f;
	font-size:14px;
	height:23px;
	line-height:23px;
	font-weight:normal;
	display:block;
}

.title3{color:#ece66f; font-size:14px; height:23px; line-height:23px; text-align:left; margin:0px; display:block;}

#contact_us_content{
	margin:0px 20px;
	font-size:12px;
	line-height:180%;
}

#contact_us_content p{
	padding:0px;
	margin:0px;
	font-size:12px;
	line-height:180%;
}

#about_us_content {
	font-size:12px;
	line-height:130%;
	color:#d0dff2;
}

#about_us_content p{
	padding:0px;
	margin:0px;
	font-size:12px;
	line-height:130%;
}

#colorcat{
	padding:0px 11px;
}
#colorcat h1, span.title1{color:#ece66f; font-size:13px; height:23px; line-height:23px; text-align:left; margin:0px; display:block; border-bottom:1px dotted #858c93; text-transform:uppercase;}
#colorcat .catBox{margin:10px 0px 10px 0px; margin-left:5px;}
#colorcat .catBox .catitem span{text-align:left; color:#3f3f3f; height:26px; line-height:26px; display:block; font-size:12px}
#colorcat .catitem{width:110px; margin:0px 20px 20px 20px; float:left;}
#colorcat .catitem img, .img1{width:100px; height:100px; border:1px solid #505f71; padding:4px; }
#colorcat .catitem span{ margin-top:3px; text-align:center;}

.box_1{border:1px solid #c5e4ff; font-size:12px; padding:10px; background-color:#192736; clear:both;}

h3{
	height:33px; 
	line-height:33px; 
	font-size:12px; 
	text-align:right;
	padding:0 12px; 
	font-weight:100;
  }
  
h3 span{float:left; background:url(images/bg.gif) no-repeat 0px -570px;width:auto; height:33px; line-height:33px; text-align:left;
   font-weight:bold; color:#56a5ee; padding-left:12px;}
   
#catList .catBox{width:240px; float:left; margin:0 5px 20px 60px; text-align:center; overflow:hidden; height:160px;}
#catList .catBox .brandLogo{width:188px; height:52px; overflow:hidden;}
#catList .catBox h4{height:23px; line-height:23px; margin:15px 0 8px 0; padding:0 10px; text-align:right;
    font-weight:100; font-size:12px;
}

#catList .catBox h4 span,#catList .catBox h4 span a{float:left; font-weight:bold; color:#ffffff; text-decoration:none;}




/*商品分类*/
   #category_tree{border:4px solid #f1faff;}
   #category_tree dl{margin:6px;}
   #category_tree dt{background:url(images/lineBg.gif) repeat-x left bottom;
   color:#3f3f3f;  padding:2px 0 3px 1px;
   }
   #category_tree dt a{background:url(images/bg.gif) no-repeat 0 -69px;
   color:#ffffff; padding-left:15px; text-decoration:none;
   }
   #category_tree dd{padding:3px 0 3px 10px;}
   #category_tree dd a{color:#e7dede; text-decoration:none;}
   #category_tree dd a:hover{color:#ff6600; text-decoration:none;}
   
   
/*单个商品*/
       .goodsItem{width:110px; float:left; position:relative; overflow:hidden; margin:0px 14px 15px 14px;}
       .goodsItem .goodsimg{width:100px; height:100px; border:4px solid #eef8ff; margin-bottom:4px;}
       .goodsItem img{width:52px; height:17px;}
       .goodsItem p{text-align:center; color:#ffffff;}
       .goodsItem p a{color:#ffffff; text-decoration:none;}
       .goodsItem p a:hover{color:#ffffff; text-decoration:none;}
       .goodsItem span{width:40px; height:40px; position:absolute;left:0px; top:0px;}	
   
/******* end right_part ************/


/******* begin home_middle ************/
#home_middle{
	width:722px;
}

#home_cat ul li.item{
	float:left;
	width:216px;
	text-align:left;
	height:265px;
	margin-right:36px;
}

#home_cat ul li.item_last{
	float:right;
	width:216px;
	text-align:left;
	height:265px;
	margin-right:0px;
}

#home_cat ul li span{
	display:block;
	padding:0px;
	padding:7px 0px;
	margin:6px 0px;
	text-align:left;
	font-weight:normal;
	font-size:13px;
	line-height:100%;
	background:url(images/line.gif) 0 bottom repeat-x;
}

#home_cat ul li span a{
	display:block;
}

#home_cat ul li span a:hover{
	text-decoration:none;
	color:#CCCCCC;
}

#home_cat ul li span label{
	color:#a5a426;
}
/******* end home_middle ************/

#footer{
	padding:20px 0px;
	overflow:hidden;
	height:61px;
	background-color:#0d1b2b;
	text-align:center;
	clear:both;
	margin:0 auto;
}

#footer a{
	text-decoration:underline;
	padding:0px 2px;
	color:#FFFFFF;
}

#footer a:hover{
	text-decoration:underline;
	color:#FFFFFF;
}

/******* begin creations ************/
a.blue {
	color:#d0dff2
}
a.black{color:#000}
.dotline {
	background:url(images/dotline.gif) no-repeat;
	width:207px;
	height:1px;
	margin:20px 0px
}
.cattitlediv{
	font-size:13px;
	line-height:13px;
	font-weight:normal; 
	color:#d0dff2;
	text-align:left;
	padding-left:13px;
	display:block;
	background:url(images/more1.gif) 0 1px no-repeat;
}
.cattitlediv span{
	color:#ff6c00;
}

.line2 {
	background:url(images/dotline.gif) repeat-x;
	height:1px;
	margin:3px 0px
}
#feedback p {
	margin:0px;
	padding:0px;
	margin-bottom:8px
}
.feedbg {
	background-color:#404c5a;

}
p.feed {
	color:#daeaff;
	line-height:150%
}
p.feed span {
	color:#daeaff;
	font-size:15px
}

#thecontent ul{
	margin-left:15px;
	list-style-type:square;
}

#thecontent ul li{
	padding:1px;
	margin:3px 0px;
	list-style-type:square;
}
/******* end creations ************/


span.level0{
	width:9px;
	height:9px;
	background:url(images/aes.gif) 0 0 no-repeat;
}
span.level1{
	width:18px;
	height:9px;
	background:url(images/aes.gif) 0 0 no-repeat;
}

#goods_desc p{
	padding:0px;
	margin:0px;
	text-align:left;
}

#goods_desc ul li{
	padding:1px;
	margin:3px 15px;
	list-style-type:disc;
}