@charset "utf-8";
/* CSS Document */
html,body{height:100%;}
* {
	padding:0;
	margin:0;
}
body {
	background:#fff;
	color:#444;
	font:12px Arial, Helvetica, sans-serif;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#900;
}
img {
	border:0;
}
ul {
	list-style-type:none;
}
li {
	list-style-type:none;
}
ol {
	list-style: none;
}
p {
	margin:0px;
	padding:0px;
}
h1 {
	margin:0px;
	padding:0px;
}
h2 {
	margin:0px;
	padding:0px;
}
h3 {
	margin:0px;
	padding:0px;
}
h4 {
	margin:0px;
	padding:0px;
}
h5 {
	margin:0px;
	padding:0px;
}
h6 {
	margin:0px;
	padding:0px;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption {
	text-align: left;
}
input {
	color:#666666;
	font:11px Arial, Helvetica, sans-serif;
}
textarea {
	color:#666666;
	font:11px Arial, Helvetica, sans-serif;
}
select {
	color:#666666;
	font:11px Arial, Helvetica, sans-serif;
}
.clear {
	clear: both;
	height:1px;
	margin-top:-1px;
	overflow:hidden;
}


#top { width:960px;margin:0 auto; border-left:1px solid #ccc;border-right:1px solid #ccc;}
#wrap { width:960px;height:30%; margin:0 auto; border-left:1px solid #ccc;border-right:1px solid #ccc; clear:both;}
body > #wrap {height: auto; min-height:30%;}
#main {padding-bottom:55px;}  /* 必须使用和footer相同的高度 */
#footer {position: relative;
 margin-top: -155px; /* footer高度的负值 */
 height: 35px;
 width:960px; 
 margin:0 auto; 
border-left:1px solid #ccc;
border-right:1px solid #ccc; 
border-top:5px solid #333;
background-color:#ddd;
clear:both;}
.clearfix:after {content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#footer p{padding:15px 10px;font-size:11px;}
#top:after{ content:"."; height:0; visibility:hidden;  display:block;clear:both; }  
#top_info { border-bottom:1px solid #ccc; background-color:#EDEDED; height:29px; text-align:left;line-height:29px;}
#top_info a{padding:0px 11px 0px 10px; display:block; float:left;}
#top_info a.s1{float:right;background:url(top_icon2.jpg) 0px 8px no-repeat;padding-left:20px;color:#728E0D;font-weight:bold;}
#top_info:after{ content:"."; height:0; visibility:hidden;  display:block;clear:both; }   

#logo {width:300px; float:left;padding:30px 0px;padding-left:55px;}
#top_service {width:220px;float:right;margin-top:27px;padding-left:5px;border-left:1px solid #ddd;}
#top_service p{text-align:left;font-size:11px; color:#444; line-height:15px;}
#top_service p strong{color:#333;}
#top #nav {padding-left:35px;clear:both; border-bottom:5px solid #8DA241;line-height: 24px; position:relative;z-index:1;}
#top #nav:after{ content:"."; height:0; visibility:hidden;  display:block;clear:both; }

#top #nav ul {padding-left:0px;}
#top #nav ul li{float:left;margin-right:5px;}
#top #nav ul li a{display:block;font:14px Arial, Helvetica, sans-serif;color:#fff;text-align:center; }
#top #nav ul li a.a1{width:54px;background:#fff url(nav_a1_1.jpg) no-repeat;height:30px; line-height:30px; font-weight:500;}
#top #nav ul li a.a1_1{width:54px;background:#fff url(nav_a1_2.jpg) no-repeat;height:30px; line-height:30px; font-weight:500;}
#top #nav ul li a.a2{width:145px;background:#fff url(nav_a2_1.jpg) no-repeat;height:30px; line-height:30px; font-weight:500;}
#top #nav ul li a.a2_1{width:145px;background:#fff url(nav_a2_2.jpg) no-repeat;height:30px; line-height:30px; font-weight:500;}
#top #nav ul li a.a3{width:133px;background:#fff url(nav_a3_1.jpg) no-repeat;height:30px; line-height:30px; font-weight:500;}
#top #nav ul li a.a3_1{width:133px;background:#fff url(nav_a3_2.jpg) no-repeat;height:30px; line-height:30px; font-weight:500;}
#top #nav ul li a.a4{width:127px;background:#fff url(nav_a4_1.jpg) no-repeat;height:30px; line-height:30px; font-weight:500;}
#top #nav ul li a.a4_1{width:127px;background:#fff url(nav_a4_2.jpg) no-repeat;height:30px; line-height:30px; font-weight:500;}
#top #nav ul li a.a6{width:90px;background:#fff url(nav_a5_1.jpg) no-repeat;height:30px; line-height:30px; font-weight:500;}
#top #nav ul li a.a6_1{width:90px;background:#fff url(nav_a5_2.jpg) no-repeat;height:30px; line-height:30px; font-weight:500;}
#top #nav ul li a.a5{width:133px;background:#fff url(nav_a6_1.jpg) no-repeat;height:30px; line-height:30px; font-weight:500;}
#top #nav ul li a.a5_1{width:133px;background:#fff url(nav_a6_2.jpg) no-repeat;height:30px; line-height:30px; font-weight:500;}
#top #nav ul li a.a7{width:125px;background:#fff url(nav_a7_1.jpg) no-repeat;height:30px; line-height:30px; font-weight:500;}
#top #nav ul li a.a7_1{width:125px;background:#fff url(nav_a7_2.jpg) no-repeat;height:30px; line-height:30px; font-weight:500;}
#top #nav ul li a.a1:hover{width:54px;background:#fff url(nav_a1_2.jpg) no-repeat;}
#top #nav ul li a.a2:hover{width:145px;background:#fff url(nav_a2_2.jpg) no-repeat;}
#top #nav ul li a.a3:hover{width:133px;background:#fff url(nav_a3_2.jpg) no-repeat;}
#top #nav ul li a.a4:hover{width:127px;background:#fff url(nav_a4_2.jpg) no-repeat;}
#top #nav ul li a.a6:hover{width:90px;background:#fff url(nav_a5_2.jpg) no-repeat;}
#top #nav ul li a.a5:hover{width:133px;background:#fff url(nav_a6_2.jpg) no-repeat;}
#top #nav ul li a.a7:hover{width:125px;background:#fff url(nav_a7_2.jpg) no-repeat;}

#nav li {float:left;}
#nav li ul {line-height:27px;text-align:left;left:auto; width:180px; position: absolute;}
#nav li ul li{float: left; width:180px; height:25px;background:#8DA241; border-bottom:1px dashed #C5D392;}
#nav li ul li:hover{background:#82963D;}
#top #nav li ul li a{display:block; height:25px;width:180px;width:156px;text-align:left;padding-left:24px;color:#fff;font-size:11px; line-height:25px;}
#top #nav li ul li a:hover{background:url(icon_t6.gif) 12px 8px no-repeat; }
#nav li:hover ul{left: auto;}
#nav li.sfhover ul {left:auto;}
#nav .logout{width:60px; float:right; padding-right:2px;padding-left:20px;height:30px; background:#fff  url(garyblogicon_025.png) 0px 5px no-repeat;}
#nav .logout a{border-bottom:1px solid #333;font-size:14px;}

#top #banner{background:#fff url(top_banner.jpg) right no-repeat; height:96px; clear:both; width:960px;position:relative;}
#top #banner h1{float:left;margin-left:56px;_margin-left:28px;margin-top:50px;padding-left:15px;background:url(top_icon1.jpg) 0px 6px no-repeat;font:18px Arial, Helvetica, sans-serif;color:#444; width:80%;}
#banner h1 span.s1{display:block;float:left;}
#banner h1 a.logout{display:block;width:30px; float:left;margin-left:20px; padding-right:10px;padding-left:20px;height:23px; background:url(garyblogicon_025.png) 0px 4px no-repeat;font:bold 12px Arial, Helvetica, sans-serif;color:#025E8D;line-height:23px;}

/*added --------------------------------------------------------------*/
#cart_top {position:absolute;width:330px;top:53px;right:9px;_right:0px;}
#cart_top .button_cart{padding-left:153px;_padding-left:150px;}
#cart_top .cart_top_info{float:right;width:330px;border:3px solid #015E8D;margin-top:0px;margin-right:-9px;_margin-right:-0px;background-color:#fff;}
#cart_top .cart_top_info table td{padding:8px 5px; text-align:center;}
#cart_top .cart_top_info table td.s1{text-align:right;}
#cart_top .cart_top_info table td.s2{text-align:left;}
#cart_top .cart_top_info table td.s2:hover{ background-color:#fff;}
#cart_top .cart_top_info table td.s3{padding-top:10px; text-align:right;border-top:1px solid #ddd;}
#cart_top .cart_top_info table td.s4{padding-bottom:10px; text-align:right;}
#cart_top .cart_top_info table tr:hover{ background-color: #F3F3F3;}
#cart_top .cart_top_info table tr.cart_title{ background-color:#8DA241;color:#fff;font-size:11px; font-weight:bold;}

input.paypalbutton{background-image:url(click_paypal.jpg);width:290px;height:48px;border:0;cursor:pointer;}
input.paypalbutton:hover {background-image:url(click_paypal2.jpg);}