body {
	min-width:1260px;
	background:#000;
	margin:0;
	padding:0 0 50px 0;
	color: #fff;
	font:14px/17px Arial, Helvetica, sans-serif;
}
img{
	border:none;
	display:block;
}
#main {
	margin:0 auto;
	background:url(../images/bg-top.jpg) no-repeat;
	width:1260px;
}
#main .main-holder{
	background:url(../images/bg-bottom.jpg) no-repeat 0 100%;
	width:1260px;
	overflow:hidden;
}
h1{
	float:left;
	padding:22px 0 0 131px;
	margin:0;
}
a{outline:none;}
/*logo*/
a.logo{
	float:left;
	background:url(../images/logo.jpg) no-repeat;
	width:246px;
	height:106px;
	text-indent:-3000px;
	overflow:hidden;
	margin:0;
	padding:0;
}
a.herostore{
	float:right;
	background:url(../images/herostore.png) no-repeat;
	width:307px;
	height:159px;
	text-indent:-3000px;
	overflow:hidden;
	margin:0;
	padding:0 136px 0 0;
}
a.championLogo{
	float:right;
	background:url(../images/champions.png) no-repeat;
	width:193px;
	height:72px;
	text-indent:-3000px;
	overflow:hidden;
	margin:30px 25px 0 0;
	padding:0;
}
/*header*/
#header{width:1260px; overflow:hidden;}
#header div{
	float:left;
	width:270px;
	padding:60px 0 0 75px;
}
#header div p{
	font:11px/15px Verdana, Tahoma, sans-serif;
	color:#fff;
	width:270px;
	padding:0;
	margin:0;
}
#header div a.board{
	display:block;
	background:url(../images/board.png) no-repeat;
	width:138px;
	height:20px;
	margin:6px 0 0;
	text-indent:-3000px;
}
#header div a.chatroom{
	display:block;
	background:url(../images/chat-room.png);
	width:87px;
	height:20px;
	margin:3px 0 0;
	text-indent:-3000px;
}
/*content*/
#content{width: 1260px; padding:7px 0 0;}
/*bg-content1*/
#content .bg-content1{
	background:url(../images/bg-cont1.gif) repeat-y;
	width: 1260px;
	position: relative;
}
#content .bg-content1:after{
	content: ".";
	clear: both;
	height: 0;
	text-indent: -9999px;
	display: block;
}
#content .bg-top{
	background:url(../images/border.gif) no-repeat;
	width:1260px;
	float:left;
}
#content .bg-bottom{
	float:left;
	background:url(../images/border.gif) no-repeat 0 100%;
	padding:3px 0;
	width:1260px;
}
#content .shadow-brown{
	float:left;
	background:url(../images/brown.jpg) no-repeat 100% 0;
	width:1132px;
}
/*hero1*/
#content .hero1{
	background:url(../images/img1.png) no-repeat;
	width:485px;
	height:718px;
	float: left;
	margin: -33px 0 0 0;
	padding:22px 0 0 0;
	position: relative;
}
/*bg-content2*/
#content .bg-content2{
	background:url(../images/bg-cont2.gif) repeat-y;
	width: 1260px;
	position: relative;
}
#content .bg-content2:after{
	content: ".";
	clear: both;
	height: 0;
	text-indent: -9999px;
	display: block;
}
#content .shadow-red{
	float:left;
	background:url(../images/red.jpg) no-repeat 100% 0;
	width:1132px;
}
/*hero2*/
#content .hero2{
	background:url(../images/img2.png) no-repeat;
	width:485px;
	height:718px;
	float: left;
	margin: -33px 0 0 0;
	padding:22px 0 0 0;
	position: relative;
}
/*bg-content3*/
#content .bg-content3{
	background:url(../images/bg-cont3.gif) repeat-y;
	width: 1260px;
	position: relative;
}
#content .bg-content3:after{
	content: ".";
	clear: both;
	height: 0;
	text-indent: -9999px;
	display: block;
}
#content .shadow-blue{
	float:left;
	background:url(../images/blue.jpg) no-repeat 100% 0;
	width:1132px;
}
/*hero3*/
#content .hero3{
	background:url(../images/img3.png) no-repeat;
	width:485px;
	height:718px;
	float: left;
	margin: -33px 0 0 0;
	padding:22px 0 0 0;
	position: relative;
}
/*bg-content4*/
#content .bg-content4{
	background:url(../images/bg-cont4.gif) repeat-y;
	width: 1260px;
	position: relative;
}
#content .bg-content4:after{
	content: ".";
	clear: both;
	height: 0;
	text-indent: -9999px;
	display: block;
}
#content .shadow-green{
	float:left;
	background:url(../images/green.jpg) no-repeat 100% 0;
	width:1132px;
}
/*hero4*/
#content .hero4{
	background:url(../images/img4.png) no-repeat;
	width:485px;
	height:718px;
	float: left;
	margin: -33px 0 0 0;
	padding:22px 0 0 0;
	position: relative;
}
/*bg-content5*/
#content .bg-content5{
	background:url(../images/bg-cont5.gif) repeat-y;
	width: 1260px;
	position: relative;
}
#content .bg-content5:after{
	content: ".";
	clear: both;
	height: 0;
	text-indent: -9999px;
	display: block;
}
#content .shadow-blueblend{
	float:left;
	background:url(../images/blue_blend.jpg) no-repeat 100% 0;
	width:1132px;
}
/*hero5*/
#content .hero5{
	background:url(../images/img5.png) no-repeat;
	width:485px;
	height:718px;
	float: left;
	margin: -33px 0 0 0;
	padding:22px 0 0 0;
	position: relative;
}
.threecolumn{
	width:1132px;
	float: left;
	margin: 0 0 0 -485px;
	display: inline;
}
/*menu*/
#content #menu{
	float:left;
	width:200px;
	padding:80px 0 0 170px;
	margin:0;
	list-style:none;
	position: relative;
}
#menu li{
	width:200px;
	float: left;
	padding:0 0 10px;
}
#menu li.hover .men{
	display:block;
}
#menu .men{
	display:none;;
	width:180px;
	float:left;
	padding:10px 0 0 15px;
	margin:0;
	list-style:none;
}
#menu .men li{
	width:180px;
	padding:0 0 3px;
}
#menu .men li a{
	float:left;
	font:12px/19px Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	padding:0 5px 0 5px;
	background:#000;
	text-indent:0px;
}
#menu .men li a:hover{color:#ffcc33;}
#menu .men li.hover a{color:#ffcc33;}

