@import url("colorbox.css");
@import url("item-popbox.css");

@charset "utf-8";
/* CSS Document */


body {background: #cdffff url("../images/global/footer-bg.jpg") bottom center no-repeat;  margin:0 auto; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

#main-container {width:1100px; margin:0 auto; clear:both; position:relative;}

/******************************** Header ******************************************/
#header {  background: #cdffff url("../images/global/header-bg.jpg") top center no-repeat; height:515px; width:1100px;}
#header embed {margin:0 auto; display:block;}



/******************************** Login Box ******************************************/
#login-box {width:250px; height:166px; position:absolute;left:47px; top:330px;}
#login-box a, img {border:0;}
#login-box span {position:absolute; top:-9999em;}
#login-box #login-btn {display:block; width:98px; height:98px; background:url("../images/login/login-box-login-btn.png") 0 0 no-repeat;float:left;}
#login-box #login-btn:hover { background:url("../images/login/login-box-login-btn2.png");}
#login-box #reg-btn {display:block; width:89px; height:98px; background:url("../images/login/login-box-reg-btn.png") 0 0 no-repeat; float:left;}
#login-box #reg-btn:hover {background:url("../images/login/login-box-reg-btn2.png");}

#login-box #otherbtns {width:152px; height:68px; float:left; position:relative; margin-left:22px; _margin-left:11px; top:-3px; }

#otherbtns #shophis-btn {width:76px; height:34px; display:block;background:url("../images/login/login-box-record-btn.png") 0 0 no-repeat;float:left;}
#otherbtns #shophis-btn:hover {background:url("../images/login/login-box-record-btn2.png") 0 0 no-repeat;}

#otherbtns #topup-btn {width:76px; height:34px; display:block;background:url("../images/login/login-box-topup-btn.png") 0 0 no-repeat;float:left;}
#otherbtns #topup-btn:hover {background:url("../images/login/login-box-topup-btn2.png") 0 0 no-repeat;}

#otherbtns #guide-btn {width:76px; height:34px; display:block;background:url("../images/login/login-box-guide-btn.png") 0 0 no-repeat;float:left;}
#otherbtns #guide-btn:hover {background:url("../images/login/login-box-guide-btn2.png") 0 0 no-repeat;}

#otherbtns #points-btn {width:76px; height:34px; display:block;background:url("../images/login/login-box-point-btn.png") 0 0 no-repeat;float:left;}
#otherbtns #points-btn:hover {background:url("../images/login/login-box-point-btn2.png") 0 0 no-repeat;}

#logged-in {width:210px; padding:10px 5px 5px 25px; *padding-bottom:0;}
#logged-in label.title {width:55px; height:17px; clear:left; float:left; margin:0;}
#logged-in label.info {width:90px;height:17px; clear:right; float:left;}

#logged-in #logout-btn {width:53px; height:32px; display:block;background:url("../images/login/logout-btn.png") 0 0 no-repeat;float:right; margin-top:-30px; margin-right:60px; _margin-right:30px;}
#logged-in #logout-btn:hover {background:url("../images/login/logout-btn2.png") 0 0 no-repeat;}


/******************************** List ******************************************/
#latest-list {position:relative; float:right; width:250px; position:absolute;overflow:hidden; left:775px; top:335px;}
#latest-list a {color:#393c5b; text-decoration:none; display: inline-block; width: 150px; vertical-align: middle; white-space: nowrap;}
#latest-list a:hover {text-decoration:underline;}

#latest-list ul{margin:0; padding:0;}
#latest-list ul li {list-style-type:none; padding:3px;}
#latest-list ul span {padding:2px 5px; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; color:#fff; font-size:11px; margin-right:5px;}
#latest-list ul span.new {background:#FF6600;}
#latest-list ul span.hot {background:#CC0000; }
#latest-list ul span.promo {background:#00CC33; }
#latest-list ul span.limit {background:#0000FF; }
#latest-list ul span.none {width: 22px; display: inline-block; }
#latest-list ul span.li-price, #latest-list ul span.li-price a {color:#ff0000; text-decoration:none; margin-right:0;}



/******************************** Sidemenu ******************************************/

#sidemenu {width:210px; height:auto; float:left; display:block;}
#sidemenu-top {background: transparent url("../images/sidemenu/sidemenu-top.png") top center no-repeat; width:210px; height:100px;}
#sidemenu-content {background: transparent url("../images/sidemenu/sidemenu-content-bg.png") top center repeat-y; width:210px; height:auto;}
#sidemenu-content span {position:absolute; top:-9999em;}
#sidemenu-content ul{margin:0 0 0 40px; padding:0; list-style:none;}
#sidemenu-content ul li{width:130px; height:38px;}
#sidemenu-content ul li a{display:block;width:130px; height:38px;}

#sidemenu-content ul li a#new{background: transparent url("../images/sidemenu/sidemenu-list-new.jpg") top left no-repeat;}
#sidemenu-content ul li a#new:hover{background: transparent url("../images/sidemenu/sidemenu-list-new2.jpg") top left no-repeat;}

#sidemenu-content ul li a#hot{background: transparent url("../images/sidemenu/sidemenu-list-hot.jpg") top left no-repeat;}
#sidemenu-content ul li a#hot:hover{background: transparent url("../images/sidemenu/sidemenu-list-hot2.jpg") top left no-repeat;}

#sidemenu-content ul li a#promo{background: transparent url("../images/sidemenu/sidemenu-list-promo.jpg") top left no-repeat;}
#sidemenu-content ul li a#promo:hover{background: transparent url("../images/sidemenu/sidemenu-list-promo2.jpg") top left no-repeat;}

#sidemenu-content ul li a#special{background: transparent url("../images/sidemenu/sidemenu-list-special.jpg") top left no-repeat;}
#sidemenu-content ul li a#special:hover{background: transparent url("../images/sidemenu/sidemenu-list-special2.jpg") top left no-repeat;}

#sidemenu-content ul li a#fashion{background: transparent url("../images/sidemenu/sidemenu-list-fashion.jpg") top left no-repeat;}
#sidemenu-content ul li a#fashion:hover{background: transparent url("../images/sidemenu/sidemenu-list-fashion2.jpg") top left no-repeat;}

#sidemenu-content ul li a#exp{background: transparent url("../images/sidemenu/sidemenu-list-exp.jpg") top left no-repeat;}
#sidemenu-content ul li a#exp:hover{background: transparent url("../images/sidemenu/sidemenu-list-exp2.jpg") top left no-repeat;}

#sidemenu-content ul li a#enhanced{background: transparent url("../images/sidemenu/sidemenu-list-enhanced.jpg") top left no-repeat;}
#sidemenu-content ul li a#enhanced:hover{background: transparent url("../images/sidemenu/sidemenu-list-enhanced2.jpg") top left no-repeat;}

#sidemenu-content ul li a#items{background: transparent url("../images/sidemenu/sidemenu-list-items.jpg") top left no-repeat;}
#sidemenu-content ul li a#items:hover{background: transparent url("../images/sidemenu/sidemenu-list-items2.jpg") top left no-repeat;}

#sidemenu-content ul li a#enlarge{background: transparent url("../images/sidemenu/sidemenu-list-enlarge.jpg") top left no-repeat;}
#sidemenu-content ul li a#enlarge:hover{background: transparent url("../images/sidemenu/sidemenu-list-enlarge2.jpg") top left no-repeat;}

#sidemenu-content ul li a#pet{background: transparent url("../images/sidemenu/sidemenu-list-pet.jpg") top left no-repeat;}
#sidemenu-content ul li a#pet:hover{background: transparent url("../images/sidemenu/sidemenu-list-pet2.jpg") top left no-repeat;}

#sidemenu-content ul li a#return{background: transparent url("../images/sidemenu/sidemenu-list-return.jpg") top left no-repeat;}
#sidemenu-content ul li a#return:hover{background: transparent url("../images/sidemenu/sidemenu-list-return2.jpg") top left no-repeat;}

#sidemenu-content ul li a#giftbox{background: transparent url("../images/sidemenu/sidemenu-list-giftbox.jpg") top left no-repeat;}
#sidemenu-content ul li a#giftbox:hover{background: transparent url("../images/sidemenu/sidemenu-list-giftbox2.jpg") top left no-repeat;}

#sidemenu-content ul li a#all{background: transparent url("../images/sidemenu/sidemenu-list-all.jpg") top left no-repeat;}
#sidemenu-content ul li a#all:hover{background: transparent url("../images/sidemenu/sidemenu-list-all2.jpg") top left no-repeat;}

#sidemenu-bottom {background: transparent url("../images/sidemenu/sidemenu-bottom.png") top center repeat-y; width:210px; height:24px;}

#sidemenu-btns {width:176px; height:86px; margin:0 auto;}
#sidemenu-btns span{position:absolute; top:-9999em;}
#points {background: transparent url("../images/sidemenu/sidemenu-points-btn.png") top left no-repeat; width:88px; height:86px; display:block; float:left;}
#points:hover {background: transparent url("../images/sidemenu/sidemenu-points-btn2.png") top left no-repeat;}
#reward {background: transparent url("../images/sidemenu/sidemenu-reward-btn.png") top left no-repeat; width:88px; height:86px; display:block; float:left;}
#reward:hover {background: transparent url("../images/sidemenu/sidemenu-reward-btn2.png") top left no-repeat;}

/******************************** Content ******************************************/

#content-container {width:963px; background: #e4fdfd; margin:0 0 0 68px;_margin:0 0 0 34px; float:left; height:auto;}
#content {width:750px; margin:15px auto; display:block; float:right; height:auto; text-align: center;}


.content-box {display: inline-block; text-align: left; }
#content-box {width:100%; margin:0 auto 22px; height:auto; }

.title { width:750px; height:55px; float:left; margin:0 0 10px 0;}
.item-container {width:218px; height:126px; float:left; background: transparent url("../images/item-container/item-container-bg.jpg") top left no-repeat; padding:22px 10px; margin-right:7px; margin-bottom:10px;  }

.item-container .item-left {float:left; width:75px; height:126px; padding:4px 3px;}

.item-container .item-left span {padding:0 6px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; color:#FFFFFF; font-size:11px; white-space: nowrap; display: inline-block; margin: 1px 0;}
.item-container .item-left span.item-new {background:#ff6600; }
.item-container .item-left span.item-hot {background:#CC0000;}
.item-container .item-left span.item-promo {background:#00cc33;}
.item-container .item-left span.item-limit {background:#0000FF;}

.item-container .item-left img {padding:5px 4px; border:0;}
.item-container .item-left a {text-decoration:none; margin:0 1px;}
.item-container .item-left a:hover{text-decoration:none;}
.item-container .item-left a.buy {background:#088797; padding:1px 4px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; color:#FFFFFF; font-size:12px;}
.item-container .item-left a.gift {background:#d6004a; padding:1px 4px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; color:#FFFFFF; font-size:12px;}
.item-container .item-left a:hover.buy {background:#003399;}
.item-container .item-left a:hover.gift {background:#990000;}
.item-container .item-left .item-btn {}

.item-container .item-right {float:right; width:130px; height:126px; padding:2px 5px 2px 2px;}
.item-container .item-right h2 {font-size:13px; color:#0167cb; font-weight:normal; margin:5px 0;}
.item-container .item-right span.item-price {font-size:13px; color:#FF0000; background: url("../images/item-container/coin-bg.jpg") 0 50% no-repeat; padding-left:15px; float:left; clear:both; margin:3px 0; }
.item-container .item-right span.item-des {font-size:12px; color:#3e3e3e; float:left; clear:both; width:100%; height: 70px; overflow: hidden; }


/******************************** Record ******************************************/

#record-title  { width:525px; height:55px; float:left; margin:0 0 10px 0; background: transparent url("../images/titles/record-title.jpg") no-repeat; padding-left:205px;}

#record-title a {display:block;width:113px; height:53px; float:left;}
#record-title span {position:absolute; text-indent:-9999em;}

#record-title ul{margin:0; padding:0;}
#record-title ul li {display:inline; list-style:none;}

#record-title a.purchase-his {background: transparent url("../images/record/record-btn-purchase.jpg") top left no-repeat;}
#record-title a:hover.purchase-his, #record-title a.purchase-his.selected {background: transparent url("../images/record/record-btn-purchase2.jpg") top left no-repeat;}

#record-title a.points-his {background: transparent url("../images/record/record-btn-points.jpg") top left no-repeat;}
#record-title a:hover.points-his,#record-title a.points-his.selected {background: transparent url("../images/record/record-btn-points2.jpg") top left no-repeat;}

#record-title a.voucher-his {background: transparent url("../images/record/record-btn-voucher.jpg") top left no-repeat;}
#record-title a:hover.voucher-his,#record-title a.voucher-his.selected {background: transparent url("../images/record/record-btn-voucher2.jpg") top left no-repeat;}

#record-title a.gift-his {background: transparent url("../images/record/record-btn-gift.jpg") top left no-repeat;}
#record-title a:hover.gift-his,#record-title a.gift-his.selected {background: transparent url("../images/record/record-btn-gift2.jpg") top left no-repeat;}

#record-content {width:728px; margin:0; float:left; color:#333333;}
#record-content-top { width:728px; height:25px; background: transparent url("../images/record/record-content-top.jpg") top left no-repeat;}
#record-content-content { width:728px; height:auto; background: transparent url("../images/record/record-content-bg.jpg") top left repeat-y;}
#record-content-btm { width:728px; height:25px; background: transparent url("../images/record/record-content-btm.jpg") top left no-repeat;}

#record-content table{width:700px; border-collapse:collapse; margin:0 auto; font-weight:normal;}
#record-content table thead {background:#2057b1; color:#fff;}
#record-content table tr, th {padding:5px; font-weight:normal;}
#record-content table tr {border-bottom:1px solid #CCCCcc;}



/******************************** Pagination ******************************************/
#pagination {width:auto; height:17px; vertical-align:middle;background: url("../images/pagination/pagi-left.jpg") top left no-repeat; padding-left:35px; margin-right:20px; display: inline-block; margin-top:10px;}
#pagination a { color:#0167cb; text-decoration:none;}
#pagination a:hover{text-decoration:underline;}
#pagination a.current { color:#464646;}
#pagination .pager_nums {list-style:none; float:left; background: url("../images/pagination/pagi-right.jpg") top right no-repeat;margin:0; padding:0 35px 0 0 ; height: 15px;}
#pagination .pager_nums a, #pagination .pager_nums em {margin: 0 2px; }

/******************************** Search ******************************************/
#search-box {width:260px; height:55px; background: transparent url("../images/search/search-bg.jpg") top left no-repeat; padding:10px 0 0 120px; float:right; margin-right:15px; *margin-top:-55px;}
#search-box form {width:auto; margin:10px 0 0 0; *margin:20px 0 0 0;}
#search-box input.keyword {padding:2px 10px; height:16px; width:195px; border:none; color:#666666; background:none;}
#search-box input.btn {height:55px; width:34px; border:none; margin-top:-20px;*margin-top:-40px; float:right; background: url(../images/search/search-btn.jpg) no-repeat; cursor: pointer; }
#loader {display: none;}
#loader-img {height:100%; width:100%; position: fixed; background: url(../images/global/loading.png) center center no-repeat; left: 0; top: 0; z-index: 10001;}
#loader-layer {background-color: white; height: 100%; left: 0; opacity: 0.8; position: fixed; top: 0; width: 100%; z-index: 10000;}

/******************************** Page Gradiant ******************************************/
#page-gradiant {background: transparent url("../images/global/page-gradiant.png") bottom left repeat-x; width:963px; height:69px; float:left; margin-left:68px;_margin-left:34px; position:relative; }
.pager_nums {}


/******************************** Footer ******************************************/
#footer {width:100%; height:98px; background: transparent url("../images/global/footer-bar-bg.png") bottom left repeat-x;  margin:0 auto; vertical-align:bottom; float:left;}
#footer a { color:#145a9c; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

#footer-content {    background: url("../images/global/footer-bar-content.png") no-repeat scroll bottom center transparent;
    height: 78px; width: 541px;   margin: 0 auto;    padding-left: 65px;    padding-top: 20px;    }

#footer-content p.copyright {margin:0 0 0 60px; padding:8px 0 0 0; font-size:11px; line-height:12px;}
#footer-content .footer-links {text-align: center; width: 425px;}