﻿body{ background-color:#0066CC; width:100%;}
#w_m{ width:1024px; background-color:#FFFFFF; margin-left:auto; margin-right:auto;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td
 { 
 font-size:12px;
 line-height:20px;
 font-family:Arial;
 padding: 0; 
 margin: 0; 
 } 
 table { 
 border-collapse:collapse; 
 border-spacing: 0; 
 }
 ul{ list-style:none;padding:0;margin:0;}
 img{border:0;} 
 .clearfix {content: "."; font-size: 1px; display: block; height: 0 !important ; height: 1%; clear: both; visibility: hidden; background: none; line-height: 0%;}
.input{ border:solid 1px #E4E4E4; background-color:#F6F6F6; width:93px;}
.input2{border:solid 1px #E4E4E4;}
 
 .font12{ font-size:12px; color:#035376; font-weight:bold;}
 
 a:link   { text-decoration:none; color:#585858;}
 a:visited{ text-decoration:none; color:#585858;}
 a:active { text-decoration:none; color:#585858;}
 a:hover  { text-decoration:none; color:#585858;}
 a:active { text-decoration:none; color:#585858;}
 
 
 
 
DIV.quotes {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.quotes A {
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; COLOR: #aaa; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none
}
DIV.quotes A:hover {
	BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid
}
DIV.quotes A:active {
	BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid
}
DIV.quotes SPAN.current {
	BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #e0e0e0 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #e0e0e0 1px solid; COLOR: #aaa; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; BACKGROUND-COLOR: #f0f0f0
}
DIV.quotes SPAN.disabled {
	BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid
}

 
 #top{margin:0 auto;width:1024px;height:235px;background:url(../images/top_bg.png) no-repeat;}
 #logo{margin:45px 0 0 85px;}
/*
 #nav{width:945px; height:35px; margin:12px 0 0 38px;}
 #nav ul{margin:7px 0 0 40px;}
 #nav ul li{ float:left;  border-right:solid 2px #fff; width:102px; text-align:center;}
 #nav ul li a:link   { text-decoration:none; color:#fff; font-weight:bold;}
 #nav ul li a:visited{ text-decoration:none; color:#fff; font-weight:bold;}
 #nav ul li a:active { text-decoration:none; color:#fff; font-weight:bold;}
 #nav ul li a:hover  { text-decoration:none; color:#ffff00; font-weight:bold;}
 #nav ul li a:active { text-decoration:none; color:#fff; font-weight:bold;}
*/
#nav{width:945px; height:35px; margin:12px 0 0 38px;}


#nav ul li a { 
display: block; width: 106px; text-align:center; line-height:35px;
} 
 
#nav ul li a:link { 
color:#fff; text-decoration:none; font-weight:bold;
} 
#nav ul li a:visited { 
color:#fff;text-decoration:none; font-weight:bold;
} 
#nav ul li a:hover { 
color:#FFFf00;text-decoration:none;font-weight:bold; 
} 
 
#nav ul li { 
float: left; width: 115px; 
} 
#nav ul li ul { 
 list-style-type: none;text-align:left; 
left: -999em; width: 180px; position: absolute; background:#F9A145
} 
#nav ul li ul li{ 
float: left; width: 180px;

} 
 
#nav ul li ul a{ 
display: block; width: 156px;text-align:left;padding-left:24px; 
} 
 
#nav ul li ul a:link { 
color:#fff; text-decoration:none; font-weight:bold;
} 
#nav ul li ul a:visited { 
color:#fff;text-decoration:none; font-weight:bold;
} 
#nav ul li ul a:hover { 
color:#F3F3F3;text-decoration:none;font-weight:bold;
background:#C00; 
} 
 
#nav ul li:hover ul { 
left: auto; 
} 
#nav ul li.sfhover ul { 
left: auto; 
} 


#search{margin:0 auto;width:1024px; height:40px;}
#search_bg{background:#FFF4C2; width:857px;height:40px; margin:0 0 0 80px;}
#search_txt{background:url(../images/search_txt.gif) no-repeat;width:771px;height:30px; margin:0 0 0 20px; float:left;}
*html #search_txt{_display:inline;}
#search_input{width:640px; height:20px; border:0;margin:4px 0 0 70px; line-height:20px; }
.search_input{width:640px; height:20px; border:0;margin:4px 0 0 70px; line-height:20px; }
*html #search_input{margin:4px 0 0 90px;}
.search_btn{float:left;margin:0 0 0 12px; }


#main{margin:0 auto;width:865px;}
#col_one{width:197px;float:left;}
#col_two{width:667px; float:left;}
#col_center{width:464px;float:left; }
#col_three{width:195px;float:left;margin:0 0 0 -2px;}
#loginbox{width:197px; background:url(../images/m_bg.gif) repeat-y;}

#category{width:197px; margin:10px 0 0 0}
#category ul li{ background:url(../images/p_bg.gif) no-repeat; width:197px; height:61px;margin:2px 0 0 0;}
#category ul li a{ margin:0 0 0 5px;color:#0393DC;font-weight:bolder; display:block; padding-top:7px;width:105px;height:41px; }

