*{
margin:0;
padding:0;
}
body {
	margin:0px 0;
	padding:0;
	color:#ccc;
	background: #303B41 url(../images/bg.jpg) repeat-x;
	line-height: 1.4em;
	font-family: Arial, Sans-Serif;
	font-size: 70%;
}
img{
border:0;
}
ul{
list-style:none;
}
.content { 
	background: #FFF url(../images/mainbg.jpg) repeat-y center;
	color: #ccc; 
	margin: 0 auto; 
	padding: 0; 
	width: 933px;
}
.clear{
clear:both;
}
/* HEADER 
---------------------------------------------------------------------------------------------------------------------------------------------------
*/
.top {
padding: 0;
margin: 0;
background: #000 url(../images/topbg.jpg) no-repeat top;
height:22px;
}
.header{
	margin: 0; 
	width: 933px; 
	background: #036EB4 url(../images/headerbg.jpg) no-repeat center top;  
	height: 134px; 
	color: #FFF; 
}
.logo{
float:left;
width:148px;
height:66px;
background:url(../images/logo.jpg) no-repeat;
margin:18px 0 0 20px;
}
.banner{
float:left;
width:566px;
height:131px;
margin-right:10px;
}
.website{
float:left;
width:150px;
line-height:20px;
margin-top:10px;
}
.website a{
color:#3300FF;
text-decoration:none;
}
.website a:hover{
color:#3300CC;
}
.menu{
width:933px;
height:35px;
line-height:35px;
margin:0 auto;
background:url(../images/menubg.jpg) no-repeat;
}
.menu a{
color:#fff;
font-size:16px;
text-decoration:none;
margin-left:40px;
}
.menu a:hover{
text-decoration:underline;
}

