﻿A:link {COLOR: #CFD0E4;TEXT-DECORATION: underline}
A:visited {COLOR: #CFD0E4;; TEXT-DECORATION: underline}
A:hover {
	COLOR: #fbb133;
	TEXT-DECORATION: none;
}
html{height:100%;}
body {
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: left;
	font-family:Tahoma;
	margin:0 auto;
	padding:0;
	font-size:11px;
	color:#2d0845;
	background-color: #c41fc1;
	height: 200px;
}
table {
	font-family: Tahoma;
	font-size: 11px;
}
.btn a:hover img{filter:alpha(opacity=85);opacity:0.85;}
.td-line {
	background-image: url(../images/line_3.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.td-line2 {
	background-image: url(../images/line_4.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.s1 {
	font-size: 13px;
	font-weight: bold;
	color: #b71c8d;
	font-family: Tahoma;
	background-image: url(../images/line_5.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.s2 {
	font-size: 13px;
	font-weight: bold;
	color: #7f878d;
	background-image: url(../images/line_3.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.s3 {
	font-size: 13px;
	font-weight: bold;
	color: #b71c8d;
}
.s4 {
	font-size: 13px;
	font-weight: bold;
	color: #7f878d;
}

.forms {
	font-family: Tahoma;
	font-size: 12px;
	border: 1px solid #e88ce6;
}

div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0;}
.tf_1 {
	font-family: Tahoma;
	font-size: 11px;
	border: 1px solid #464193;
	background-color: #eff0f8;
}
.tf_2 {
	font-family: Tahoma;
	font-size: 11px;
	border: 1px solid #3b8fc4;
	background-color: #c9e5f7;
}
.p1 {
	color: #cbff00;
	font-weight: bold;
}

#head {height:77px; width:927px;margin:0 auto;}
#logo {float:left;}
#cart {
	width: 470px;float: right;height:50px;
	background-image: url(../images/nf2_1_03.gif);
	background-repeat: no-repeat;
	background-position: top;
}
#pt {
float:left; width:180px; height:15px; 
margin:10px 0 0 160px; 
_margin:10px 0 0 80px;/*ie6*/ 
}
#viewbasket a{background-image: url(../images/viewbasket.gif); float:left; width:86px; height:18px; margin:8px 0 0 10px; }
#viewbasket a:hover {background-position:  bottom;}
#nav {
	width: 470px;
	float: right;
}
#nav ul {
float: right;
}
#nav ul li {
	float: left;
	height: 27px;
	list-style-image: none;
	list-style-type: none;
}
#nav ul li a {
	display: block;
}
#nav ul li a:hover {
	background-position:  bottom;
}
#home a {
	background-image: url(../images/nf2_1_05.gif);
	background-position: left top;
	height: 27px;
	width: 68px;
}
#products a {
	background-image: url(../images/nf2_1_07.gif);
	background-position: left top;
	height: 27px;
	width: 108px;
}
#youraccount a {
	background-image: url(../images/nf2_1_06.gif);
	background-position: left top;
	height: 27px;
	width: 120px;
}
#support a {
	background-image: url(../images/nf2_1_08.gif);
	background-position: left top;
	height: 27px;
	width: 87px;
}
#aboutus a {
	background-image: url(../images/nf2_1_09.gif);
	background-position: left top;
	height: 27px;
	width: 87px;
}

#mainflash {background-image: url(../images/nf2_1_10.jpg); width: 927px; height: 325px; margin: 0 auto;}
#banner_1{background-image: url(../images/banner_1.jpg); width: 927px; height: 171px; margin: 0 auto;}
#banner_2{background-image: url(../images/banner_2.jpg); width: 927px; height: 171px; margin: 0 auto;}
#banner_3{background-image: url(../images/banner_3.jpg); width: 927px; height: 171px; margin: 0 auto;}
#banner_4{background-image: url(../images/banner_4.jpg); width: 927px; height: 171px; margin: 0 auto;}
#banner_5{background-image: url(../images/banner_5.jpg); width: 927px; height: 171px; margin: 0 auto;}
#banner_6{background-image: url(../images/banner_6.jpg); width: 927px; height: 171px; margin: 0 auto;}
#banner_7{background-image: url(../images/banner_7.jpg); width: 927px; height: 171px; margin: 0 auto;}
#banner_8{background-image: url(../images/banner_8.jpg); width: 927px; height: 171px; margin: 0 auto;}
#banner_9{background-image: url(../images/banner_15.jpg); width: 927px; height: 171px; margin: 0 auto;}
#banner_10{background-image: url(../images/banner_10.jpg); width: 927px; height: 171px; margin: 0 auto;}
#banner_11{background-image: url(../images/banner_11.jpg); width: 927px; height: 171px; margin: 0 auto;}
#banner_12{background-image: url(../images/banner_14.jpg); width: 927px; height: 171px; margin: 0 auto;}
#login {float:left; width: 880px; height: 30px;color:#FFFFFF; margin: 15px 0 0 22px; _margin:15px 0 0 12px;/*ie6*/ }
#login .login_img{ float:left; width: 71px; height: 30px; }
#login .login_name{ float:left; width: 37px; height: 15px; margin: 7px 0 0 6px; }
#login .login_password{ float:left; width: 68px; height: 15px; margin: 7px 0 0 3px; }
#login .login_textfield{ float:left; width: 82px; height: 25px; margin: 5px 0 0 0; }
#login .login_btn{ float:left; width: 57px; height: 25px; margin: 5px 0 0 0;}
#login .login_btn a:hover img{filter:alpha(opacity=85);opacity:0.85;}

