/* Search & Favs */
#search-favs { height: 47px; }
#search-favs form, #myfavs-btn { float: right; }
#myfavs-btn { width: 129px; height: 32px; margin-left: 6px; text-indent: -9999px; background: transparent url(http://nxcache.nexon.net/atlantica/v01/img/btn/item-favorites.png) left top no-repeat; display: block; }
#myfavs-btn:hover { background-position: left bottom; }
#search-favs form { width: 271px; height: 32px; }
#search-item, #submit-item { background: transparent url(http://nxcache.nexon.net/atlantica/v01/img/bg/mall-search.png) 0 0 no-repeat; float: left; }
#search-item { width: 230px; height: 32px; color: #ccc; padding-left: 12px; font-style: italic; font-size: 14px; }
#submit-item { width: 29px; height: 32px; text-indent: -9999px; background-position: right top; cursor: pointer; }

/* Hero banner */
#herobanner, #viewport, .banner { width: 615px; height: 159px; }
#herobanner { padding: 10px; background: #171717; }
#viewport { background: #000; position: relative; }
.banner { position: absolute; display: block; }
#caption { width: 153px; height: 26px; position: absolute; top: 0; right: 0; display: none; }
#thumb-controls { position: absolute; bottom: 7px; left: 12px; }
#thumb-controls li { width: 8px; height: 8px; margin-right: 9px; background: transparent url(http://nxcache.nexon.net/atlantica/v01/img/banners/thumb-dots.png) left top no-repeat; float: left; cursor: pointer; }
#thumb-controls li.active { background-position: left bottom; }

