body {
	margin: 0;
	padding: 0;
	background-color: #000;
	cursor: default;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	font-family: "Tahoma";
}
div {
	position: relative;
  overflow: hidden;
}
.hidden {
  display: none;
}
#main {
	margin-top: 146px;
	margin-left: 0px;
	width: 637px;
	height: 500px;
	background-image: url('images/FoundryItemShop_I1.jpg');
}
#rbuilds, #rrequires, #rdescription {
	position: absolute;
	width: 265px; /* 274 */
	left: 344px;
	font-size: 11px;
	color: #8CC;
	padding: 2px 0 0 9px;
}
#rbuilds {
	height: 56px; /* 58 */
	top: 45px;
	background-image: url('images/FoundryItemShop_I21.png');
}
#rrequires {
	height: 175px; /* 177 */
	top: 110px;
	background-image: url('images/FoundryItemShop_I45.png');
}
#rdescription {
	height: 178px; /* 180 */
	top: 293px;
	background-image: url('images/FoundryItemShop_I62.png');
}
#close {
	position: absolute;
	width: 25px;
	height: 25px;
	right: 10px;
	top: 7px;
	background-image: url('images/sprite.png');
  background-position: -0px -0px;
}
#close:hover {
  background-position: -25px -0px;
}
#close:active {
  background-position: -50px -0px;
}
#r1recommend, #r1all {
	position: absolute;
	width: 119px;
	height: 25px;
	top: 39px;
}
#r1recommend {
	left: 16px;
}
#r1all {
	left: 139px;
}
.r1sel {
	height: 45px !important;
	background-image: url('images/sprite.png');
  background-position: -338px -83px;
}
.r1 {
	background-image: url('images/sprite.png');
  background-position: -338px -5px;
}
.r1:hover {
	background-position: -338px -31px;
}
.r1:active {
	background-position: -338px -57px;
}
.r1 span {
	display: block;
	margin: 0 auto;
	padding-top: 7px;
	color: #8CC;
	font-family: "Tahoma";
	font-size: 11px;
	text-align: center;
}
.r1sel span {
	display: block;
	margin: 0 auto;
	padding-top: 9px;
	color: #EEE;
	font-size: 11px;
	text-align: center;
}
#r2icon, #r2list {
	position: absolute;
	width: 23px;
	height: 23px;
	top: 40px;
}
#r2icon {
	left: 288px;
}
#r2list {
	left: 312px;
}
#r2icon.norm {
	background-image: url('images/sprite.png');
  background-position: -23px -48px;
}
#r2icon.norm:hover {
  background-position: -46px -48px;
}
#r2icon.norm:active {
  background-position: -69px -48px;
}
#r2icon.sel {
	background-image: url('images/sprite.png');
  background-position: 0px -48px;
}
#r2list.norm {
	background-image: url('images/sprite.png');
  background-position: -23px -25px;
}
#r2list.norm:hover {
  background-position: -46px -25px;
}
#r2list.norm:active {
  background-position: -69px -25px;
}
#r2list.sel {
	background-image: url('images/sprite.png');
  background-position: 0px -25px;
}