/* MAIN
---------------------------------------------------------------------------------------------------------------------------------------------------*/
.main { 
background: #FFF; 
width: 901px; 
color: #808080;
margin:0 auto;
}
.left_side { 
float: left; 
width: 606px; 
background: #FFF; 
margin:0; 
}
.orange { color: #E0692A; }
.green{
color:#397100;
}
.purple{
color:#670f91;
}
.product {
	width: 586px;
	margin: 10px 0 10px 10px;
}
.product h2 {
	clear: both;
	background: #E8E8E8 url(../images/h2bg.gif) no-repeat center left;
	color: #444;
	padding: 3px 0 3px 43px;
	font: bold 1.4em "Trebuchet MS", Arial, Sans-Serif;
	margin: 0 0 10px 0;
}
.left_box{
position:relative;
bottom:13px;
left:35px;
}
.left_box img{
display:block;
width:69px;
height:118px;
}
.left_box_shadow{
float:left;
width:137px;
background:url(../images/product_bg.jpg) no-repeat center bottom;
}
.lbd{
margin:10px 0 0 0;
}
right_box{
float:left;
width:400px;
}
.left_img{
float:left;
width:100px;
}
.left_img img{
width:84px;
height:77px;
}
.buttons { text-align: right; padding: 4px 13px 0 0;float:right;}
.bluebtn { background: #488EB2 url(../images/bluebtn.gif) no-repeat; width:57px;float:left;text-align:center;color: #fff; text-decoration: none;}
.greenbtn { background: #488EB2 url(../images/greenbtn.gif) no-repeat; width:57px;float:left;text-align:center;color: #fff; text-decoration: none; }
.bluebtn:hover, .greenbtn:hover { background: #488EB2 url(../images/hoverbtn.gif) no-repeat; color: #fff; }


/*rightside---------------------------------------------------------------------------------------------------*/

.right_side{
float:left;
width:295px;
}
.news{
width:95%;
margin: 10px 0 10px 10px;
}
.news h3 {
		background: #BDBDBD  url(../images/h3bg.gif) no-repeat center right;
		color: #FFF;
		padding: 8px 0 7px 5px;
		font: bold 1em Tahoma, Arial, Sans-Serif;
		margin: 0 0 3px 0;
}
.news_list{
background:#f5f5f5;
margin:5px auto;
width:100%;
}
.news_list li a{
padding-left:25px;
line-height:20px;
background:url(../images/icon.gif) no-repeat 8px 6px;
text-decoration:none;
color:#444;
}
.news_list li a:hover{
color:#FF6600;
}
.bottom_img{
width:244px;
margin:0 auto;
}
.bottom_img img{
display:block;
width:240px;
padding:2px;
border:1px solid #ccc;
height:220px;
}
.bottom_img a:hover img{
border:1px solid #666;
}

/* FOOTER
---------------------------------------------------------------------------------------------------------------------------------------------------*/
.footer {
	clear:both;
	height: 61px;
	color:#ccc;  
	background: #000 url(../images/footerbg.jpg) top no-repeat; 
	font-size:90%; 
	padding: 0; 
	text-align:center; 
	padding: 10px 0px 0px 0px;
}

.footer a { color: #E0F5FF; }

/*buy----------------------------------------------------------------------------------------------------------*/
.salesbg{
padding-top:65px;
background:url(../images/salesicon.jpg) no-repeat 0 0;
}
.center{
margin:0px auto 10px;
line-height:30px;
color:#000;
font-size:14px;
font-weight:bold;
}
.buy_ctitle{
font-weight: bold; font:Arial, Helvetica, sans-serif; font-size:16px;
color:#000;
}


.cornerBox{
position:relative;
width:95%;
margin:0 auto 10px;
background:#fff;
}
.corner_ul{
position:absolute;
left:0px;
top:0px;
}
.corner_ur{
position:absolute;
right:0px !important;
right:-1px;
top:0px;
}
.corner_bl{
position:absolute;
left:0px;
bottom:0px !important;
bottom:-1px;
}
.corner_br{
position:absolute;
right:0px !important;
right:-1px;
bottom:0px !important;
bottom:-1px;
}
.nav_Border{
border:#145d94 solid 1px;
}
.nav_gpTitle{
height:28px;
line-height:28px;
text-indent:10px;
color:#000;
font-weight:bold;
font-size:15px;
background:#a0c4ef;
border-bottom:#1a6197 solid 1px;
}
.nav_gpTitle img{
margin-top:4px;
}
.nav_gpContent{
text-align:left;
padding:5px;
line-height:20px;
color:#222;
}




.otherlist{
margin:15px;
}
.otherlist h2{
font-weight:800;
font-size:16px;
padding:10px 0;
border-bottom:dotted 1px #06c;
}
.otherlist h3{
padding:10px 0;
font-size:12px;
color:#8e8e8e;
}
.otherlist ul li{
width:450px;
line-height:22px;
height:22px;
}
.otherlist ul li a{
float:left;
line-height:22px;
height:22px;
padding:0 5px 0 15px;
color:#666;
text-decoration:none;
display:block;
background:url(../images/pageicon2.gif) no-repeat 2px 8px;
}
.otherlist ul li a:hover{
color:#FF0000;
background:#fff;
}
.otherlist ul li span{
float:right;
padding:0 0 0 5px;
}
.otherlist ul li em{
float:right;
color:#A8A8A8;
}



/*----------------------------------------ps-----------------------------------------------*/
.wrap{
width:900px;
margin:0 auto;
background: #fff url(../images/p_bg.jpg) no-repeat;
overflow:hidden;
zoom:1;
}
.p_title {
	background: #f3ae26 url(../images/p_title.jpg) no-repeat center left;
	color: #444;
	padding:2px 0 2px 43px;
	font: bold 1.4em "Trebuchet MS", Arial, Sans-Serif;
	margin: 10px 0 10px 0;
	position:relative;
}
.p_title h2{
width:336px;
height:29px;
background:url(../images/p1.jpg) no-repeat center left;
}
.r_buy{

}
.r_buy a{
display:block;
text-indent:-9999px;
position:absolute;
right:100px;
top:-7px;
width:156px;
height:48px;
background:url(../images/buy.jpg) no-repeat center right;
}
.p_spe{
float:left;
width:420px;
}
.l_box{
float:left;
width:250px;
margin:30px 0 0 25px;
display:inline;
}
.l_box h3{
width:202px;
height:60px;
background:url(../images/p_spe.jpg) no-repeat center center;
text-indent:-9999px;
display:block;
}
.l_box p{
font:bold italic 16px/1.5em Arial, Helvetica, sans-serif;
color:#222;
padding-left:15px;
background:url(../images/dian.jpg) no-repeat 5px 8px;
}
.r_box{
float:left;
width:120px;
margin:50px 0 0 0;
}
.low{
width:202px;
height:246px;
margin:40px 0 0 0;
}
.r_pic{
margin:0 0 60px 0;
}
.r_pic img{
width:132px;
height:200px;
}
.p_tec{
float:right;
width:462px;
margin:10px 0 0 0;
}
.top_bot{
width:462px;
height:34px;
background:url(../images/rr_title.jpg) no-repeat center center;
}
.main_bg{
width:432px;
padding-left:30px;
background:url(../images/rr_bg.jpg) repeat-y;
}
.main_bg h3{
width:218px;
height:60px;
background:url(../images/tec.jpg) no-repeat;
text-indent:-9999px;
display:block;
margin:15px 0 0 0;
}
.main_bg p{
font:16px/1.4em Arial, Helvetica, sans-serif;
color:#222;
margin-left:15px;
}
.main_txt{
font-weight:bold;
}
.main_bg img{
width:180px;
height:135px;
}
.bottom_bot{
width:462px;
height:29px;
background:url(../images/bottom_bot.jpg) no-repeat;
}