@charset "utf-8";
/* CSS Document */
body {background-color:#000;}
body,ul,li {margin:0; padding:0;   font-size:12px; font-family:Arial;}
.new ul, .new ul li , .headerbg ul, .headerbg ul li{float:left; list-style:none}
a {text-decoration:none;  }
/*color:#111;*/
img {border:none;}
ul,li { list-style:none}
.container {width:980px; height:100%; margin:0 auto;}

.header {width:100%; height:190px; border-bottom:1px solid #000;  color:#ddd; }
.headerbg {margin:0 auto; width:980px; height:100%; padding:0px; background:url(/includes/templates/agmhoppy/images/body/head.jpg) no-repeat top center;}
.header .main {float:left; width:100%; height:150px;}
.header .main .top {float:left; width:100%; height:30px; padding-top:10px;}
.header .main .top ul {float:right;}
.header .main .top li a {float:left; color:#FFF; padding:0px 20px 0px 40px; background:url(/includes/templates/agmhoppy/images/body/icon.png) no-repeat 15px -5px;}
.header .main .top li a:hover {color:#F60;}
.header .main .top .site {padding-left:30px;}
.header .main .top .site a {float:none; padding:0; background:none;}
.header .main .top .line {padding:0px 15px 0px 10px; background:none;}
.header .main .logo {float:left; width:200px; height:60px; margin-top: 10px;}
.header .main .search {float:left; width:400px; padding:0px 0px 0px 50px;}
.header .main .search .tags {float:left; width:400px; height:20px; line-height:30px;}
.header .main .search .tags a {margin-right:10px; color:#999;}
.header .main .search .tags a:hover {color:#FFF;}
.header .main .search .fream {float:left; width:398px; height:28px; border:1px solid #FFF; background:#CCC;}
.header .main .search .fream input {width:270px; color:#666; border:none; background:none; padding:6px 10px;}
.header .main .search .fream .btns {float:right; padding:0px 10px; line-height:28px; color:#333; background:#FFF; cursor:pointer;}
.header .main .icon {float:left; width:20px; height:25px; background:url(/includes/templates/agmhoppy/images/body/icon.png) no-repeat;}
.header .main .users {float:left; width:330px; position:relative;}
.header .main .users .login {float:left; width:600px; height:30px; text-align:right; position:absolute; right:0;}
.header .main .users .login a {color:#F60;}
.header .main .users .login a:hover {color:#FFF;}
.header .main .users .carttitle {float:right; height:30px; padding:30px 0px 0px;}
.header .main .users .carttitle .btns {float:left; width:100px; text-align: center; line-height:20px; padding:5px 10px; color:#333; background:#FFF; cursor:pointer;}
.header .main .users .carttitle .list {float:left; width:200px; padding:5px 15px 10px; border:1px solid #FFF; color:#333; background:#F0F0F0; position:absolute; top:60px; right:0; z-index:3; display:none;}
.header .main .users .carttitle .list li {width:200px; height:60px; border-top:1px dashed #CCC; padding:10px 0px;}
.header .main .users .carttitle .list img {float:left; width:80px; height:60px;}
.header .main .users .carttitle .list a {color:#333;}
.header .main .users .carttitle .list a:hover {color:#666;}
.header .main .users .carttitle .list .text {float:left; width:110px; padding-left:10px;}
.header .main .users .carttitle .list .title {float:left; width:120px; height:20px; font-size:11px; line-height:18px; overflow:hidden;}
.header .main .users .carttitle .list .qty {float:left; width:110px; height:20px; color:#666;}
.header .main .users .carttitle .list .qty span {float:left;}
.header .main .users .carttitle .list .qty .del {float:right; width:20px; height:20px; background:url(/includes/templates/agmhoppy/images/body/icon.png) no-repeat -2px -327px; cursor:pointer;}
.header .main .users .carttitle .list .price {float:left; width:110px; height:20px; color:#F60; font-size:14px; font-weight:bold;}
.header .main .users .carttitle .list .total {float:left; width:200px; padding:5px 0px 5px 0px; line-height:20px;}
.header .main .users .carttitle .list .total .pri {color:#F60; font-size:16px; line-height:25px;}
.header .main .users .carttitle .list .total a {color:#FFF; padding:2px 10px; background:#F60;}
.header .navbar {float:left; width:978px; height:42px; border:1px solid #FFF; border-bottom:none; 
        color:#FFF; line-height:40px; background:#222; border-radius:0px;min-height: 20px; border:1px solid #fff;}
.header .navbar li a {color:#FFF; padding:0px 15px; white-space:nowrap; overflow:hidden; }
.header .navbar li a:hover {color:#F60;}
.header .navbar .all {width:168px; height:39px; padding:0px 15px; border-right:1px solid #FFF; font-size:14px; font-weight:bold; background:#444;}

.mainbody {width:100%; border-top:1px solid #FFF;}
.mainbody .main {margin:0 auto; width:980px; background:#EEE;}

.mainbody .main .left {float:left; width:200px;}

.menu { width:198px;   border:1px solid #FFF; border-top:none; background:#CCC;}
.menu li {width:170px; height:24px; padding:0px 14px; line-height:25px; color:#333; border-bottom:1px solid #FFF; position:relative; cursor:pointer; }
.menu li a {float:left; width:150px; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.menu li a:hover {color:#69C;}
.menu li .icon {float:right; width:20px; height:24px; background:url(/includes/templates/agmhoppy/images/body/icon.png) no-repeat 4px -150px;}
.menu li ul {display:none; width:180px; padding:10px; background:#FFF; position:absolute; top:-1px; left:198px; z-index:100;}
.menu li li {text-indent:10px; border:none; height:auto; padding:0; background:none;}
.menu li li a {width:180px;}
.menu li li a:hover {background:#EEE;}
.menu li li  {display:block; width:180px; padding:0px 0px 10px; position:static;}
.menu li li ul a {width:150px;}
.mainbody .main .deal {float:left; width:198px; margin:10px 0px; border:1px solid #FFF; border-top:2px solid #F60; background:#CCC;}
.mainbody .main .deal .lable {width:100%; height:40px; font-size:16px; font-weight:bold; text-indent:15px; line-height:38px; background:url(/includes/templates/agmhoppy/images/body/deal.gif) bottom no-repeat;}
.mainbody .main .deal .block {width:178px; padding:5px 10px 8px;}
.mainbody .main .deal .block li {width:178px; height:60px; border-bottom:1px dashed #999; padding:10px 0px;}
.mainbody .main .deal .block img {float:left; width:80px; height:60px;}
.mainbody .main .deal .block a {color:#333;}
.mainbody .main .deal .block a:hover {color:#666;}
.mainbody .main .deal .block .text {float:left; width:90px; padding-left:8px;}
.mainbody .main .deal .block .title {float:left; width:90px; height:40px; font-size:11px; line-height:14px;}
/*.mainbody .main .deal .block .price {float:left; width:90px; height:20px; color:#F60; font-size:14px; font-weight:bold;}*/

.mainbody .main .contant {float:left; width:180px; height:100px; padding:10px 9px; border:1px solid #FFF; border-top:2px solid #39C; background:#CCC;}
.mainbody .main .contant img {float:left; width:180px; height:100px;}

.mainbody .main .right {float:left; width:770px; padding:10px 0px 0px 10px;}

.mainbody .main .show {float:left; width:580px; height:250px; padding:5px; background:#FFF; position:relative;}
.mainbody .main .show a img {position:absolute; top:5px; left:5px; _vertical-align:top; width:580px; height:180px;}
.mainbody .main .show .btn {float:left; width:30px; height:60px; position:absolute; top:50%; margin-top:-30px; z-index:1; cursor:pointer;}
.mainbody .main .show .prev {left:5px; background:url(/includes/templates/agmhoppy/images/body/left.png) no-repeat;}
.mainbody .main .show .next {right:5px; background:url(/includes/templates/agmhoppy/images/body/right.png) no-repeat;}
.mainbody .main .show .small {float:left; width:580px; height:60px; background:#000; position:absolute; bottom:5px; padding-top:5px; z-index:1;}
.mainbody .main .show .small img {float:left; width:187px; height:60px; cursor:pointer; border: 1px solid #FAFAFA;}
.margin6lr img{margin:0px 6px;}
.mainbody .main .adblock {float:left; width:170px; height:260px; padding-left:10px;}
.mainbody .main .adblock li {width:170px; height:80px;}
.mainbody .main .adblock .center {padding:10px 0px;}
.mainbody .main .adblock li img {width:170px; height:80px;}
.mainbody .main .adblock {padding-left:0px;}
.mainbody .main .adblock img{margin-bottom:4px;}

.mainbody .main .getmail {float:left; width:740px; height:100px; margin:10px 0px; padding:15px; color:#333; background:#CCC;}
.mainbody .main .getmail div {float:left; width:365px; height:60px;}
/**.mainbody .main .getmail img {float:left; width:60px; height:60px; padding:0px 10px;}**/
.mainbody .main .getmail div .msg {float:left; width:60px; height:60px; margin-right:10px;}
.mainbody .main .getmail span {float:left;}
.mainbody .main .getmail .title { font-weight:bold; padding-bottom:5px;}
.mainbody .main .getmail .text { font-weight:normal;}

.mainbody .main .new {float:left; width:740px; padding:15px; border-top:2px solid #390; background:#CCC;}
.mainbody .main .new .lable {width:100%; height:40px; color:#390; font-size:16px; font-weight:bold; text-indent:15px; line-height:38px;}
/***
.mainbody .main .new .lable {width:100%; height:40px; position:relative;}
.mainbody .main .new .lable img {width:85px; height:40px; position:absolute; top:-2px;}
***/
.mainbody .main .new .block {width:720px; padding:5px 24px;}
.mainbody .main .new .block li {width:160px; height:240px; padding:10px 10px 20px;}
/*.mainbody .main .new .block img {float:left; width:160px; height:120px;}*/
.mainbody .main .new .block a {color:#333;}
.mainbody .main .new .block a:hover {color:#666;}
.mainbody .main .new .block .text {float:left; width:160px; height:120px;}
.mainbody .main .new .block .title {float:left; width:160px; height:24px; line-height:12px; margin-top:5px; overflow:hidden;}
.mainbody .main .new .block .views {float:left; width:160px; height:20px;}
.mainbody .main .new .block .views span {float:left; width:15px; height:15px; background:url(/includes/templates/agmhoppy/images/body/icon.png) no-repeat -5px -205px;}
.mainbody .main .new .block .views a {float:right; color:#333; line-height:20px;}
/*.price {float:left;  height:20px; color:#666; line-height:16px; padding:5px 0px 10px;}
change to sales*/
.mainbody .main .new .block .price {float:left; width:160px; height:30px; color:#666; line-height:15px; padding:5px 0px;}
 .price span {float:left; color:#F60; font-weight:bold; padding-right:10px;}
.mainbody .main .new .block .price span .blue{color:#69C}
.mainbody .main .new .block .btn {float:left; width:160px; height:28px;}
.mainbody .main .new .block .btn a {padding:5px 8px; height:18px; line-height:18px; color:#FFF;}
.mainbody .main .new .block .btn .carttitle {float:left;  background:#F90; border:1px solid #666; padding:4px 8px;}
.mainbody .main .new .block .btn .carttitle:hover {background:#333;}
.mainbody .main .new .block .btn .detail {float:right; background:#999;}


#footer {margin:0 auto; width:980px;}
#footer .footer {float:left; width:980px; margin-top:10px; padding:25px 10px;
        border-top:2px solid #CCC; background:#333; line-height:20px; }
#footer .footer div {float:left; padding:0px 10px 0px 11px; border-right:1px dashed #444;}
#footer .footer li {float:none; width:100%; text-indent:10px; background:url(/includes/templates/agmhoppy/images/body/icon.png) no-repeat -10px -228px;}
#footer .footer a {color:#999; font-size:11px;}
#footer .footer a:hover {color:#FFF;}
#footer .footer span {float:left; width:100%; text-indent:5px;}
#footer .footer img {float:left; width:28; height:28px; margin:5px;}
#footer .footer .title {padding-bottom:10px; color:#CCC; font-weight:bold; background:none; text-indent:0px;}

#footer .copyright {float:left; width:980px; height:80px; line-height:35px; margin-bottom:10px; padding:5px 20px; background:#222;color:#fff}
.copyright a:link ,.copyright a:visited , .copyright a:hover , .copyright a:active {color: #fff}
#footer .copyright span {float:right;}
#footer .copyright span a {margin-left:10px;}

.fixmenu { width:170px; padding:9px 14px 10px; border:1px solid #FFF; border-top:none; background:#CCC;}
.fixmenu li {width:170px; line-height:25px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.fixmenu li span {float:left; width:20px; height:25px; background:url(/includes/templates/agmhoppy/images/body/icon.png) no-repeat -5px -301px;}
.fixmenu li .active {background-position:-5px -276px; cursor:pointer;}
.fixmenu li .open {background-position:-5px -301px;}
.fixmenu li ul {width:160px; display:none; padding:0px 0px 5px 10px;}
.fixmenu li .child {display:block;}
.fixmenu li  .set {color:#69C;}
.fixmenu li li {width:160px;}
.fixmenu li a {color:#333;}
.fixmenu li a:hover {color:#999;}
.fixmenu li ul ul {width:150px; padding-bottom:0;}
.fixmenu li ul ul li {width:150px; text-indent:20px; background:url(/includes/templates/agmhoppy/images/body/icon.png) no-repeat -2px -251px;}

.star {
    width: 86px;
    height: 20px;
    background: url('/includes/templates/agmhoppy/images/star_icon.png') repeat scroll 100% 100% transparent;
    line-height: 20px;
    display: inline-block;
    margin: 0px 0px -5px 0px;
    /*padding: ;*/
}
.level0{background-position: -10px -150px;}
.level1{background-position: -10px -50px;}
.level2{background-position: -10px -70px;}
.level3{background-position: -10px -90px;}
.level4{background-position: -10px -110px;}
.level5{background-position: -10px -130px;}
.green{color:#009900}
.red{color: #cf0000}
.blue{color:#69C;}
.pointer_only{cursor: pointer;}
.paymentmethod img{margin:2px;}


.navigation{padding: 10px 10px 3px 10px;margin-bottom: 10px; border-bottom: 1px solid #ddd; line-height: 20px;}
#logoffDefault{padding: 10px;} #logoffDefault h1{padding: 10px 0;}



#timeoutDefault,#advSearchDefault,#advSearchResultsDefault{
    padding: 10px 20px;
}
#country,#stateZone{clear:both; float:none; display: block;}



.lang {width:100%; height:30px; background:#333;}
.lang .block {margin:0 auto; width:980px; line-height:28px;}
.lang .block a {float:left; color:#CCC; margin:0px 3px; padding:0px 15px;}
.lang .block a{color:#CCC; text-decoration: none; }
.lang .block .set {color:#FFF; border-bottom:2px solid #F00;}
.lang .block a:hover {color:#FFF; border-bottom:2px solid #F00;}




.img_show {
	float:left;
	width:740px;
	height:120px;
	background:#FFF;
	position:relative;
	overflow:hidden;
}
.img_show img {
	position:absolute;
	top:0;
	left:0;
	_vertical-align:top;
	width:740px;
	height:120px;
}
.img_show ul {
	position:absolute;
	right:20px;
	bottom:10px;
	width:42px;
	height:10px;
}
.img_show li {
	float:left;
	width:10px;
	height:10px;
	margin:0px 2px;
	background:url(cirle.png) no-repeat;
	cursor:pointer;
}
.img_show .set {
	background-position:0px -10px;
}


.tab_show {
	float:left;
	width:740px;
	margin:0 0 20px 0;
}
.tab_show .tit {
	width:100%;
	height:30px;
}
.tab_show .tit li {
	float:left;
	width:240px;
	text-align:center;
	line-height:30px;
	background:#999;
	cursor:pointer;
}
.tab_show .tit .set {
	color:#FFF;
	background:#333;
}
.tab_show .con {
	width:720px;
	padding:10px 9px;
	border:1px solid #333;
}
.tab_show .con li {
	float:left;
	width:160px;
	padding:10px;
}
.tab_show .con img {
	width:160px;
	height:120px;
}
.tab_show .con .txt {
	height:40px;
	line-height:20px;
	overflow:hidden;
}
.tab_show .con .opi {
	color:#666;
	margin:5px 0px;
}
.tab_show .con .npi {
	color:#F60;
}