#menu li a{float: left; text-indent:-9999px}
#menu li a{float: left; text-indent:-9999px}

#menu li a.login{
	background:url(../images/login.png) no-repeat;
	width:51px;
	height:23px;
}
#menu li a.login:hover{background:url(../images/login-active.png) no-repeat;}
#menu li.hover a.login{background:url(../images/login-active.png) no-repeat;}
#menu li a.register{
	background:url(../images/register.png) no-repeat;
	width:76px;
	height:23px;
}
#menu li a.register:hover{background:url(../images/register-active.png) no-repeat;}
#menu li.hover a.register{background:url(../images/register-active.png) no-repeat;}
#menu li a.news{
	background:url(../images/news.png) no-repeat;
	width:51px;
	height:23px;
}
#menu li a.news:hover{background:url(../images/news-active.png) no-repeat;}
#menu li.hover a.news{background:url(../images/news-active.png) no-repeat;}
#menu li a.products{
	background:url(../images/products.png) no-repeat;
	width:175px;
	height:41px;
}
#menu li.hover a.products{background:url(../images/products-active.png) no-repeat;}
#menu li a.system{
	background:url(../images/system.png) no-repeat;
	width:123px;
	height:37px;
}
#menu li.hover a.system{background:url(../images/system-active.png) no-repeat;}