.c_top{ background:url(../images/c_top.gif) no-repeat; width:464px;height:17px; }
.c1_top{ background:url(../images/c1_top.gif) no-repeat; width:445px;height:6px; margin:10px 0 0 0; }
.c1_bg{background:url(../images/c1_bg.gif) repeat-y; width:445px; _margin:-10px 0 0 0;}
.c1_bottom{background:url(../images/c1_bottom.gif) no-repeat; width:445px;height:6px;}
.c1_product{display:inline;float:left;margin:3px 0 0 15px;width:130px; height:160px; overflow:hidden;}
.c1_product p{ text-align:center;color:#0393DC}


.i_top{ background:url(../images/i_top.gif) no-repeat; width:195px;height:40px; }
.i_bg{ background:url(../images/i_bg.gif) repeat-y; width:195px;}
.i_bottom{ background:url(../images/i_bottom.gif) no-repeat; width:195px;height:10px; }
.i_product{display:inline;float:left;margin:3px 0 0 20px;width:160px; height:160px; overflow:hidden;}
.i_product p{ text-align:center;color:#0393DC}
.i2_top{ background:url(../images/i2_top.gif) no-repeat; width:195px;height:24px;margin:10px 0 0 0; }
.i2_bg{ background:url(../images/i2_bg.gif) repeat-y; width:195px;}
.i2_bottom{ background:url(../images/i2_bottom.gif) no-repeat; width:195px;height:6px; }


.i3_top{ background:url(../images/i3_top.gif) no-repeat; width:195px;height:6px; margin:10px 0 0 0; }
.i3_bg{ background:url(../images/i3_bg.gif) repeat-y;_margin:-10px 0 0 0; width:195px;}
.i3_bottom{ background:url(../images/i3_bottom.gif) no-repeat; width:195px;height:6px; }

.r_top{ background:url(../images/r_top.gif) no-repeat; width:667px;height:23px; }
.r_bg{ background:url(../images/r_bg.gif) repeat-y; width:667px;}
.r_bottom{ background:url(../images/r_bottom.gif) no-repeat; width:667px;height:10px; }
.r_nav{ border-left:solid 3px #AE1212; color:#0393dc; padding:0 0 0 4px; font-size:14px; font-weight:bold;width:650px; }
.r_nav  a:link   { text-decoration:none; color:#0393dc; font-weight:bold;}
.r_nav  a:visited{ text-decoration:none; color:#0393dc; font-weight:bold;}
.r_nav  a:active { text-decoration:none; color:#0393dc; font-weight:bold;}
.r_nav  a:hover  { text-decoration:none; color:#AE1212; font-weight:bold;}
.r_nav  a:active  { text-decoration:none; color:#0393dc; font-weight:bold;}




#about_table{color:#035376; float:left;margin:15px 0 0 0; width:360px;}
#about_table tr td{ line-height:25px;}
#about_pic{float:left;margin:15px 0 0 100px;}
#about_text{width:630px;margin:20px 0 0 0 ;}

#our_pic{ background:#CED7DB url(../images/ourpic.gif) no-repeat left; padding:0 0 0 10px; margin:20px 0 0 0; width:630px; font-size:14px; font-weight:bold; color:#4d6065}
.picbox{ float:left; width:199px; height:178px;  margin:0 0 0 10px;}
.picbox a{ display:block; float:left;width:197px;  text-align:center; margin:5px 0 0 0; overflow:hidden;}
.picbox .pictitle:link   { display:block;color:#000;border:solid 1px #A3A3A3; }
.picbox .pictitle:visited{ display:block;color:#000;border:solid 1px #A3A3A3;} 
.picbox .pictitle:active { display:block;color:#000;border:solid 1px #A3A3A3; }
.picbox .pictitle:hover  { display:block;color:#000;border:solid 1px #0393dc;} 
.picbox:.pictitle:active { display:block;color:#000;border:solid 1px #A3A3A3;}
*html .picbox{_display:inline;}

.productbox p{color:#5E5E5E; text-align:center;}
.productbox{display:inline;float:left; margin:15px 0 0 3px;width:206px; height:196px; border:solid 2px #C9C9C9; overflow:hidden;}
.productbox img{margin:0 0 0 2px;}
.productbox:hover{border:solid 2px #0393dc}

#bottom{background:url(../images/bottom_bg.gif) no-repeat top center; margin:10px auto;width:855px;}
#logo2{margin:15px 0 0 50px;float:left;width:100px; height:65px;}
#copyright{float:left;padding:39px 0 0 20px;}
#news_table{margin:20px 0 0 10px;}
#news_table th{border-top:solid 2px #1fa6a9;background:#c8f2f0; line-height:25px;}
#news_table td{border:solid 1px #e6e6e6;line-height:25px;}
.th1{width:50px;}
.th2{width:380px;}
.th3{width:150px;}
.th4{width:50px;}

#product_pic{width:403px; height:437px; overflow:hidden;margin:20px 0 0 0; border:solid 1px #C9C9C9; float:left;}
#product_info{margin:20px 0 0 5px; float:left; width:200px;}
#product_info p{line-height:25px;}
#product_info p span{background:#d9d8d8; font-weight:bold;}
#product_desc {margin:5px 0 0 0;width:630px;}
#product_desc .first{background:#d9d8d8; font-weight:bold;}
.btn_add{margin:50px 0 0 0; text-align:center;}
#reg_table{float:left;margin:20px 0 0 0; background:url(../images/reg_pic.gif) no-repeat right top; width:650px;}
#reg_table input{ border:solid 1px #CCCCCC;}
#reg_table #sex_input input{border:0;}
#reg_note{ width:650px; height:500px; background:url(../images/reg_note_bg.png) no-repeat right bottom;}
#reg_note textarea{border:solid 1px #CCCCCC;}


#contract_table{color:#035376; float:left;margin:15px 0 0 0; width:360px;}
#contract_table tr td{ line-height:30px;}
#message{background:#CED7DB url(../images/ourpic.gif) no-repeat left; padding:0 0 0 10px; margin:20px 0 0 0; width:630px; font-size:14px; font-weight:bold; color:#4d6065; }
#message_table{margin:15px 0 0 5px;  background-color:#F2F4F5; }
#message_table input{border:solid 1px #CCCCCC;}
#message_table textarea{border:solid 1px #CCCCCC;}
