@charset "utf-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin: 0px;
	padding: 0px;
	background-color: #d7ebf5;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
}
ul, li, form {padding: 0; margin: 0;}
img { border:none;}
textarea { font-family:Arial, Helvetica, sans-serif; }
a:link, a:visited {color: #1fa567; text-decoration:none;}
a:hover { color:#444;  }
input, textarea, select { font-size: 12px;}

.top {border-bottom: 17px solid #2d5a9a; width: 100%;}
.red {color: #ff0000;}
ul.menu { zoom: 1; overflow: hidden; float: right;}
ul.menu li {float: left; display: block; padding: 0 15px; border-left: 1px solid #ddd; font-size: 12px; list-style: none; font-weight: bold;}
ul.menu li a:link, ul.menu li a:visited {color: #3f5fa9; text-decoration:none;}
ul.menu li a:hover {color: #1fa567;}

.topmenu a:link, .topmenu a:visited { text-decoration:underline;font-size: 12px;padding: 1px 0px 1px 0px; margin-left: 5px;}
.topmenu a.refer:link, .topmenu a.refer:visited  { background:url(../images/friend.gif) 0 0 no-repeat; padding-left: 23px;}
.topmenu a.user:link, .topmenu a.user:visited  { background:url(../images/user.gif) 0 0 no-repeat; padding-left: 23px;}
.topmenu a.cart:link, .topmenu a.cart:visited  { background:url(../images/cart.gif) 0 0 no-repeat; padding-left: 23px;}

.img_frame img {	border: 1px solid #fff;}
.img_frame:hover img {	border: 1px solid  #bdd7fc;}
.img_frame:hover {	color:  #bdd7fc;}
	
a.button:link,    a.button:visited  {
	color: #fff;
	font-weight: bold;
	background-image: url(../images/button_bg.gif);
	background-position: 0px 0px;
    float:right; height:20px;  
	margin:0 0 0 5px; text-decoration:none;}
    a.button:link span,    a.button:visited span{float:left; 
	background-image: url(../images/button_bg.gif);
	background-repeat: no-repeat;
	background-position: right 0px; margin:0 0 0 10px; height:14px; padding:3px 10px 3px 0;	 text-decoration:none;}	
    a.button:hover {
	color: #fff;
	text-decoration:none;
	font-weight: bold;
	background-image: url(../images/button_bg.gif);
	background-position: 0px -20px;   
	float:right; height:20px;  margin:0 0 0 5px;}
    a.button:hover span{	
	text-decoration:none;
	background-image: url(../images/button_bg.gif);
	background-repeat: no-repeat;
	background-position: right -20px; margin:0 0 0 10px; height:14px; padding:3px 10px 3px 0; cursor: pointer;}	
	
	
.bannerwrap {width: 950px; margin: 1px auto 0; background: url(../images/banner_bg.jpg) right 0px no-repeat #fff; zoom: 1; overflow: hidden; border: 1px solid #fff;}
.banner {width:510px; float: left;}
.bannercontent {width: 400px; float: left; padding:30px 20px;}
.contentwrap { width: 950px; margin: 0px auto; background: #fff; zoom: 1; overflow:hidden;padding: 1px;}
.borderbtm { height: 17px; background:#2d5a9a; clear: both;}

.leftmenu {background: url(../images/products.gif) 0 0  no-repeat; padding:4px 0px 24px; width: 236px; float: left;}
h2 {font-size: 17px; color: #fff; padding: 0; margin: 0 0 20px 0;}
h2 a:link, h2 a:visited{color: #fff;}
h2 a:hover{color:#fff; text-decoration:underline;}
h3 {font-size: 17px; color: #3f5fa9; padding: 0; margin:10px 0; font-weight: normal;}
.productname {  text-transform:uppercase; font-size: 11px; color: #1fa567;}
.bigfont {font-size: 12px;}
.leftmenu ul  {padding-top: 10px;  }
.leftmenu ul  li{ list-style: none; font-size: 15px; font-weight: bold; display: block;}
.leftmenu ul li a:link, .leftmenu ul li a:visited {  display: block;color: #2d5a9a;border-bottom: 1px solid #e6e6e6; padding:7px 6px 6px 40px; background:url(../images/arrow.gif) 22px 12px no-repeat; text-decoration:none;}
.leftmenu ul li a:hover { background:url(../images/arrow.gif) 22px 12px no-repeat #f0f7fb; color: #1fa567;}
.rightcontent {width: 714px; float: left; /*border-top: 17px solid #1fa567; */padding: 0px 0px 10px 0;}
.navi { color: #fff; background:#1fa567; padding: 1px 10px 2px;}
.navi a:link, .navi a:visited {color: #fff;}
.navi a:hover { text-decoration:underline;}

 ul.productcate li {float: left; border-left: 1px solid #ddd; padding: 6px 10px; list-style: none; width: 130px; position:relative;  min-height: 320px;}
 ul.productcate li p{ padding:5px 0; margin: 0;}
 ul.productcate li img {margin: 0px 7px 10px;}
 ul.productcate li .title{ color: #1fa566; font-size: 13px; font-weight: bold; height: 42px;}
 ul.productcate li .title a:link,  ul.productcate li .title a:visited {color: #1fa567}
 ul.productcate li .title a:hover{color: #315c9c}
 
 a.price:link, a.price:visited {position: absolute; bottom: 0; display: block; width: 135px;background:url(../images/more.gif) 120px 4px no-repeat;color: #315c9c;font-size: 14px; font-weight: bold;}
 a.price:hover {color: #1fa567;}
 
 .content ul {margin-left:20px; }
 
ul.productlist {margin-left: 0;}
 ul.productlist li {float: left;text-align:center; border-left: 1px solid #ddd; padding: 6px; list-style: none; width: 153px; position:relative;  min-height: 210px; margin-bottom: 20px;}
 /*ul.productlist li p{ padding:3px 28px 3px 0; margin: 0; }
ul.productlist li img {margin: 0px 17px;}*/
 ul.productlist li .title{ color: #1fa566; font-size: 12px; font-weight: bold; height: 35px;text-align: center;}
 ul.productlist li .title a:link,  ul.productlist li .title a:visited {color: #1fa567}
 ul.productlist li .title a:hover{color: #315c9c}
 ul.productlist li p.price{ color: #315c9c;font-size: 14px; font-weight: bold; text-align:center;padding:3px 0px;}
 
 
 .content {padding: 10px 20px; zoom: 1; overflow:hidden; font-size: 13px;}
 h1 {color: #3f5fa9; font-size: 18px;}
 
 .footer { width: 930px; margin: 0 auto; padding: 10px; text-align:center;}
 
 table.cart th { background:#e3e3e3; border-right: 1px solid #fff;}
 table.cart td {border-top: 1px solid #ddd;}
 table.cart td.rightborder {border-right: 1px solid #ddd;}
 
.proimage {width: 300px; float: left; text-align:center}
.proimage img {width: 300px;}
.proimage .price {color: #315c9c;font-size: 14px; font-weight: bold;}

table.faq  {border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;}
table.faq th {background:#ddd;  color: #1fa567;}
table.faq th.title {background:#1fa567; border-right: 1px solid #fff; color: #fff;}
 table.faq td {border-top: 1px solid #ddd;border-right: 1px solid #ddd;}
 table.faq td ul {margin-left: 20px;}
 .shopstatus {border: 1px solid #ddd; padding: 6px; background:#f3f9fc; text-align:right;}
 
 table.productdetail  {border-bottom: 1px solid #ddd;}
 table.productdetail th {background:#1fa567; border-right: 1px solid #fff; color: #fff;}
 table.productdetail td {border-top: 1px solid #ddd;border-right: 1px solid #ddd;}
 table.productdetail td.first {border-left: 1px solid #ddd;}
 
sup  {font-size: 7px;}
.phone {color: #1fa567; font-size: 12px; font-weight:bold; padding-left: 20px; background: url(../images/phone.gif) 0px 0px no-repeat}

a.button1:link,    a.button1:visited  {
	color: #fff;
	font-weight: bold;
	background-image: url(../images/button_bg.gif);
	background-position: 0px 0px;
  float:left; 
  height:20px;  
	margin:0 0 0 125px; text-decoration:none;}
    a.button1:link span,    a.button1:visited span{
  float:right; 
	background-image: url(../images/button_bg.gif);
	background-repeat: no-repeat;
	background-position: right 0px; margin:0 0 0 10px; height:14px; padding:3px 10px 3px 0;	 text-decoration:none;}	
    a.button1:hover {
	color: #fff;
	text-decoration:none;
	font-weight: bold;
	background-image: url(../images/button_bg.gif);
	background-position: 0px -20px;   
	float:left; height:20px;  margin:0 0 0 125px;}
    a.button1:hover span{	
	text-decoration:none;
	background-image: url(../images/button_bg.gif);
	background-repeat: no-repeat;
	background-position: right -20px; margin:0 0 0 10px; height:14px; padding:3px 10px 3px 0; cursor: pointer;}

a.button2:link,    a.button2:visited  {
	color: #fff;
	font-weight: bold;
	background-image: url(../images/button_bg.gif);
	background-position: 0px 0px;
  float:left; 
  height:20px;  
	margin:0 0 0 225px; text-decoration:none;}
    a.button2:link span,    a.button2:visited span{
  float:right; 
	background-image: url(../images/button_bg.gif);
	background-repeat: no-repeat;
	background-position: right 0px; margin:0 0 0 10px; height:14px; padding:3px 10px 3px 0;	 text-decoration:none;}	
    a.button2:hover {
	color: #fff;
	text-decoration:none;
	font-weight: bold;
	background-image: url(../images/button_bg.gif);
	background-position: 0px -20px;   
	float:left; height:20px;  margin:0 0 0 225px;}
    a.button2:hover span{	
	text-decoration:none;
	background-image: url(../images/button_bg.gif);
	background-repeat: no-repeat;
	background-position: right -20px; margin:0 0 0 10px; height:14px; padding:3px 10px 3px 0; cursor: pointer;}