#menu li a.resources{
	background:url(../images/resources.png) no-repeat;
	width:124px;
	height:37px;
}
#menu li.hover a.resources{background:url(../images/resources-active.png) no-repeat;}
#menu li a.conventions{
	background:url(../images/conventions.png) no-repeat;
	width:105px;
	height:21px;
}
#menu li a.conventions:hover{background:url(../images/conventions-active.png) no-repeat;}
#menu li.hover a.conventions{background:url(../images/conventions-active.png) no-repeat;}
#menu li a.design{
	background:url(../images/designer.png) no-repeat;
	width:136px;
	height:20px;
}
#menu li.hover a.design{background:url(../images/designer-active.png) no-repeat;}
#menu li a.membercp{
	background:url(../images/member-cp.png) no-repeat;
	width:110px;
	height:23px;
}
#menu li.hover a.membercp{background:url(../images/member-cp-active.png) no-repeat;}
#menu li a.admincp{
	background:url(../images/admin-cp.png) no-repeat;
	width:97px;
	height:23px;
}
#menu li.hover a.admincp{background:url(../images/admin-cp-active.png) no-repeat;}
#menu li a.logout{
	background:url(../images/logout.png) no-repeat;
	width:62px;
	height:23px;
}
#menu li a.logout:hover{background:url(../images/logout-active.png) no-repeat;}
#menu li.hover a.logout{background:url(../images/logout-active.png) no-repeat;}
/*info*/
#content .content-info{
	float:left;
	width:540px;
	position: relative;
	padding:12px 0 90px 0;
}
#content .content-info img {
	display: inline;
}
#content .content-info strong {
	color: #fce99e;
}
#content .content-info a{
	text-decoration: underline;
	color: #fce99e;
	font-weight: bold;
}
#content .content-info a:hover{
	text-decoration: underline;
	color: #fce99e;
	font-weight: bold;
}
#content .content-info a:visited{
	text-decoration: underline;
	color: #fce99e;
	font-weight: bold;
}

#content .content-info em{
	display:inline;
	font:15px/18px Verdana, Tahoma, sans-serif;
	color:#fce99e;
}
#content .content-info h1{
	font:normal 23px/32px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0 0 0 4px;
	margin:0;
	display: block;
	float: none;
	text-align: left;
	font-weight: bold;
	letter-spacing: -1px;
}
#content .content-info h2{
	font:bold 16px/23px Arial, Helvetica, sans-serif;
	color:#fce99e;
	padding:0 0 0 4px;
	margin:0;
	border-bottom: solid #fff 2px;
	text-align:center;	
}
#content .content-info h3{
	font:bold 16px/23px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0 0 0 4px;
	margin:0;
	border-top: solid #fff 2px;
}
#content .content-info h2 a{
	text-decoration: none;
	color: #fce99e;
	font-weight: bold;
}
#content .content-info h2 a:hover{
	text-decoration: underline;
	color: #fce99e;
	font-weight: bold;
}
#content .content-info h2 a:visited{
	text-decoration: none;
	color: #fce99e;
	font-weight: bold;
}
#content .content-info h3 a{
	text-decoration: none;
	color: #fce99e;
	font-weight: bold;
}
#content .content-info h3 a:hover{
	text-decoration: underline;
	color: #fce99e;
	font-weight: bold;
}
#content .content-info h3 a:visited{
	text-decoration: none;
	color: #fce99e;
	font-weight: bold;
}
#content .content-info .indent {
	padding-left: 5px;
}
#content .content-info .indent a{
	text-decoration: underline;
	color: #fce99e;
	font-weight: bold;
}
#content .content-info .indent a:hover{
	text-decoration: underline;
	color: #fce99e;
	font-weight: bold;
}
#content .content-info .indent a:visited{
	text-decoration: underline;
	color: #fce99e;
	font-weight: bold;
}
#content .content-info #store {
}
.update{
	padding-left: 83px;
	padding-right: 117px;
}
#content .content-info #store h2{
	font:bold 16px/23px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0 0 0 4px;
	margin-bottom:10px;
	text-align: left;	
}
#content .content-info #store h2 a{
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}
#content .content-info #store h2 a:hover{
	color: #fce99e;
	font-weight: bold;
}
#content .content-info #store h2 a:visited{
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}