#mid {width: 927px; margin:0 auto;}
#left { width: 235px; float:left; }
#menu { width: 235px; height: 212px; float:left; background:url(../images/menu_bg.jpg);}
#menu2 { width: 235px; height: 212px; float:left; background:url(../images/menu_bg2.jpg);}
#nav2 ul { float: left; margin:19px 0 0 12px; _margin:19px 0 0 6px;/*ie6*/;}
#nav2 ul li {
	list-style-image: none;
	list-style-type: none;
}
#nav2 ul li a {
	display: block;
}
#nav2 ul li a:hover {
	background-position:  bottom;
}
#n1 a {
	background-image: url(../images/nf2_1_15.gif);
	background-position: left top;
	height: 30px;
	width: 214px;

}
#n2 a {
	background-image: url(../images/nf2_1_16.gif);
	background-position: left top;
	height: 30px;
	width: 214px;
}
#n3 a {
	background-image: url(../images/nf2_1_17.gif);
	background-position: left top;
	height: 30px;
	width: 214px;
}
#n4 a {
	background-image: url(../images/nf2_1_18.gif);
	background-position: left top;
	height: 30px;
	width: 214px;
}
#n5 a {
	background-image: url(../images/nf2_1_19.gif);
	background-position: left top;
	height: 30px;
	width: 214px;
}
#n6 a {
	background-image: url(../images/nf2_1_20.gif);
	background-position: left top;
	height: 30px;
	width: 214px;
}
#total { width: 235px; float:left; }

#news {
	background:url(../images/nf2_1_25.gif);
	width:235px;
	height:291px;
	float:left;
}
#news .news_pic { width:61px; float:left; 
margin:27px 0 0 23px; 
_margin:27px 0 0 12px;/*ie6*/ 

}
#news .line img{ width:194px; float:left; margin:8px 0 0 0; }
#news .news1{
	width:192px;
	float:left;
	margin:6px 0 0 0;
	color: #ffffff;
}
#news .news1_content{
	width:192px;
	float:left;
	margin:4px 0 0 0;
	color: #7577b1;
}
#news .readmore{
	width:192px;
	float:left;
	margin:6px 0 0 0;
	font-weight: bold;
	color: #221f3a;
	text-align: right;
}
#news .readmore A:link {
	color: #480249;
	text-decoration: none;
	font-weight: bold;
}
#news .readmore A:visited {
	color: #480249;
	text-decoration: none;
	font-weight: bold;
}
#news .readmore A:hover {
	color: #2d002e;
	text-decoration: underline;
	font-weight: bold;
}

#news .news1_content A:link {
	color: #d6a1e0;
	text-decoration: none;
}
#news .news1_content A:visited {
	color: #d6a1e0;
	text-decoration: none;
}
#news .news1_content A:hover {
	color: #eacaf0;
	text-decoration: underline;
}
#right { width: 692px; float:left; }
#welcome{ float:left;  width: 692px; height: 212px; background-image: url(../images/nf2_1_14.gif);}
#welcome .more{float:right; width: 58px; margin: 31px 0 0 30px}
#welcome .more A:link {color: #ffffff;text-decoration: none;}
#welcome .more A:visited {color: #ffffff;text-decoration: none;}
#welcome .more A:hover {color: #c6f707;text-decoration: none;}
#welcome .welome_content{
	width: 640px;
	margin: 65px 0 0 30px
}
#welcome .welome_img{float:left; width: 113px; line-height: 16px;}
#welcome .welome_img A:link {color: #779701;text-decoration: none;}
#welcome .welome_img A:visited {color: #779701;text-decoration: none;}
#welcome .welome_img A:hover {color: #b51b8c;text-decoration: none;}
#welcome .welome_text{float:left; width: 510px; height: 120px; margin: 0 0 0 13px}
#sub { float:left;  width: 692px; background-image: url(../images/cbg_2.jpg);}
#sub .sub_1{float:left;  width: 692px; background-image: url(../images/cbg_1.jpg);background-repeat: repeat-x;}
#sub .title{float:left; width: 620px; font-size:13px; color:#FFFFFF; margin: 31px 0 0 54px; _margin:31px 0 0 28px;/*ie6*/ }
#sub .content{float:left; width: 635px; margin: 20px 0 0 35px; _margin:20px 0 0 17px;/*ie6*/ }
#sub .content_news{float:left; width: 635px; height: 320px; margin: 20px 0 0 35px; _margin:20px 0 0 17px;/*ie6*/ }
#sub .bottom{float:left; }
#sub .content A:link {color: #00508e;text-decoration: none;}
#sub .content A:visited {color: #00508e;text-decoration: none;}
#sub .content A:hover {color: #880986;text-decoration: none;}
#sub .content_news A:link {color: #00508e;text-decoration: none;}
#sub .content_news A:visited {color: #00508e;text-decoration: none;}
#sub .content_news A:hover {color: #880986;text-decoration: none;}

