/* shop start */

.shop_showcase {
    margin: 0 -12px 0;
    padding: 18px 0 0;
}

.shopBtn_l, .shopBtn_m, .shopBtn_s {
    cursor: pointer;
    margin: 0 12px 18px 0;
    border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-box-shadow: 0px 0px 5px #000000;
    -moz-box-shadow: 0px 0px 5px #000000;
    box-shadow: 0px 0px 5px #000000; 
}			

.shopBtn_l {
    background: url(http://gf1.geo.gfsrv.net/cdn7e/eda15164c0e9eeefafd92b1f14265d.jpg) left top no-repeat;
    width: 708px;
    height: 132px;
}		

.shopBtn_m {
    background: url(http://gf1.geo.gfsrv.net/cdn97/5fe684e948d94a718531409a30e858.jpg) left top no-repeat;
    width: 348px;
    height: 149px;
    float: left;
}		

.shopBtn_s {
    background: url(http://gf1.geo.gfsrv.net/cdna8/965a209e42bd6f118c3e4ed19ebc32.jpg) left top no-repeat;
    width: 228px;
    height: 149px;
    float: left;
}		

.shopBtn_l:hover { background-position: 0 -132px; }		
.shopBtn_m:hover { background-position: 0 -149px; }		
.shopBtn_s:hover { background-position: 0 -149px; }

.shopBtn_l_red { background-position: 0 -264px; }
.shopBtn_l_red:hover { background-position: 0 -396px; }	

.shopBtn_s_red { background-position: 0 -298px; }
.shopBtn_s_red:hover { background-position: 0 -447px; }

.charLeft, .charRight { 
    background-repeat: no-repeat; 
    border-radius: 14px;
    -moz-border-radius: 14px;
}				

.charLeft {
    background-position: left bottom;
    left: 3px;
}			

.charRight {
    background-position: right bottom;
    right: 3px;
}

.shopBtn_inner {
    padding: 40px 18px 18px;
    position: relative;
    top: -18px;
    overflow: hidden;
}

.discount {
    background: url(http://gf1.geo.gfsrv.net/cdn39/082aa4cba88f291db3d6e69cab5be3.png) no-repeat scroll right top transparent;
    color: #000000;
    font-size: 1.25em;
    font-weight: bold;
    height: 86px;
    padding: 2px 5px;
    position: absolute;
    right: 5px;
    text-align: right;
    top: 20px;
    width: 80px;
}

.discount span {
    display: block;
    -moz-transform: rotate(45deg) translate(12px, 0px);
    -webkit-transform: rotate(45deg) translate(12px, 0px);
    -o-transform: rotate(45deg) translate(12px, 0px);
    -ms-transform: rotate(45deg) translate(12px, 0px);
    transform: rotate(45deg) translate(12px, 0px);
}

.itemNew {
    background: url(http://gf1.geo.gfsrv.net/cdnca/610b03cb83832e4082fd22fb99d3a0.png) scroll 0 -188px no-repeat;
    bottom: -12px;
    height: 82px;
    position: absolute;
    right: 10px;
    width: 82px;
}

.itemNew span { display: none; }

.itemStack {
    position: absolute;
    display: block;
    font-size: .8em;
    font-weight: bold;
    left: 25px;
    bottom: 8px;
    border-top: 1px solid #1D4372;
    border-bottom: 1px solid #182944;
    background: #17375D;
/*    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#17375D', endColorstr='#111E31');*/
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#17375D), color-stop(100%,#111E31));
    background: -moz-linear-gradient(top, #17375D 0%, #111E31 100%);
    text-shadow: 1px 1px 1px black;
    box-shadow: 1px 1px 1px black;
    -moz-box-shadow: 1px 1px 1px black;
    -webkit-box-shadow: 1px 1px 1px black;
    padding: 5px 7px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.itemImage {
    position: relative;
    float: left;
    margin: .5em 2em .6em .75em;
    width: 128px;
    height: 128px;
}

.itemImage .itemStack {
    left: auto;
    right: -10px;
    bottom: -10px;
}

a:-webkit-any-link {
    text-decoration: none;
}

.shopBtn_l .shopBtn_inner { height: 94px; }

.shopBtn_s .shopBtn_inner, .shopBtn_m .shopBtn_inner { height: 106px; }

.shopBtn_l .charLeft {
    padding: 35px 18px 18px 190px;
}		

.shopBtn_l .charRight {
    padding: 35px 190px 18px 18px;
}			

.shopBtn_m .charLeft {
    padding: 40px 18px 18px 145px;
}		

.shopBtn_m .charRight {
    padding: 40px 145px 18px 18px;
}		

.shopBtn_l h2 { font-size: 1.25em; }		

.shop_showcase h2 {
    padding: 0;
    margin: 0 0 0.5em 0;
}		

.shop_showcase h2 a {
    text-decoration: none;
}		

.shop_showcase p { font-size: 0.75em; }	

.shop_showcase img { 
    display: block;
    margin-bottom: 10px; 
}	

/* Chars and Monsters on Buttons */

.charLeft1 { background-image: url(http://gf1.geo.gfsrv.net/cdn6a/2e2d9e17f417067af3dc55ef92c1cb.png); }
.charLeft2 { background-image: url(http://gf1.geo.gfsrv.net/cdnfe/4ba81415b534ae86332b39e2c065fe.png); }

.charRight1 { background-image: url(http://gf1.geo.gfsrv.net/cdn6b/fe5ce8c54df2aded1e544ec583ea65.png); }

.discount_icon {
    background: url(http://gf1.geo.gfsrv.net/cdnca/610b03cb83832e4082fd22fb99d3a0.png) no-repeat scroll left -474px transparent;
    float: left;
    height: 78px;
    width: 78px;
}

/* shop navigation */

.cart_button span {
    display: inline-block;
    padding: 0 10px 0 14px;
    height: 28px;
    width: 12px;
    font-size: 0.83em;
    text-align: center;
    background: url(http://gf1.geo.gfsrv.net/cdn23/74ed72e058e7524cb8e65bf1d35624.png) no-repeat scroll 0 0 transparent;
}					

.balance .cart_button strong {
    position: relative;
    top: -7px;
    padding: 0;
    background: none;
    font-size: 1em;
}		

.cart_button {
    vertical-align: center;
    line-height: 28px;
    float: right;
    background: blue;
    padding: 0 10px;
    margin: -7px 10px 0;
    color: #4d3b0a;
    -moz-border-radius: 4px;
    border-radius: 4px; 
    border: 1px solid #60490c;
    background: #ffeb91; /* Old browsers */
    background: -moz-linear-gradient(top, #ffeb91 0%, #d4b01e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffeb91), color-stop(100%,#d4b01e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffeb91 0%,#d4b01e 100%); /* Chrome10+,Safari5.1+ */
    background: -ms-linear-gradient(top, #ffeb91 0%,#d4b01e 100%); /* IE10+ */
    background: linear-gradient(top, #ffeb91 0%,#d4b01e 100%); /* W3C */
}

.cart_button:hover {
    color: #60490c;
    background: #ffe15e; /* Old browsers */
    background: -moz-linear-gradient(top, #ffe15e 0%, #d68e00 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe15e), color-stop(100%,#d68e00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffe15e 0%,#d68e00 100%); /* Chrome10+,Safari5.1+ */
    background: -ms-linear-gradient(top, #ffe15e 0%,#d68e00 100%); /* IE10+ */
    background: linear-gradient(top, #ffe15e 0%,#d68e00 100%); /* W3C */
}

#shop_btnNav, #shop_btnNav .nav {		
    background: #000 url(http://gf1.geo.gfsrv.net/cdn0b/bed7ded155ce540eab83dbbfec75dc.jpg) left top no-repeat;
    width: 185px;
    border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-box-shadow: 0px 0px 5px #000000;
    -moz-box-shadow: 0px 0px 5px #000000;
    box-shadow: 0px 0px 5px #000000; 
}

#shop_btnNav {
    margin: 0 0 0 9px;
    width: 205px;
}			

#shop_btnNav > ul {
    min-height: 440px;
}			

#shop_btnNav ul.nav ul {
    display: none;
    background: none;
}		

#shop_btnNav ul.nav .current ul {
    display: block;
}

#shop_btnNav .nav {
    background: url(http://gf1.geo.gfsrv.net/cdn0b/bed7ded155ce540eab83dbbfec75dc.jpg) right bottom no-repeat;
    padding: 15px 10px;
}		

#shop_btnNav .nav a, #shop_btnNav a.shop_btnNav_s {
    background: url(http://gf1.geo.gfsrv.net/cdnc4/42b6773f9397890f6249b4f509e03f.jpg) left top no-repeat;
    width: 185px;
    height: 82px;
    margin-bottom: 12px;
    display: block;
    color: #000000;
    font-size: 15px;
    line-height: 1em;
}

#shop_btnNav .nav a span {
    background: url(http://gf1.geo.gfsrv.net/cdnca/610b03cb83832e4082fd22fb99d3a0.png) left top no-repeat;
    padding: 0 5px 0 30px;
    line-height: 82px;
    text-align: right;
    display: table-cell;
    width: 140px;
    height: 82px;
    vertical-align: middle;
}

#shop_btnNav a.btnNav_s {
    background-image: url(http://gf1.geo.gfsrv.net/cdn76/77c0bc2850cf89d396cc66e76a73d0.jpg);
    padding: 0 5px;
    height: 48px;
}				

#shop_btnNav a.btnNav_s span {
    width: 165px;
    text-align: left;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
}

#shop_btnNav .nav a.btnNav_s span {
    background: url(http://gf1.geo.gfsrv.net/cdnf9/70c34b5a15708463219758e172135f.png) right -5px no-repeat;
    padding: 0 0 0 10px;
    height: 48px;
    line-height: 1em;
    text-transform: none;
}			

#shop_btnNav .nav a.btnNav_open span { background-position: right -100px; }		

#shop_btnNav .nav a:hover, #shop_btnNav .nav .current a { background-position: left bottom; }

#shop_btnNav .nav a.btnNav_s:hover span { background-position: right -50px; }	

#shop_btnNav .nav a.btnNav_open:hover span { background-position: right -150px; }	

#shop_btnNav .nav a.btnNav_good span { background-position: 0 0; }
#shop_btnNav .nav a.btnNav_top span { 
    background: url(http://gf1.geo.gfsrv.net/cdnca/610b03cb83832e4082fd22fb99d3a0.png) 0 -95px no-repeat;
    background: url(http://gf1.geo.gfsrv.net/cdnca/610b03cb83832e4082fd22fb99d3a0.png) 0 -95px no-repeat,
                url(http://gf1.geo.gfsrv.net/cdnca/610b03cb83832e4082fd22fb99d3a0.png) right -366px no-repeat;
    padding-right: 70px;
}
#shop_btnNav .nav a.btnNav_new span { background-position: 0 -188px; }
#shop_btnNav .nav a.btnNav_want span { background-position: 0 -285px; }

/* dropdown */

#shop_btnNav #shop_nav_macro {
    padding: 0 0 15px;
}		

#shop_nav_macro li {
    display: block; 
    background: url(http://gf1.geo.gfsrv.net/cdn7f/82e635b352f688a811b4dc68aea326.gif) left bottom no-repeat;
    padding-bottom: 1px;
}

#shop_btnNav #shop_nav_macro.nav li a {
    color: #fff;
    font-size: 11px;
    display: block;
    padding: 10px 0 10px 8px;
    text-shadow: 1px 1px 2px #000000;
    background: none;
    width: auto;
    height: auto;
    line-height: 1.1em;
    margin-bottom: 0;
    text-transform: none;
}			

#shop_btnNav #shop_nav_macro.nav li a span {
    background: none;
    height: auto;
    line-height: 1em;
    padding: 0;
    display: inline;
    padding-left: 20px;
}	

#shop_btnNav #shop_nav_macro.nav li a:hover span, #shop_btnNav #shop_nav_macro.nav li.current a span {
    background: url(http://gf1.geo.gfsrv.net/cdnab/c504cbaaeaf0b5b2a8018993b13dc8.png) no-repeat scroll -65px -398px transparent;
}	

#shop_btnNav #shop_nav_macro.nav li a:hover, #shop_btnNav #shop_nav_macro.nav li.current a {
    background: url(http://gf1.geo.gfsrv.net/cdne1/21b3768646e771c405b1a18abd7ed7.png) left top repeat-y;
}				

/* shop list view */

.mainAreaShop .inlineBox {
    width: 228px;
    margin: 0 12px 12px 0;
    background: #060b11 url(http://gf1.geo.gfsrv.net/cdn42/bf13c0227c4d57bd4cfefe4890e20e.jpg) -228px bottom no-repeat;
    clear: none;
    -webkit-box-shadow: 0px 0px 5px #000000;
    -moz-box-shadow: 0px 0px 5px #000000;
    box-shadow: 0px 0px 5px #000000; 
    -moz-border-radius: 17px;
    border-radius: 17px; 
    display: table-cell;
    vertical-align: top;
    float: none !important;
}			

.mainAreaShop .inlineBox img {
    /*				border: 1px solid #43b3d3; */
    border: 0;
    width: 128px;
    height: 128px;
    margin: 0 auto 10px auto;
}

.mainAreaShop img.alignLeft {
    border: 0;
    width: 128px;
}

.mainAreaShop .ibInner {
    min-height: 229px;
    padding: 10px 15px 15px;
    overflow: hidden;
    background: url(http://gf1.geo.gfsrv.net/cdn42/bf13c0227c4d57bd4cfefe4890e20e.jpg) left top no-repeat;
    -moz-border-radius: 17px;
    border-radius: 17px; 
}			

.tbl {
    display: table;
    table-layout:fixed;
    border-spacing: 10px;
    margin: 0 -8px 0 -16px;
}		

.row {
    display: table-row;
    clear: both;
}

.mainAreaShop .ibLastInRow {
    margin-right: 0;
    float: left;
    clear: none;
}	

.mainAreaShop p.itemDesc {
    min-height: 65px;
    margin: 0 0 0.3em 0;
    font-size: .65em;
}

.mainAreaShop #nav_macro li a {
    padding-top: 12px;
    padding-bottom: 12px;
}			

.mainAreaShop #nav_macro li.current a span {
    background: url(http://gf1.geo.gfsrv.net/cdnab/c504cbaaeaf0b5b2a8018993b13dc8.png) -65px -398px no-repeat;
    padding-left: 25px;
    margin-left: -25px;
}	

#nav_macro li {
    background: url(http://gf1.geo.gfsrv.net/cdn5d/3ae9063a7415d0ee62703129786fa5.png) no-repeat scroll -860px bottom transparent;
}		

.itemDiscount { 
    text-decoration: line-through; 
    color: #DB001A;
    display: inline-block;
    font-weight: bold;
    margin: 0 2px;
}

.itemControl .itemDiscount {
    font-size: 1em;
}

.cBoxInner .backlink {
    padding-top: 16px;
    background-position: left -515px;
    float: left;
}	

.basePrice { display: none; }

/* Item detail */

.submit {
    display: block;
    cursor: pointer;
    color: #ffa800;
    text-align: center;
}		

.shoporder .submit,
.itemDetail .submit {
    float: right;
    width: 225px;
    padding: 14px 0 0 14px;
}				

.shoporder  span.submit,
.itemDetail  span.submit {
    height: 31px;
    background: url(http://gf1.geo.gfsrv.net/cdnea/685724e9b32b06c4b0adfbb87b183f.jpg) left -676px no-repeat;
    font-size: 0.875em;
    text-align: left;
}			

.shoporder span.submit:hover,
.itemDetail span.submit:hover {
    background-position: left -721px;
}			

.cBoxInner .backlink {
    background: url(http://gf1.geo.gfsrv.net/cdnab/c504cbaaeaf0b5b2a8018993b13dc8.png) left -530px no-repeat;
    padding: 0 24px 0.6em 18px;
    position: static; 
}		

.itemDetail .itemDesc {
    width: 420px;
    float: left;
    margin-bottom: 1.2em;
}						

.itemDetail .itemPrice {
    font-size: 0.875em;
    font-weight: normal;
    display:block;
    float: left;
    padding-top: 14px;
    background-position: right -457px;
}						

.itemAttr {
    width: 260px;
    float: right;
    padding-top: 18px;
    margin-bottom: 1.2em;
}			

.itemCount {
    display: block;
    text-align: center;
    padding-top: 14px;
}			

.itemCount label {
    font-size: 0.875em;
}

.itemControl {
    position: relative;
    clear: both;
    color: #FFE79B;
    width: 668px;
    margin: 1.5em auto;
    background: url(http://gf1.geo.gfsrv.net/cdn73/cc17077c0c1fab773caea7937e0c55.jpg) left top no-repeat;
    height: 67px;
    padding: 25px 20px 0;
}

.itemDetail  ul.itemDesc li {
    color: #ffe79b;
    font-size: 0.75em;
}

.itemPreviewControl {
    color: #FFE79B;
    font-size: 0.6875em;
    overflow: hidden;
    width: 199px;
}

p.useTime {
    text-align: center;
    font-size: 10px;
    padding: 5px 0;
    margin: 0;
}

.itemPreviewControl a, .itemPreviewControl span, .itemPrice, .itemPrice strong, td .itemDiscount, .itemBuy, .itemCountTotal {
    line-height: 24px;
    height: 24px;
}

.itemBuy {
    float: right;
    background: url(http://gf1.geo.gfsrv.net/cdnab/c504cbaaeaf0b5b2a8018993b13dc8.png) left -492px no-repeat;
    width: 27px;
    margin-left: 2px;
}					

.itemBuy:hover {
    float: right;
    background: url(http://gf1.geo.gfsrv.net/cdnab/c504cbaaeaf0b5b2a8018993b13dc8.png) -28px -492px no-repeat;
    width: 27px;
}			

.itemBuy span {
    display: none;
}		

.itemPrice {
    padding-right: 28px;
    background: url(http://gf1.geo.gfsrv.net/cdnab/c504cbaaeaf0b5b2a8018993b13dc8.png) right -465px no-repeat;
    font-size: 1.17em;
    font-weight: bold;
    display: inline-block;
    color: #FFE79B;
}

td .itemPrice,td .itemDiscount {
    font-size: 1em;
}

.itemPreviewControl form {
    display: inline-block;
    margin-right: 3px;
}

.balance {
    position: absolute;
    right: 25px;
    top: 25px;
    color: #FFE79B;
    font-size: 0.75em;
    font-weight: bold;
}			

.balance strong {
    font-size: 1.33em;
    padding: 0 28px 0 5px;
    background: url(http://gf1.geo.gfsrv.net/cdnab/c504cbaaeaf0b5b2a8018993b13dc8.png) right -470px no-repeat;
}		

.balance a { text-decoration: none; }

.mainAreaShop #pager {
    bottom: -12px;
    clear: both;
    left: 0;
    margin: 20px auto;
    position: relative;
    background: url(http://gf1.geo.gfsrv.net/cdn0d/7dfe2628b2a2370fe0243be9bcc93d.jpg) -280px top no-repeat;
    height: 25px;
    width: 566px;
}	

.cellRight { text-align: right !important; }

/* shoporder */

.shoporder {
    overflow: hidden;
    padding: 2em 0;
    margin-left: 10px;
    width: 675px;
}		

.shoporder table {
    width: 667px;
    border-collapse: collapse;
    table-layout: fixed;
    margin: 0 0 2em 0;
    font-family: Arial;
    border-left: 1px solid #154153;
}				

.shoporder th {
    font-size: 0.6875em;
    padding: 4px 4px 5px 4px;
    height: 12px;
    line-height: 110%;
    border-right: 1px solid #168db8;
}			

.shoporder td {
    background: url(http://gf1.geo.gfsrv.net/cdn0d/7dfe2628b2a2370fe0243be9bcc93d.jpg) no-repeat scroll left -187px #061016;
}				

.shoporder tr.row_odd td {
    background: url(http://gf1.geo.gfsrv.net/cdn0d/7dfe2628b2a2370fe0243be9bcc93d.jpg) no-repeat scroll -700px -187px #061016;
}		

.shoporder th {
    background: url(http://gf1.geo.gfsrv.net/cdn0d/7dfe2628b2a2370fe0243be9bcc93d.jpg) -1px -41px no-repeat;
}		

.shoporder td {
    padding: 7px 0;
    display: table-cell !important;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #154153;
}			

.shoporder td * {
    vertical-align: middle;
}						

.shoporder td:first-child {
    text-align: left;
}						

.shoporder .itemName { background-position: 0 -187px; }			
.shoporder .itemCount { background-position: -360px -187px; }			
.shoporder .itemPrice { background-position: -470px -187px; }			
.shoporder .itemDel { background-position: -630px -187px; }			

.shoporder .row_odd .itemName { background-position: -700px -187px; }			
.shoporder .row_odd .itemCount { background-position: -1060px -187px; }			
.shoporder .row_odd .itemPrice { background-position: -1170px -187px; }					
.shoporder .row_odd .itemPrice { background-position: -1170px -187px; }					
.shoporder .row_odd .itemDel { background-position: -1330px -187px; }					

.shoporder .col1 { background-position: -1px -41px; }			
.shoporder .col2 { background-position: -361px -41px; }			
.shoporder .col3 { background-position: -471px -41px; }					
.shoporder .col4 { background-position: -631px -41px; }					

.shoporder .itemName img {
    margin: 0 12px;
}				

.shoporder .itemName  a {
    color: #9ee9ff;
    text-decoration: underline;
    font-size: 0.75em;
}			

.shoporder .itemPrice strong {
    background: url(http://gf1.geo.gfsrv.net/cdnab/c504cbaaeaf0b5b2a8018993b13dc8.png) right -470px no-repeat;
    padding: 0 28px 2px 0;
}		

.shoporder .itemPrice,
.shoporder .itemCount label {
    font-size: 0.75em;
    color: #FFE79B;
}				

.shoporder .itemCount {
    padding: 0;
}				

.shoporder item, .shoporder label {
    margin: 0;
}		 		

.cBoxInner .shoporder .backlink {
    padding-top: 16px;
    background-position: left -515px;
    float: left;
}	

.itemDel span {
    display: inline-block;
    width: 18px;
    height: 13px;
    background: url(http://gf1.geo.gfsrv.net/cdnab/c504cbaaeaf0b5b2a8018993b13dc8.png) -64px -502px no-repeat;
    cursor: pointer;
}			

.itemDel span span {
    display: none;
}

.basePrice, .basePriceD { display: none; }

.cashShopItem {
    width: 180px;
    position: relative;
    float: left;
    margin: 10px;
}

.cashShopItem .ibTitle {
    min-height: 48px;
}

.needMoney {
    opacity: 0.4;
}