#content .content-info #store p{
	font:14px/17px Arial, Helvetica, sans-serif;
	color:#fff;
	width:400px;
	padding:0 16px 10px 4px;
	margin:0;
	margin-left: 68px;
}
#content .content-info #store fieldset{
	font:12px/15px Arial, Helvetica, sans-serif;
	color:#fff;
}

#content .content-info #store img.leftfloat {
	float: left;
	position:relative;
	padding-top:0px;
	margin-left:-68px;
}
#content .content-info #store a.viewItem{float: left; text-indent:-9999px}
#content .content-info #store a.editItem{float: left; margin-left: 270px; margin-top: -23px; text-indent:-9999px}
#content .content-info #store a.addToCart{float: left; margin-left: 160px; margin-top: -23px; text-indent:-9999px}
#content .content-info #store a.viewItem{
	background:url(../images/view-item-details.png) no-repeat;
	width:146px;
	height:23px;
}
#content .content-info #store a.viewItem:hover{background:url(../images/view-item-details-active.png) no-repeat;}
#content .content-info #store a.editItem{
	background:url(../images/edit-item.png) no-repeat;
	width:83px;
	height:23px;
}
#content .content-info #store a.editItem:hover{background:url(../images/edit-item-active.png) no-repeat;}
#content .content-info #store a.addToCart{
	background:url(../images/add-to-cart.png) no-repeat;
	width:101px;
	height:23px;
}

#content .content-info #storeitem {}

#content .content-info #storeitem h2 {
	font:bold 16px/23px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0 0 0 4px;
	margin-bottom:10px;
	text-align: left;	
}
#content .content-info #storeitem h2 a {
	text-decoration: none;
	font:bold 16px/23px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0 0 0 4px;
	margin-bottom:10px;
	text-align: left;	
}
#content .content-info #storeitem h2 a:hover {
	font:bold 16px/23px Arial, Helvetica, sans-serif;
	color:#fce99e;
	padding:0 0 0 4px;
	margin-bottom:10px;
	text-align: left;	
}
#content .content-info #storeitem p{
	font:14px/17px Arial, Helvetica, sans-serif;
	color:#fff;
	width:375px;
	padding:0 16px 10px 4px;
	margin:0;
	margin-left: 110px;
}
#content .content-info #storeitem fieldset{
	font:12px/15px Arial, Helvetica, sans-serif;
	color:#fff;
}

.largeleftfloat {
	float: left;
	position:relative;
	padding-top:0px;
	margin-left:-110px;
}
.carttable {
	width: 500px;
	margin-left: 20px;
	
}
.carttable th {
	font-weight: bold;
	background-color: none;
	color: #fce99e;
	font-size: 14px;
	border: none;
	padding: 5px;
	border-bottom: solid #fff 1px;

}	
.carttable td {
	background-color: none;
	width: 150px;
	color: #fff;
	padding: 5px;
	border: none;
	border-bottom: solid #fff 1px;
}
#content .content-info p{
	font:14px/17px Arial, Helvetica, sans-serif;
	color:#fff;
	width:500px;
	padding:0 16px 10px 4px;
	margin:0;
}
#content .content-info p a{
	text-decoration: underline;
	color: #fce99e;
	font-weight: bold;
}
#content .content-info p a:hover{
	text-decoration: underline;
	color: #fce99e;
	font-weight: bold;
}
#content .content-info p a:visited{
	text-decoration: underline;
	color: #fce99e;
	font-weight: bold;
}
#content .content-info .storeheader{
	font:12px/16px Arial, Helvetica, sans-serif;
	color:#000;
	border: solid #fff 1px;
	background: #fce99e;
	margin-top: 5px;
}

#content .content-info .storeheader a{
	text-decoration: none;
	color: #000;
	font-weight: bold;
}
#content .content-info .storeheader a:hover{
	text-decoration: underline;
	color: #000;
	font-weight: bold;
}
#content .content-info .storeheader a:visited{
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