#buy {
	position: absolute;
	width: 101px;
	height: 30px;
	right: 28px;
	top: 305px;
	background-image: url('images/sprite.png');
  background-position: -233px -39px;
}
#buy span {
	display: block;
	margin: 0 auto;
	padding-top: 5px;
	color: #8BB;
	font-size: 14px;
	text-align: center;
}
#buy.disabled {
	background-position: -233px -135px !important;
}
#buy:hover {
	background-position: -233px -103px;
}
#buy:active {
	background-position: -233px -71px;
}
#owngold {
	position: absolute;
	width: 58px;
	height: 20px;
	left: 223px;
	top: 447px;
	background-image: url('images/FoundryItemShop_I5.png');
	color: #FE9;
	text-align: right;
	font-size: 10px;
	background-repeat: no-repeat;
	background-position: 5px 2px;
}
#sell {
	position: absolute;
	width: 75px;
	height: 24px;
	left: 220px;
	top: 462px;
	background-image: url('images/sprite.png');
  background-position: -0px -124px;
}
#sell span {
	display: block;
	margin: 0 auto;
	padding-top: 4px;
	color: #8BB;
	font-size: 11px;
	text-align: center;
}
#sell.disabled {
	background-position: -0px -193px;
}
#sell.norm:hover {
	background-position: -0px -147px;
}
#sell.norm:active {
	background-position: -0px -170px;
}
#taball, #tabrec {
	position: absolute;
	left: 12px;
	top: 71px;
	height: 380px;
	width: 316px;
  overflow: hidden;
	/*border: 1px solid red;*/
}
#searchbg {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 316px;
	height: 32px;
	background-image: url('images/sprite.png');
  background-position: -1px -262px;
}
#search {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 306px;
	height: 19px;
	background-image: url('images/FoundryItemShop_IDB.png');
}
#frame1, #frame2 {
	position: absolute;
	top: 30px;
	width: 155px;
	height: 342px;
	background-image: url('images/FoundryItemShop_IA8.png');
}
#frame1 {
	left: 0px;
}
#frame2 {
	right: 0px;
}
#cats {
  position: absolute;
  left: 0px;
  top: 31px;
  width: 154px;
}
#catall {
  height: 19px;
  color: #ACC;
  font-size: 11px;
  padding-left: 7px;
  padding-top: 2px;
}
#catall:hover {
  background-image: url('images/sprite.png');
  background-position: -232px -196px;
}
#catall.sel {
  background-image: url('images/sprite.png');
  background-position: -232px -196px;
}
.cat {
  height: 15px;
  color: #ACC;
  font-size: 11px;
  padding-left: 7px;
  margin-top: -2px;
  padding-top: 2px;
  width: 124px;
  background-image: url('images/sprite.png');
  background-position: -393px -200px;
}
.subcat {
  height: 14px;
  color: #577;
  font-size: 10px;
  padding-left: 14px;
  margin-top: -2px;
  padding-top: 3px;
  width: 117px;
}
.cat:hover {
  background-image: url('images/sprite.png');
  background-position: -365px -217px;
}
.subcat:hover {
  background-image: url('images/sprite.png');
  background-position: -365px -217px;
}
.cat.sel, .subcat.sel {
  background-image: url('images/sprite.png');
  background-position: -232px -217px;
}
.cat.sel, #catall.sel {
  color: #EEE;
}
.subcat.white {
  color: #EEE;
}
#cats .box {
  position: absolute;
  margin-top: -14px;
  right: 3px;
  width: 16px;
  height: 15px;
  background-image: url('images/sprite.png');
  background-position: -17px -108px;
}
#cats .box:hover {
  background-position: -0px -108px;
}
#cats .box.disabled {
  opacity: 0.3;
}
#cats .box.sel {
  opacity: 0.5;
  background-position: -0px -108px;
}
#cats .box.sel:hover {
  opacity: 1;
}
#cats .box.disabled:hover {
  background-position: -17px -108px;
}
#catdiv {
  position: absolute;
  left: 130px;
  top: 55px;
  width: 2px;
  height: 314px;
  background-image: url('images/FoundryItemShop_ID8.png');
}
#listwrap {
  position: absolute;
  left: 164px;
  top: 33px;
  height: 335px;
  width: 169px;
  overflow: auto;
}
ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}
ul li {
  background-repeat: no-repeat;
  background-position: 0px 5px;
}
.buyable {
  display: inline-block;
  margin: 3px 5px;
  width: 36px;
  height: 52px;
  padding: 2px;
}
.buyable {
  background-image: url('images/sprite.png');
  background-position: -548px -138px;
}
.buyable:hover {
  background-position: -506px -138px;
}
.buyable:active {
  background-position: -464px -138px;
}
.buyable.sel {
  background-position: -506px -138px !important;
}
.namelist .buyable {
  display: block;
  margin: 3px 5px;
  width: 132px;
  height: 36px;
  padding: 2px;
}
.namelist .buyable {
  background-image: url('images/sprite.png');
  background-position: -93px -77px;
}
.namelist .buyable:hover {
  background-position: -93px -159px;
}
.namelist .buyable:active {
  background-position: -93px -118px;
}
.namelist .buyable.sel {
  background-position: -93px -118px !important;
}
.namelist .itemgold, #tooltip .itemgold{
  position: absolute;
  top: 25px;
  left: 40px;
	font-size: 10px;
  background-image: url('images/FoundryItemShop_I5.png');
  background-repeat: no-repeat;
  padding-left: 25px;
  background-position: 0px 3px;
}
.namelist .itemname, #tooltip .itemname {
  position: absolute;
  display: table;
  top: 2px;
  left: 40px;
  height: 24px;
  margin: auto;
  color: #ADD;
  font-size: 10px;
  line-height: 10px;
}
.namelist .itemname span{
  display: table-cell;
  vertical-align: middle;
}
.icon {
  width: 32px;
  height: 32px;
  padding: 2px;
}
.icon .cover {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 34px;
  height: 34px;
  background-image: url('images/sprite.png');
  background-position: -163px -1px;
}
.icon img {
  width: 32px;
  height: 32px;
}
.iconlist .itemname {
  display: none;
}
.itemgold {
  margin-top: -1px;
	color: #FE9;
  text-align: center;
	font-size: 10px;
}
#descitemicon {
  position: absolute;
  left: 10px;
  top: 10px;
}
#descitemiconcover {
  position: absolute;
  left: 10px;
  top: 10px;
  height: 34px;
  width: 34px;
}
#descitemname {
  position: absolute;
  display: table;
  left: 50px;
  bottom: 150px;
  width: 110px;
  height: 25px;
}
#descitemname span {
  display: table-cell;
  font-size: 12px;
  vertical-align: middle;
  line-height: 12px;
  color: #ADD;
}
  
