@charset "utf-8";
/* CSS Document */
.itemGroup {border-right:1px solid #ddd;}
.itemGroup img{border:5px solid #fff;}
								
.itemGroup .itemCaption {margin-top:5px;}
.itemGroup .itemCaption span{font-size:11px; color:#888;}

.groupInfo {padding:0px; border:1px solid #ddd; min-height:400px;}
.groupInfo .info{text-align:center; border-bottom:1px solid #ccc; background:#ddd; width:100%; padding:10px 0px; margin:auto; font-size:14px;}
.groupInfo .info img{margin-right:10px;}

.shop h2{float:left; border:none;}
.shop .tabs{ float:right}
.shop .tabs li{ display:block; float:left; padding:3px 0 0 4px;}
.shop .tabs li a{ display:block; float:left; padding:0 0 0 20px; font-size:14px;}
.shop .tabs li span{ display:block; padding:6px 20px 9px 0;}
.shop .tabs li a:hover, .shop .tabs li.actived a{ background:url(http://cdn.garenanow.com/webmain/static/images/bgd_nav_active_left.gif) top left no-repeat; color:#FFF; text-decoration:none}
.shop .tabs li a:hover span, .shop .tabs li.actived span{ background:url(http://cdn.garenanow.com/webmain/static/images/bgd_nav_active_right.gif) top right no-repeat}
.shop .overload{border-top:5px solid #a40003; overflow:hidden; clear:both; background:url(../images/bgd_line_red.gif) top center no-repeat;}

.sumGroup{ width:280px; float:right; padding:20px 40px; font-size:14px;}
.sumGroup ul li {min-height:40px; text-align:center;}
.sumGroup ul .sum {border-top:1px solid #ddd; padding-top:20px;}
.sumGroup ul li .tag{width:60%; float:left;}
.sumGroup ul li .var{width:40%; font-weight:bold; float:right;}

.itemButton {margin:10px 0 40px 20px; display:block; float:left; background:url(http://cdn.garenanow.com/webmain/static/images/bgd_button_grey_left.gif) top left no-repeat;}
.itemButton span a{	display:block; float:left; background:url(http://cdn.garenanow.com/webmain/static/images/bgd_button_grey_right.gif) top right no-repeat; 
					text-decoration:none; font-weight:bold; padding:10px 70px; color:#fff;}
					
.highlightButton {margin:10px 0 40px 20px; display:block; float:left; background:url(../images/bgd_button_highlight_left.gif) top left no-repeat;}
.highlightButton span a{display:block; float:left; background:url(../images/bgd_button_highlight_right.gif) top right no-repeat; 
						text-decoration:none; font-weight:bold; padding:10px 70px; color:#fff;}
					
.textInfo{width:906px; padding:20px 40px 10px 40px; float:left;}

.lastchild{border:none;}
.alignright{margin-right:0px; float:right;}
.alignleft{margin-left:0px; float:left;}

#GarenaItems, #LeagueofLegends {display:none;}