#sub .news{
	float:left;
	width: 600px;
	height: 17px;
	margin: 6px 0 0 12px;
	_margin:6px 0 0 5px;/*ie6*/
	background-image: url(../images/line_2.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#sub .news2{
	float:left;
	width: 600px;
	height: 22px;
	margin: 6px 0 0 12px;
	_margin:6px 0 0 5px;/*ie6*/
	background-image: url(../images/line_2.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#sub .news_content{
	float:left;
	width: 600px;
	height: 100px;
	margin: 6px 0 0 12px;
	_margin:6px 0 0 5px;/*ie6*/
}

#shop{
	float:left;
	width: 426px;
	height: 225px;
	background-image: url(../images/nf2_1_23.gif);
}
#producttitle{
	height: 22px;
	margin: 21px 0 0 20px
}
#producttitle A:link {font-size: 14px; color: #9a1698;text-decoration: none;}
#producttitle A:visited {font-size: 14px; color: #9a1698;text-decoration: none;}
#producttitle A:hover {font-size: 14px; color: #0e7acd;text-decoration: none;}
#shop .shop_content{
	height: 170px;
	margin: 5px 0 0 20px
}
#shop .shop_content .content1{float:left; width: 122px;}
#shop .shop_content .content1 .c_name{
	font-size:12px;
	width: 116px;
	height: 16px;
	margin: 2px auto;
	line-height: 12px;
}
#shop .shop_content .content1 .c_image a:hover img{filter:alpha(opacity=90);opacity:0.9;}
#shop .shop_content .content1 .c_price{ float:left;font-size:12px; width: 58px; height: 23px; background-image: url(../images/price_bg.gif); }
#shop .shop_content .content1 .c_price .mun{ margin: 4px 0 0 5px ; float:left;}
#shop .shop_content .content1 .c_buy a:hover {background-position:bottom;}
#shop .shop_content .content1 .c_buy a{background-image: url(../images/btn_buynow.gif);height: 22px;width: 60px; float:right;}


#shop .shop_content .content2{float:left; width: 122px; margin: 0 0 0 11px }
#shop .shop_content .content2 .c_image a:hover img{filter:alpha(opacity=90);opacity:0.9;}
#shop .shop_content .content2 .c_name{
	font-size:12px;
	width: 116px;
	height: 15px;
	margin: 2px auto;
	line-height: 12px;
}
#shop .shop_content .content2 .c_price{ float:left;font-size:12px; width: 58px; height: 23px; background-image: url(../images/price_bg.gif); }
#shop .shop_content .content2 .c_price .mun{  margin: 4px 0 0 5px }
#shop .shop_content .content2 .c_buy a:hover {background-position:bottom;}
#shop .shop_content .content2 .c_buy a{background-image: url(../images/btn_buynow.gif);height: 22px;width: 60px; float:right; }

#sub .product{float:left; width: 122px; margin:10px 14px 15px 16px; _margin:10px 20px 15px 8px;/*ie6*/}
#sub .c_name{font-size:12px;width: 116px;height: 26px;margin: 2px auto;line-height: 12px;}
#sub .c_image a:hover img{filter:alpha(opacity=90);opacity:0.9;}
#sub .c_price{ float:left;font-size:12px; width: 58px; height: 23px; background-image: url(../images/price_bg.gif); }
#sub .c_price .mun{ margin: 4px 0 0 5px ; float:left;}
#sub .c_buy a:hover {background-position:bottom;}
#sub .c_buy a{background-image: url(../images/btn_buynow.gif);height: 22px;width: 60px; float:right;}