#descitemgold {
  position: absolute;
  left: 50px;
  top: 30px;
  color: #FE9;
	font-size: 10px;
  background-image: url('images/FoundryItemShop_I5.png');
  background-repeat: no-repeat;
  padding-left: 25px;
  background-position: 0px 3px;
}
#descitemtext {
  position: absolute;
  left: 11px;
  top: 50px;
  height: 125px;
  width: 255px;
  font-size: 11px;
  color: #7ab7cb;
  line-height: 11px;
  overflow: auto;
}
#rbuildsitems {
  position: absolute;
  top: 20px;
  left: 11px;
  width: 252px;
}
#rbuildsitems .icon {
  display: inline-block;
}
#rbuildsitems.page1 .icon.page2 {
  display: none;
}
#rbuildsitems.page1 .icon.page3 {
  display: none;
}
#rbuildsitems.page2 .icon.page1 {
  display: none;
}
#rbuildsitems.page2 .icon.page3 {
  display: none;
}
#rbuildsitems.page3 .icon.page1 {
  display: none;
}
#rbuildsitems.page3 .icon.page2 {
  display: none;
}
#rbuildsprev, #rbuildsnext {
  position: absolute;
  top: 75px;
  width: 18px;
  height: 18px;
}
#rbuildsprev {
  left: 337px;
  background-image: url('images/sprite.png');
  background-position: -0px -89px;
}
#rbuildsprev:hover {
  background-position: -18px -89px;
}
#rbuildsprev:active {
  background-position: -36px -89px;
}
#rbuildsprev.disabled {
  background-position: -54px -89px;
}
#rbuildsnext {
  left: 607px;
  background-image: url('images/sprite.png');
  background-position: -0px -71px;
}
#rbuildsnext:hover {
  background-position: -18px -71px;
}
#rbuildsnext:active {
  background-position: -36px -71px;
}
#rbuildsnext.disabled {
  background-position: -54px -71px;
}
.icon.selable:hover .cover {
  background-position: -93px -1px;
}
.icon.selable:active .cover {
  background-position: -233px -1px;
}
.requires {
  position: absolute;
}
.requires3 {
  -moz-transform: scale(0.85);
  -webkit-transform: scale(0.85);
}
.requires4 {
  -moz-transform: scale(0.65);
  -webkit-transform: scale(0.65);
}
#rrequirescanvas {
  position: absolute;
  top: 20px;
  left: 0px;
  width: 264px;
  height: 154px;
}
#rrequirescanvasbg {
  position: absolute;
  top: 24px;
  left: 7px;
  width: 264px;
  height: 146px;
}
#rrequirescanvassvg {
  width: 264px;
  height: 146px;
}
stats {
  color: #9E9;
}
unique, passive, active, aura {
  color: #FD2;
}
consumable {
  color: #FB5;
}
#searchcancel {
  position: absolute;
  top: 4px;
  left: 290px;
  width: 18px;
  height: 18px;
  background-image: url('images/sprite.png');
  background-position: -0px -218px;
}
#searchcancel:hover {
  background-position: -18px -218px;
}
#searchcancel:active {
  background-position: -36px -218px;
}
#searchtextwrap {
  position: absolute;
  top: 5px;
  left: 24px;
  width: 260px;
  height: 15px;
}
#searchtextbox {
  width: 100%;
  height: 100%;
  font-size: 11px;
  background-color: transparent;
  border: 0;
  color: #EEE;
  outline: 0;
  padding: 0;
  display: block;
}
#searchresults {
  position: absolute;
	top: 15px;
	left: -1px;
	width: 316px;
	height: 160px;
	background-image: url('images/FoundryItemShop_IE6.png');
  overflow: hidden;
}
#searchresultslist {
  width: 326px;
  height: 140px;
  margin: 14px 8px;
  overflow: auto;
}
#searchresultslist .buyable {
  display: inline-block;
}
#config {
  position: absolute;
  top: 26px;
  left: 0px;
  width: 637px;
  height: 120px;
  background-image: url('images/banner173na121218.jpg');
}
#map1, #map3, #map8, #map10 {
  width: 140px;
  height: 60px;
  position: absolute;
  background-image: url('images/sprite.png');
  background-position: -462px -5px;
  text-indent: -1000px;
}
#map1 {
  top: 0px; right: 140px;
}
#map3 {
  top: 0px; right: 0;
}
#map8 {
  top: 60px; right: 140px;
}
#map10 {
  top: 60px; right: 0;
}
#map1:hover, #map3:hover, #map8:hover, #map10:hover {
  background-position: -465px -235px;
}
#map1:active, #map3:active, #map8:active, #map10:active {
  background-position: -324px -235px;
}
#map1.sel, #map3.sel, #map8.sel, #map10.sel {
  background-position: -462px -67px;
}
#champselect {
  position: absolute;
  top: 92px;
  left: 226px;
  width: 118px;
}
#champselectbox {
  width: 100%;
  font-size: 12px;
  font-family: Tahoma;
}
#recwrap {
  position: absolute;
  left: 3px;
  top: 1px;
  width: 310px;
  height: 371px;
  background-image: url('images/FoundryItemShop_I87.png');
  overflow: hidden;
}
#reccontent {
  width: 330px;
  height: 362px;
  margin: 5px;
  overflow: auto;
}
.reccat {
  width: 294px;
  height: 20px;
  background-image: url('images/sprite.png');
  background-position: -1px -242px;
  color: #9CC;
  font-size: 11px;
  padding-left: 7px;
}
.recblock .buyable .itemname {
  display: none;
}
.recblock .buyable span {
  display: none;
}
.recblock .buyable .itemcount {
  display: block;
  position: absolute; left:26px; top: 21px;
  font-size: 10px;
  color: #FFF;
}
.reclist .buyable{
  display: inline-block;
  width: 98px;
  height: auto;
  padding: 28px 0 5px 38px;
  margin: 0 3px 5px 3px;
  color: #7ab7cb;
  font-size: 10px;
  line-height: 10px;
  vertical-align: top;
  min-height: 18px;
}
.reclist .buyable {
  background: none !important;
  border-style: solid;
  border-width: 4px;
  -moz-border-image: url('images/FoundryItemShop_I93.png') 4 stretch ;
  -webkit-border-image: url('images/FoundryItemShop_I93.png') 4 stretch ;
  -o-border-image: url('images/FoundryItemShop_I93.png') 4 stretch ;
  border-image: url('images/FoundryItemShop_I93.png') 4 stretch ;
}
.reclist .buyable:hover {
  -moz-border-image: url('images/FoundryItemShop_I8F.png') 4 stretch ;
  -webkit-border-image: url('images/FoundryItemShop_I8F.png') 4 stretch ;
  -o-border-image: url('images/FoundryItemShop_I8F.png') 4 stretch ;
  border-image: url('images/FoundryItemShop_I8F.png') 4 stretch ;
}
.reclist .buyable:active {
  -moz-border-image: url('images/FoundryItemShop_I91.png') 4 stretch ;
  -webkit-border-image: url('images/FoundryItemShop_I91.png') 4 stretch ;
  -o-border-image: url('images/FoundryItemShop_I91.png') 4 stretch ;
  border-image: url('images/FoundryItemShop_I91.png') 4 stretch ;
}
.reclist .buyable.sel {
  -moz-border-image: url('images/FoundryItemShop_I91.png') 4 stretch ;
  -webkit-border-image: url('images/FoundryItemShop_I91.png') 4 stretch ;
  -o-border-image: url('images/FoundryItemShop_I91.png') 4 stretch ;
  border-image: url('images/FoundryItemShop_I91.png') 4 stretch ;
}
.reclist .itemgold {
  position: absolute;
  top: 38px;
  left: 4px;
	font-size: 11px;
  width: 30px;
  text-align: center;
}
.reclist .buyable .itemname {
  position: absolute;
  display: table;
  top: 0px;
  left: 38px;
  height: 24px;
  margin: auto;
  color: #ADD;
  font-size: 10px;
  line-height: 10px;
}
.reclist .buyable .itemname span{
  display: table-cell;
  vertical-align: middle;
}
.reclist .icon {
  position: absolute; left:0px; top:0px;
}
.reclist .buyable .itemcount {
  display: block;
  position: absolute; left:25px; top: 21px;
  font-size: 10px;
  color: #FFF;
}
.reclist .buyable span {
  display: inline;
}
#tooltip {
  position: fixed;
  background-color: #000;
  border-style: solid;
  border-width: 5px;
  -moz-border-image: url('images/tooltip.png') 5 stretch;
  -webkit-border-image: url('images/tooltip.png') 5 stretch;
  -o-border-image: url('images/tooltip.png') 5 stretch;
  border-image: url('images/tooltip.png') 5 stretch;
}
#tooltip .icon {
  position: absolute; left:0px; top:0px;
}
.tooltipdescription {
  margin-top: 40px;
  font-size: 10px;
  width: 230px;
  color: #7ab7cb;
}
.tooltipcategory {
  font-size: 11px;
  color: #7ab7cb;
}
#tooltip .itemname {
  font-size: 11px !important;
  top: 4px !important;
  color: #E5E5E5;
}
#tooltip .itemgold {
  font-size: 10px !important;
  top: 23px;
}
#specials {
  position: absolute;
  top: 448px;
  left: 30px;
  width: 252px;
  height: 36px;
}
#specials .icon {
  display: inline-block;
}
#ad {
  position: absolute;
  left: 650px;
  top: 10px;
  width: 160px;
  height: 600px;
}
#configdesc {
  position: absolute;
  top: 0;
  left: 0;
  text-indent: -9999px;
}
#links {
  position: absolute;
  display: table;
  table-layout: fixed;
  top: 0;
  left: 0;
  width: 637px;
  height: 26px;
}
#links a, #links span {
  display: table-cell;
  background-color: #404750;
  color: #CCC;
  font-size: 13px;
  padding-top: 4px;
  text-decoration: none;
  text-align: center;
}
#links a:hover {
  background-color: #505760;
  color: #DDD;
}
#links a.na { 
  background-color: #79A;
  color: #FFF;
  font-weight: bold;
}