/* Item Mall Navigation */
#item-mall-nav-wrap {
  width: 633px;
  height: 37px;
  margin: 15px 0 32px;
  background: #3b3b3d; /* Fallback for older browser */
  background: linear-gradient(top, #47474a 40%, #2f2f31 90%); /* Standard */
  background: -moz-linear-gradient(top, #47474a 40%, #2f2f31 90%); /* Firefox */
  background: -o-linear-gradient(top, $47474a 40%, #2f2f31 90%); /* Opera */
  background: -webkit-linear-gradient(top, #47474a 40%, #2f2f31 90%); /* Webkit (Safari/Chrome) */
  background: -ms-linear-gradient(top, #47474a 40%, #2f2f31 90%); /* IE10 */
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#47474a', endColorstr='#2f2f31'); /* IE9/8 */
  border: 1px solid #000;
  position: relative;
}
#item-mall-nav-wrap:hover #item-mall-dropdown { display: block; }
#item-mall-nav li { font-weight: bold; text-transform: uppercase; float: left; }
#item-mall-nav li a { height: 37px; padding: 0 22px 0 22px; color: #c0c0c0; line-height: 39px; display: block; }
/* Add divider(s) to navigation */
.add-divider { background: transparent url(http://nxcache.nexon.net/atlantica/v01/img/bg/item-mall-nav-divider.gif) right center no-repeat; }
/* Item Mall Dropdown */
#item-mall-dropdown { width: 635px; height: 129px; background: #151515; box-shadow: inset 0 0 1px #000; position: absolute; left: -1px; top: 37px; z-index: 2; clear: both; overflow: hidden; display: none; }
#item-mall-subnav {}
#item-mall-subnav li { height: 129px; float: left; }
#itemHome { width: 85px; }
#itemBoxes { width: 90px; }
#itemMercenaries { width: 143px; }
#itemSupplies { width: 105px; }
#itemPackages { width: 120px; }
#itemSales { width: 85px; }
.dropdown-subnavs { padding-top: 17px; }
.dropdown-subnavs li { width: 100%; height: 100% !important; margin-bottom: 6px; text-align: center; float: none !important; }
.dropdown-subnavs li a { color: #777; }
.dropdown-subnavs li a:hover { border-bottom: 1px dotted #777; }

/* Sale Items, New Items, & Recommended Items */
.items-list { margin-bottom: 35px; }
/* Change Tag */
.tag { width: 57px; height: 56px; background: transparent url(http://nxcache.nexon.net/atlantica/v01/img/item-mall/tags.png) 0 0 no-repeat; position: absolute; z-index: 1; }
.tag.new { background-position: center top; }
.tag.recommand { background-position: right top; }
.item-header { margin-bottom: 6px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 17px; color: #aaa; }
#total-sale-items a, #total-items-found { margin-left: 8px; font-size: 14px; color: #8859ad; }
#total-sale-items a:hover {border-bottom: dotted 1px #8859ad;}
.items-list .item-box:nth-child(even) { margin-right: 0; }
.item-box { width: 310px; height: 141px; margin: 0 14px 17px 0; position: relative; float: left; }
.item-info { height: 101px; padding: 6px 9px 7px; border: 1px solid #000; background: #18181a; }
.item-info a { color: #ccc; }
.item-info a:hover { color: #8859ad; }
.item-img, .item-desc { float: left; }
.item-img { width: 133px; height: 99px; margin-right: 6px; background: #000; border: 1px solid #242424; position: relative; overflow:hidden; }
.item-img a { height: 99px; display: block; }
/* Add an fake inner border inside the item image link */
.item-img a:hover::before { width: 127px; height: 93px; content: ''; border: 3px solid #fff; position: absolute; left: 0; top: 0; display: block; }
.item-desc { width: 149px; position: relative; }
.item-desc h4 { width: 149px; font-size: 13px; text-overflow: ellipsis; overflow: hidden; }
.item-desc h4 a:hover { color:8859ad; }
p.regular-price { font-size: 13px; font-weight: bold; color: #8083fe; text-decoration: none; position: absolute; top: 68px; left: 0; }
.sale-price .regular-price { margin-right: 5px; font-size: 12px; font-weight: normal; color: #656565; text-decoration: line-through; }
.sale-price, .sale-time { position: absolute; left: 0; }
.sale-price { font-weight: bold; color: #8083fe; top: 63px; }
.sale-time { font-size: 12px; color: #666; top: 83px; }
.sale-time li { float: left; }
.time-title, .days { margin-right: 5px; }
.favs-btn, .gift-btn { height: 21px; margin-top: 3px; border: 1px solid #000; border-radius: 2px; float: right; display: block; }
.favs-btn { width: 45px; margin-right: 3px; text-indent: -9999px; background: #18181a url(http://nxcache.nexon.net/atlantica/v01/img/btn/add-favs.png) center center no-repeat; position: relative; }
.favs-btn.delete { background-image: url(http://nxcache.nexon.net/atlantica/v01/img/btn/del-favs.png); }
.favs-btn:hover, .gift-btn:hover { background-color: #262629; }
.favs-btn:hover .bubble { display: block; }
.bubble {
  width: auto;
  height: 15px;
  font-size: 10px;
  text-indent: 0;
  text-align: center;
  color: #000;
  line-height: 15px;
  background: #a3a3a3; /* Fallback color */
  background: linear-gradient(top, #f8f8f8 40%, #a3a3a3 90%); /* Standard */
  background: -moz-linear-gradient(top, #f8f8f8 40%, #a3a3a3 90%); /* Firefox */
  background: -o-linear-gradient(top, #f8f8f8 40%, #a3a3a3 90%); /* Opera */
  background: -webkit-linear-gradient(top, #f8f8f8 40%, #a3a3a3 90%); /* Webkit (Safari/Chrome) */
  background: -ms-linear-gradient(top, #f8f8f8 40%, #a3a3a3 90%); /* IE10 */
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#a3a3a3'); /* IE9/8 */
  border-radius: 2px;
  position: absolute; top: 12px; left: 36px;
    display: none;
    white-space: nowrap;
    padding: 0 6px;
}
.gift-btn { width: 86px; margin-right: 4px; font-size: 11px; font-weight: bold; color: #999; text-align: center; text-transform: uppercase; line-height: 23px; background: #18181a; }
.buy-btn, #send-gift-btn {
  width: 166px;
  height: 24px;
  color: #661c91;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  line-height: 26px;
  background: #6e6e6e; /* Fallback for older browser */
  background: linear-gradient(top, #aaa 40%, #6e6e6e 90%); /* Standard */
  background: -moz-linear-gradient(top, #aaa 40%, #6e6e6e 90%); /* Firefox */
  background: -o-linear-gradient(top, #aaa 40%, #6e6e6e 90%); /* Opera */
  background: -webkit-linear-gradient(top, #aaa 40%, #6e6e6e 90%); /* Webkit (Safari/Chrome) */
  background: -ms-linear-gradient(top, #aaa 40%, #6e6e6e 90%); /* IE10 */
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#6e6e6e'); /* IE9/8 */
  border: 1px solid #000; float: right; display: block; }
.buy-btn:hover, #send-gift-btn:hover {
  background: #858585; /* Fallback for older browser */
  background: linear-gradient(top, #c0c0c0 40%, #858585 90%); /* Standard */
  background: -moz-linear-gradient(top, #c0c0c0 40%, #858585 90%); /* Firefox */
  background: -o-linear-gradient(top, #c0c0c0 40%, #858585 90%); /* Opera */
  background: -webkit-linear-gradient(top, #c0c0c0 40%, #858585 90%); /* Webkit (Safari/Chrome) */
  background: -ms-linear-gradient(top, #c0c0c0 40%, #858585 90%); /* IE10 */
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0c0c0', endColorstr='#858585'); /* IE9/8 */
}

/* Item Mall Detail Page */
#item-mall-detail {font-size:14px;}
#item-mall-detail .item-box { width: 100%; margin: 0 0 30px; float: none; }
#item-mall-detail .sale-price { top: 40px; }
#item-mall-detail .item-desc, #item-mall-packages .item-desc { width: 469px; }
#item-mall-detail .item-desc h4, #popup-content .item-desc h4 { width: 100%; margin-top: 5px; font-family: 'Quattrocento', serif; font-weight: normal; font-size: 20px; overflow: visible; color:#8083fe; }
#item-mall-detail .item-img, #popup-content .item-img { margin-right: 10px; }
#item-mall-detail .item-desc h4 a:hover, #popup-content .item-desc h4 a:hover { border-bottom: none; cursor: default; }
#item-full-img { width: 634px; height: 343px; margin-bottom: 30px; /*clear: both;*/ }
#item-full-desc { font-size: 14px; }
#desc-list-1 { margin: 30px 0 30px 16px; }
#desc-list-2 li { padding-left: 11px; background: transparent url(http://nxcache.nexon.net/atlantica/v01/img/item-mall/desc-bullet.png) left 4px no-repeat; }
#item-mall-detail h1 {font-size:20px; color:#8859ad; font-weight: normal; }
#item-mall-detail h2 {font-size: 14px; font-weight: bold; color: #ccc;}

/* Item Mall Package Page */
#item-mall-packages .item-box { width: 100%; margin: 0 0 17px; }
#item-mall-packages .tag { display: none; }
#item-mall-packages .item-info { padding-right: 0; }
#item-mall-packages .item-desc h4 { width: 100%; margin-top: 5px; overflow: visible; }
.package-duration p { margin: 15px 17px 0 0; float: left; }
.package-duration input[type="radio"] { margin-right: 7px; vertical-align: text-top; }
.currency-prices { margin-top: 10px; background: #000; border: 1px solid #000; float: left; }
.currency-prices dt, .currency-prices dd { float: left; }
.currency-prices dt { width: 45px; height: 28px; text-align: center; line-height: 29px; background: #2a2a2a; }
.currency-prices dd { width: 195px; height: 28px; }
#item-mall-packages .no-coin dd { width: 435px; }
#item-mall-packages .sale-price, #item-mall-packages .sale-time { margin-left: 6px; line-height: 30px; position: relative; top: 0; }
#item-mall-packages .regular-price { font-size: 12px; }

/* Item Mall Regular List Page */
#item-mall-regular {}
#item-regular-content {}
.sale-tag .tag, .new-tag .tag { display: block; }

/* Item Mall Search Page */
#item-mall-search {}
#item-result { width: 100%; background: #303032; }
#item-result #col1 { width: 295px; }
#item-result #col2 { width: 121px; }
#item-result #col3 { width: 217px; }
#item-result tr, #item-result td { border: 1px solid #000; }
#item-result tr { height: 99px; }
#item-result td {}
#item-mall-search .item-img { border: none; }
#item-mall-search .item-desc h4 { white-space: normal; }
#item-mall-search .item-desc { margin-top: 28px; }
#item-mall-search .item-desc a { color: #949494; }
#item-mall-search .item-img { margin-right: 12px; overflow::hidden; }
#item-mall-search .regular-price, #item-mall-search .sale-price { position: static; margin-right: 0; text-align: center; }
#item-mall-search .sale-time { position:static; font-size: 11px; text-align:center; }
.control-buttons { width: 203px; margin: 0 auto; }
#item-mall-search .favs-btn, #item-mall-search .gift-btn { margin-top: 0; }
#item-mall-search .gift-btn { width: 45px; margin-right: 2px; }
#item-mall-search .buy-btn { width: 102px; height: 21px; }


/* Item Mall Popups */
#fullbackground { position:fixed; top:0; width:100%; height:100%; background-color:Black; z-index:1000; }
#popup { position:fixed; top: 50%; }
#popup-content h5 {  margin: 13px 0 14px; font-size: 18px; color:#ccc; font-weight: normal; }
#popup-content .tag { display: none; }
#popup-content .item-box { width: 100%; margin: 0; float: none; }
#popup-content .item-img a:hover::before { display: none; }
#popup-content .item-desc { width: 445px; }
#popup-content .item-desc h4 { overflow: hidden; }
#confirm-msg { font-size: 13px; line-height:16px; }
#gifted-user { font-weight: bold; color: #c0c0c0; }
#units-purchased { margin: 10px 0 8px; font-size: 14px; }
#units-purchased dt, #units-purchased dd { float: left; }
#units-purchased dt { color: #999; }
#units-purchased dd {}
#unit-quantity { margin: 0 16px 0 10px; }
#purchased-amount { margin-left: 6px; font-weight: bold; color: #8859ad; }
#purchase-disclaimer { padding: 18px 17px; font-size: 12px; color: #999; background: #1e1e20; }
#purchase-disclaimer li { padding-left: 12px; background: transparent url(http://nxcache.nexon.net/atlantica/v01/img/bg/bullet.png) left 6px no-repeat; }
/* Gift Popup */
.gift-popup .item-box, .purchase-popup .item-box { height: 116px; }
.gift-popup h4, .purchase-popup h4 { margin: 19px 0 9px; font-family: 'Quattrocento', serif; font-size: 22px; font-weight: normal; color: #8083fe; }
.gift-popup select, .purchase-popup select { width: 46px; padding: 1px 1px 1px 7px; color: #c0c0c0; background: #000; }
.gift-popup option {}
#available-nx label { margin-bottom: 3px; font-size: 12px; color: #999; }
#available-nx input { margin-right: 5px; vertical-align: text-top; }
#available-nx span { margin: 0 5px; color: #ccc; font-weight:bold; }
#recipient-info { height: 94px; padding-top: 6px; background: #1e1e20; }
#recipient-info h6 { margin: 0 0 9px 24px; font-size: 12px; color: #666; }
#recipient-info form { margin-left: 24px; }
#recipient-info form p { margin-right: 11px; float: left; }
#recipient-info label { font-size: 12px; color: #666; }
#recipient-info select { width: 148px; }
#recipient-info input[type="text"] { padding: 2.5px; font-size: 14px; color: #c0c0c0; background: #000; }
#recipient-info input[type="submit"] { width: 103px; height: 23px; margin-top: -1px; padding-bottom: 2px; color: #c0c0c0; text-align: center; background: #3f3f44; border: 1px solid #000; border-radius: 2px; cursor: pointer; }
#recipient-msg { margin-top: 13px; padding: 7px 24px; font-size: 12px; color: #666; background: #000; }
#recipient-result { margin-left: 4px; font-size: 14px; color: #c0c0c0; }
#nx-gift-links { margin-bottom: 22px; margin-top: 10px; }
#nx-gift-links li { font-size: 14px; color: #666; float: right; }
.alh { line-height: 26px; }
#purchase-nx-link { color: #8083fe; }
#purchase-nx-link a:hover{ color: #8859ad; }
#send-gift-btn { width: 168px; height: 26px; margin-left: 13px; }
#timeout-msg { margin-top: 12px; font-size: 12px; text-align: center; color: #666; }
/* Purchase Popup */
.purchase-popup #nx-gift-links { margin-top: 7px; }



/* 04/08/2013 - copied from global.css */
#nx-balance { height: 234px; }
#nx-balance table { width: 255px; margin: -5px 0 0 12px; font-size: 15px; background: #262729; }
.color-lilac { width: 91px; padding: 8px 0 8px 17px; color: #8083fe; font-size: 14px; }
.pseudo-input { padding: 8px 10px; text-align: right; background: #1e1e1e; border-width: 1px; border-style: solid; border-color: #000 #444 #444 #000; }
.tt-space { height: 18px; }
.rt-space { width: 17px; }
.nbi-pad { padding: 18px 16px 19px; }
#purchase-nx { width: 255px; height: 38px; font-family: 'Quattrocento', serif; font-weight: 600; font-size: 19px; color: #000; text-align: center; line-height: 40px; background: transparent url(../img/btn/purchase-nx.png) left bottom no-repeat; display: block; }
#purchase-nx:hover { background-position: left top; }