#sub .product_detail{float:left; width: 640px; }
#sub .c_image_2{float:left; width: 325px; height: 285px;}
#sub .c_name_2{float:left; font-size:20px; width: 300px; height: 38px; color:#5f656a}
#sub .c_price_2{float:left; font-size:20px; width: 109px; height: 34px; background-image: url(../images/price_bg2.jpg); margin:0 150px 5px 0;}
#sub .mun_2{ margin: 4px auto ; color:#aa1782}
#sub .c_buy_2 a{float:left; background-image: url(../images/btn_buynow_2.gif); height: 35px; width: 112px; }
#sub .c_buy_2 a:hover {background-position:bottom;}
#sub .intro {float:left; width: 610px; margin:20px 0 0 5px;}


#map{
	float:left;
	background-image: url(../images/nf2_1_24.gif);
	height: 225px;
	width: 266px;
}
#map .click{margin: 49px 0 0 19px; }
#map .click a:hover img{filter:alpha(opacity=90);opacity:0.9;}
#da{ float:left;  width: 692px; height: 133px; background-image: url(../images/nf2_1_26.gif);}
#da .da_1,#da .da_2,#da .da_3 {float:left;margin: 18px 0 0 18px;}
#da .da_1 a:hover img{filter:alpha(opacity=85);opacity:0.85;}
#da .da_2 a:hover img{filter:alpha(opacity=85);opacity:0.85;}
#da .da_1{   _margin:18px 0 0 10px;/*ie6*/ }
#da .da_2{   _margin:18px 0 0 16px;/*ie6*/ }
#da .da_3{   _margin:18px 0 0 17px;/*ie6*/ }
#da .da_3 .da_3_2{width: 205px; height: 52px; float:left; background-image: url(../images/t_2.jpg);}
#da .da_3 .da_3_2 .content {width: 160px; margin:0 auto}
#da .da_3 .da_3_2 .content .code{ float:left; width: 160px; height: 15px; font-size:12px; color:#0e7acd;}
#da .da_3 .da_3_2 .content .t1{ float:left; width: 65px; height:20px;}
#da .da_3 .da_3_2 .content .t2{ float:left; width: 36px; height:20px;}
#da .da_3 .da_3_2 .content .t3{ float:left; width: 49px; height:20px;}
#da .da_3 .da_3_2 .content .t3 a:hover img{filter:alpha(opacity=85);opacity:0.85;}
#da .da_3 .da_3_2 .content .code2{ float:left; width: 160px; height: 15px; color:#0e7acd;}
#da .da_3 .da_3_2 .content .code2 A:link {color: #0e7acd;text-decoration: none;}
#da .da_3 .da_3_2 .content .code2 A:visited {color: #0e7acd;text-decoration: none;}
#da .da_3 .da_3_2 .content .code2 A:hover {color: #9a1698;text-decoration: none;}

#bottom {float:left; background-image: url(../images/nf2_1_28.gif); height:75px; width:100%;}
#bottom .md{ width:900px; margin:32px auto;color: #ce79cc; }
#bottom .md .link{ width:580px; float:left;  }
#bottom .md .copyright{
	width:295px;
	float:right;
	text-align: right;
}
#bottom .md A:link {
	color: #df96dd;
	text-decoration: none;
}
#bottom .md A:visited {
	color: #df96dd;
	text-decoration: none;
}
#bottom .md A:hover {
	color: #f0bdef;
	text-decoration: none;
}

#ms{width: 593px; margin:10px 0px 0px 10px; }
#ms_middle{float:left; background-image: url(../images/ms_bg2.gif); width: 593px; }
#ms .ms1{float:left; heigh: 12px; }
#ms .ms2{float:left; heigh: 25px; margin:8px 0px 0px 0px; }
#ms .ms2 a:hover img{filter:alpha(opacity=85);opacity:0.85;}
#ms li {float:left;  width: 541px; height: 23px; font-weight:bold; color: #ffffff; margin:5px 0px 0px 13px; _margin:5px 0px 0px 6px;/*ie6*/ }

#ms_middle li {
	list-style-image: none;
	list-style-type: none;
}
#ms_middle  li a {
	display: block;
}

#ms_middle li a:hover {
	background-position:  bottom;
}
#ms_btn a {
	background-image: url(../images/ms_btn.gif);
	background-position: left top;
	height: 18px;
	width: 541px;
	padding: 5px 0 0 27px  
}
#ms_title {float:left; font-weight:bold; color: #ffffff; background-image: url(../images/ms_btn.gif); height: 18px; width: 541px; margin:5px 0px 0px 13px; _margin:5px 0px 0px 6px;/*ie6*/ padding: 5px 0 0 27px }

#ms_contect {float:left; width: 540px;  margin:6px 0px 0px 30px; _margin:6px 0px 0px 15px;/*ie6*/  }