#content .content-info a{
	text-decoration: underline;
	font-weight: bold;
}
#content .content-info a:hover{
	text-decoration: underline;
	font-weight: bold;
}
#content .content-info a:visited{
	text-decoration: underline;
	font-weight: bold;
}
#content .content-info legend{
	font:12px/15px Arial, Helvetica, sans-serif;
	color:#fff;
}
#content .content-info .label{
	font:12px/15px Arial, Helvetica, sans-serif;
	color:#fff;
	width:500px;
	padding:0px 16px 0px 4px;
	margin:0;
}
#content .content-info .field{
	font:12px/15px Arial, Helvetica, sans-serif;
	color:#fff;
	width:500px;
	padding:0px 16px 0px 4px;
	margin:0;
}
#content .content-info .line{
	padding:0 0 5px 4px;
	margin:0;
}
/*right-column*/
#content .column{
	float:right;
	width:220px;
	overflow:hidden;
}
#content #menu-right{
	float:left;
	width:200px;
	padding:20px 0 0 5px;
	margin:0;
	list-style:none;
	position: relative;
}
#menu-right li{
	width:200px;
	float: left;
	padding:0 0 10px;
}
#menu-right li a{float: left; text-indent:-9999px}
#menu-right li a.about{
	background:url(../images/champ.png) no-repeat;
	width:148px;
	height:20px;
}
#menu-right li a.about:hover{background:url(../images/champ-active.png) no-repeat;}
#menu-right li.hover a.about{background:url(../images/champ-active.png) no-repeat;}

#menu-right li a.aboutCO{
	background:url(../images/about-champs-online.png) no-repeat;
	width:148px;
	height:36px;
	margin-left: 3px;
}
#menu-right li a.aboutCO:hover{background:url(../images/about-champs-online-active.png) no-repeat;}
#menu-right li.hover a.aboutCO{background:url(../images/about-champs-online-active.png) no-repeat;}
#menu-right li a.aboutCryptic{
	background:url(../images/about-cryptic-studios.png) no-repeat;
	width:148px;
	height:36px;
	margin-left: 3px;
}
#menu-right li a.aboutCryptic:hover{background:url(../images/about-cryptic-studios-active.png) no-repeat;}
#menu-right li.hover a.aboutCryptic{background:url(../images/about-cryptic-studios-active.png) no-repeat;}
#menu-right li a.universe{
	background:url(../images/universe.png) no-repeat;
	width:141px;
	height:37px;
	margin-left:4px;
}
#menu-right li.hover a.universe{background:url(../images/universe-active.png) no-repeat;}
#menu-right li a.products{
	background:url(../images/product.png) no-repeat;
	width:142px;
	height:36px;
	margin-left:4px;
}
#menu-right li a.products:hover{background:url(../images/product-active.png) no-repeat;}
#menu-right li.hover a.products{background:url(../images/product-active.png) no-repeat;}
#menu-right li.hover .men{
	display:block;
}
#menu-right .men{
	display:none;;
	width:180px;
	float:left;
	padding:10px 0 0 15px;
	margin:0;
	list-style:none;
}
#menu-right .men li{
	width:180px;
	padding:0 0 3px;
}
#menu-right .men li a{
	float:left;
	font:12px/19px Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	padding:0 5px 0 5px;
	background:#000;
	text-indent:0px;
}
#menu-right .men li a:hover{color:#ffcc33;}
#menu-right .men li.hover a{color:#ffcc33;}


/*footer*/
#footer{
	float:left;
	width:1260px;
	padding:15px 0 0;
	height:100px;
}
#footer ul{
	width:1260px;
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
}
#footer ul li{
	display:inline;
	padding:0 5px 0 7px;
	background:url(../images/separator.jpg) no-repeat 0 7px;
}
#footer ul li.first{
	padding:0 5px 0 0;
	background:none;
}
#footer ul li a{
	font:9px/13px Verdana, Tahoma, sans-serif;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
}
#footer ul li a:hover{text-decoration:underline;}
#footer p{
	font:9px/13px Verdana, Tahoma, sans-serif;
	color:#fff;
	padding:0;
	margin:0;
	width:1260px;
	text-align:center;
}