@charset "utf-8";
/* CSS Document */
body {
	background: url(images/bg.jpg) repeat-x #000000;
	margin: 0;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
}
a:active, a:link { text-decoration: none;border: none; color:#F90; }
a:visited { text-decoration: none;border: none; color:#F90; }
img { border: none; } form { margin: 0;padding: 0; } .clear { clear: both; } 
select { font-family: Tahoma, Geneva, sans-serif;font-size: 10px;color: #008de3;padding: 2px;background: black;border: none;border-top: 1px solid #262829;border-left: 1px solid #141515; }

td.aligntop { 
	vertical-align:top;
	margin-top:0;
}
td.aligncenter {
	 text-align:center;
}
#container {
	width: 1148px;
	margin: 0px auto;
}
	#container #banner {
		width: 1148px;
		height: 356px;
		background: url(images/banner.jpg) no-repeat top;
	}
		#container #banner #logo {
			width: 142px;
			height: 326px;
			background: url(images/logo.png) no-repeat;
			float: left;
			padding: 30px 0 0 355px;
		}
			#container #banner #logo #livechat {
				width: 85px;
				height: 58px;
			}
		#container #banner #rightbanner {
			width: 651px; /** width:651px **/
			height: 356px;
			float: left;
		}
			#container #banner #rightbanner #buysell {
				width: 151px;
				height: 199px;
				float: left;
				padding: 157px 0 0 0;
			}
			#container #banner #rightbanner #cart {
				width: 223px;
				height: 39px;
				float: right;
				background: url(images/cart.png) no-repeat bottom right;
				padding: 161px 0 0 277px;
			}
				#container #banner #rightbanner #cart #block {
					width: 206px;
					height: 26px;
				}
					#container #banner #rightbanner #cart #block #login {
						width: 73px;
						height: 21px;
						float: left;
						margin: 0;
						padding: 5px 0 0 0;
						text-align: center;
					}
						#container #banner #rightbanner #cart #block #login a {
							color: #008fe6;
							text-decoration: none;
						}
						#container #banner #rightbanner #cart #block #login a:hover {
							color: #008fe6;
							text-decoration: underline;
						}
					#container #banner #rightbanner #cart #block #cartinfo {
						width: 132px;
						height: 21px;
						float: left;
						margin: 0;
						padding: 5px 0 0 0;
						text-align: center;
					}
						#container #banner #rightbanner #cart #block #cartinfo a {
							color: #6c6f70;
							text-decoration: none;
						}
						#container #banner #rightbanner #cart #block #cartinfo a:hover {
							color: #6c6f70;
							text-decoration: underline;
						}
			#container #banner #rightbanner #wuppguide {
				width: 180px;
				height: 136px;
				float: left;
				text-align: left;
				padding: 10px 0 0 0;
				/*
				border-width: .2em;
				border-style: dotted;
				border-color: #900;
				*/
			}
			
			#container #banner #rightbanner #contactinfo {
				width: 390px;
				height: 136px;
				float: left;
				text-align: left;
				padding: 20px 0 0 0;
			}
			#container #banner #rightbanner #links {
				width: 67px;
				height: 150px;
				float: right;
				text-align: right;
				padding: 20px 0 0 0;
			}
	#container #navigation {
		width: 1053px; /**was 1053**/
		height: 64px; /* height: 64px; */
		background: url(images/navigation.jpg) no-repeat right;
		padding: 0 0 0 95px;

	}
/*************************************************************/
/*
h3 {
	font-size: 130%;
	}
*/
.container {
	padding: 30px;
	margin: 20px 0 20px 0;
	background: #fff;
	}

#minitabs {
	margin: 0;
	padding: 0 0 20px 10px;
	border-bottom: 1px solid #696;
	}

#minitabs li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}
	
#minitabs a:link, #minitabs a:visited {
	float: left;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	margin: 0 10px 4px 10px;
	padding-bottom: 2px;
	text-decoration: none;
	color: #9c9;
	}

#minitabs a.active:link, #minitabs a.active:visited, #minitabs a:hover {
	border-bottom: 4px solid #696;
	padding-bottom: 2px;
	background: #fff;
	color: #363;
	}

/* relative font-size version */

#miniflex {
	width: 100%;
	float: left;
	font-size: 1.3em; /* could be specified at a higher level */
	margin: 0;
	padding: 0 10px 0 10px;
	/* border-bottom: 1px solid #333; */
	}

#miniflex li {
	float: left;
	margin: 0; 
	padding: 10px 0 0 0;
	display: inline;
	list-style: none;
	}
	
#miniflex a:link, #miniflex a:visited {
	float: left;
	/* font-size: 85%; */
	line-height: 20px;
	font-weight: bold;
	margin: 0 10px 0 10px;
	text-decoration: none;
	color: #999;
	}

#miniflex a.active:visited, #miniflex a:hover {
	border-bottom: 4px solid #FFF;
	padding-bottom: 2px;
	color: #FFF;
	}
#miniflex a.active:link {
	border-bottom: 4px solid #FFF;
	padding-bottom: 2px;
	color: #FFF;
	}
/********************************************************************/
		#container #navigation #nav {
			width: 860px; /* width: 675px; */
			float: left;
		
		}

		#container #navigation #time {
			width: 150px;
			height: 30px;
			float: right;
			text-align: center;
			color: #6c6f70;
			padding: 15px 0 0 0;
			
		}
		#container #navigation #language {
			width: 175px; /* width: 175px; */
			height: 33px; /* height: 33px */
			float: right;
			padding: 0 0 0 0; /* padding: 12px 0 0 0; */
			
		}
	#container #left {
		width: 306px;
		float: left;
		margin: 0 0 0 55px;
	}
		#container #left #searchaccount {
			width: 176px;
			height: 157px;
			background: url(images/searchaccount.jpg) no-repeat top;
			padding: 87px 0 0 130px;
		}
			#container #left #searchaccount select {
				margin: 0 0 13px 0;
			}
		#container #left .submit {
			width: 306px;
			height: 64px;
			background: url(images/searchnow.jpg) no-repeat;
			border: none;
		}
		#container #left #testimonials {
			width: 246px;
			height: 350px;
			background: url(images/testimonials.jpg) no-repeat;
			margin-top: 10px;
			color: #6c6f70;
			line-height: 15px;
			padding: 50px 0 0 60px;
		}
			#container #left #testimonials .text {
				width: 208px;
				margin: 0;
				padding: 0;
			}
				#container #left #testimonials .text .title {
					font-size: 11px;
					font-weight: bold;
					color: #008de3;
				}
				#container #left #testimonials .text .rating {
					color: #ffffff;
				}
				#container #left #testimonials .text .next {
					width: 208px;
					text-align: right;
					color: #ffffff;
					float: right;
				}
					#container #left #testimonials .text .next a {
						color: #f2b62d;
						text-decoration: none;
					}
	#container #right {
		width: 787px;
		background: url(images/rightbg.jpg) no-repeat top;
		float: left;
	}
		#container #right #premiumaccounts {
			width: 787px;
			height: 17px;
			padding: 0;
			margin: 30px 0 30px 0;
			font-size: 10px;
			font-weight: normal;
		}
			#container #right #premiumaccounts .paleft {
				width: 370px;
				float: left;
				height: 17px;
				padding: 0 0 0 30px;
			}
			#container #right #premiumaccounts .paright {
				width: 150px;
				float: right;
				text-align: right;
				color: #FFFFFF;
				text-align: right;
			}
				#container #right #premiumaccounts .paright a {
					color: #fa9a1a;
					text-decoration: none;
				}
				#container #right #premiumaccounts .text {
					float: left;
					padding: 5px 0 0 0;
					margin: 0 5px 0 5px;
				}
				#container #right #premiumaccounts .num {
					padding: 4px 6px 4px 6px;
					margin: 0 4px 0 0;
					border: 1px solid #0e1011;
					float: left;
				}
				#container #right #premiumaccounts .num:hover {
					padding: 4px 6px 4px 6px;
					margin: 0 4px 0 0;
					border: 1px solid #5f2f01;
					float: left;
				}
					#container #right #premiumaccounts .num a {
						color: #0e1011;
						text-decoration: none;
					}
					#container #right #premiumaccounts .num a:hover {
						color: #e1df49;
						text-decoration: none;
					}
			#container #right #cd2 #nums {
				color: #FFFFFF;
			}
				#container #right #cd2 #nums a {
					color: #fa9a1a;
					text-decoration: none;
				}
				#container #right #cd2 #nums .text {
					float: left;
					padding: 5px 0 0 0;
					margin: 0 5px 0 5px;
				}
				#container #right #cd2 #nums .num {
					padding: 4px 6px 4px 6px;
					margin: 0 4px 0 0;
					border: 1px solid #0e1011;
					float: left;
				}
				#container #right #cd2 #nums .num:hover {
					padding: 4px 6px 4px 6px;
					margin: 0 4px 0 0;
					border: 1px solid #5f2f01;
					float: left;
				}
					#container #right #cd2 #nums .num a {
						color: #0e1011;
						text-decoration: none;
					}
					#container #right #cd2 #nums .num a:hover {
						color: #e1df49;
						text-decoration: none;
					}
		/* ARMORY DISPLAY */
		#container #right #armory {
			width: 785px;
			height: 820px;
			background: url(images/armorybg.jpg) no-repeat;
		}
			#container #right #armory #talent {
				background: url(images/talentspecialization.jpg) no-repeat;
				padding: 30px 0 0 10px;
			}
				#container #right #armory #talent .active {
					width: 194px;
					height: 51px;
					background: url(images/active.png) no-repeat;
					padding-right: 10px;
				}
				#container #right #armory #talent .notactive {
					width: 194px;
					height: 51px;
				}
			#container #right #armory #professions {
				background: url(images/primaryprofessions.jpg) no-repeat;
				padding: 50px 0 0 10px;
			}
			#container #right #armory #healthmana {
				background: url(images/healthmana.jpg) no-repeat;
				padding: 20px 0 0 10px;
			}
			#container #right #armory #basestats {
				background: url(images/basestats.jpg);
				padding: 20px 0 0 10px;
			}
			#container #right #armory #achievements {
				background: url(images/achievements.jpg) no-repeat;
				padding: 30px 0 0 10px;
			}
			#container #right #armory #melee {
				background: url(images/melee.jpg);
				padding: 10px 0 0 10px;
			}
		/* END ARMORY DISPLAY */
		#container #right #pa {
			width: 787px;
			height: 400px;
			background: url(images/pabg.jpg) no-repeat;
		}
		
		/*added by lee */
		#container #right #arena-prices {
			width: 930px;
			height: 450px;
			background: url(images/arena-leveling-prices4.png) no-repeat;
			position: relative;
			top: -20px;
		}
		#container #right .price {
			display: block;
			color: #0dba46;
			font-size: 26px;
			font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
		}
		#container #right #arena {
			width: 820px;
			height: 700px;
			background: url(images/arena-leveling-purchase-bg.png) no-repeat;
			position: relative;
			top: -45px;
		}
			/* CHARACTER DISPLAY */
		#container #right #pa2 {
			width: 767px;
			background: url(images/pabg.jpg) repeat-y;
			padding: 15px 0 0 20px;
		}
			#container #right #pa2 #cd2 {
				width: 706px;
				min-height: 317px;
				background: #000000;
				padding: 20px;
			}
				#container #right #pa2 #cd2 #supportoptions a {
					margin-right: 5px;
					color: #ffde3c;
				}
			#container #right #pa2 #cd {
				width: 746px;
				min-height: 357px;
				background: url(images/cdbg.jpg) no-repeat;
			}
				#container #right #pa2 #cd .block_left {
					width: 144px;
					float: left;
					margin: 8px 0 0 8px;
				}
					#container #right #pa2 .block_left .quickinfo {
						width: 144px;
						height: 34px;
						background: url(images/charquickinfo.jpg) no-repeat;
						margin: 0 0 5px 0;
					}
						#container #right #pa2 .block_left .quickinfo .level {
							width: 48px;
							height: 34px;
							float: left;
							text-align: center;
							font-size: 30px;
							color: #ffff43;
						}
						#container #right #pa2 .block_left .quickinfo .type {
							width: 86px;
							height: 24px;
							float: left;
							padding: 5px;
							color: #fa9a1a;
						}
					#container #right #pa2 .block_left .charimg {
						width: 145px;
						height: 158px;
						background: url(images/charcdbg.jpg) no-repeat;
						text-align: center;
						padding: 11px 0 0 0;
					}
					#container #right #pa2 .block_left .charinfo {
						width: 145px;
						height: 62px;
						background: url(images/charinfo.jpg) no-repeat;
						font-size: 12px; /** was 10px **/
						color: #642d09;
						line-height: 20px;
					}
				#container #right #pa2 .block_middle {
					width: 338px;
					float: left;
					margin: 55px 0 0 8px;
				}
				#container #right #pa2 .block_right {
					width: 212px;
					float: left;
					margin: 20px 0 0 8px;
				}
			/* END CHARACTER DISPLAY */
			#container #right #pa .block {
				width: 218px;
				height: 155px;
				background: url(images/accountbg.jpg) no-repeat;
				margin: 20px 0 0 21px;
				float: left;
				padding: 8px;
			}
				#container #right #pa .block .block_left {
					width: 64px;
					float: left;
					text-align: center;
				}
					#container #right #pa .block .block_left .rating {
						margin: 10px 0 10px 0;
					}
				#container #right #pa .block .block_right {
					width: 144px;
					float: right;
					color: #6c6f70;
				}
					#container #right #pa .block .block_right a {
						color: #008de3;
						text-decoration: underline;
					}
					#container #right #pa .block .block_right a:hover {
						color: #008de3;
						text-decoration: none;
					}
					#container #right #pa .block .block_right .quickinfo {
						width: 144px;
						height: 34px;
						background: url(images/charquickinfo.jpg) no-repeat;
						margin: 0 0 5px 0;
					}
						#container #right #pa .block .block_right .quickinfo .level {
							width: 48px;
							height: 34px;
							float: left;
							text-align: center;
							font-size: 30px;
							color: #ffff43;
						}
						#container #right #pa .block .block_right .quickinfo .type {
							width: 86px;
							height: 24px;
							float: left;
							padding: 5px;
							color: #fa9a1a;
						}
					#container #right #pa .block .block_right .price {
						display: block;
						color: #0dba46;
						font-size: 26px;
						font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
						
						margin: 0 0 3px 0;
					}
		#container #right #prembot {
			width: 787px;
			height: 60px;
			background: url(images/prembot.jpg) no-repeat;
		}
			#container #right #prembot .paleft {
				width: 370px;
				float: left;
				height: 17px;
				padding: 20px 0 0 30px;
				color: #6c6f70;
			}
			#container #right #prembot .paright {
				width: 200px;
				float: right;
				text-align: right;
				color: #FFFFFF;
				text-align: right;
				padding: 20px 0 0 0;
			}
				#container #right #prembot .paright a {
					color: #fa9a1a;
					text-decoration: none;
				}
				#container #right #prembot .text {
					float: left;
					padding: 5px 0 0 0;
					margin: 0 5px 0 5px;
				}
				#container #right #prembot .num {
					padding: 4px 6px 4px 6px;
					margin: 0 4px 0 0;
					border: 1px solid #0e1011;
					float: left;
				}
				#container #right #prembot .num:hover {
					padding: 4px 6px 4px 6px;
					margin: 0 4px 0 0;
					border: 1px solid #5f2f01;
					float: left;
				}
					#container #right #prembot .num a {
						color: #0e1011;
						text-decoration: none;
					}
					#container #right #prembot .num a:hover {
						color: #e1df49;
						text-decoration: none;
					}
		/* CHARACTER PAGE */
		#container #right #charactermedia {
			width: 784px;
			height: 391px;
			background: url(images/charactermedia.jpg) no-repeat;
		}
			#container #right #charactermedia #videoplayer {
				width: 372px;
				height: 274px;
				background: url(images/videoplayer.jpg) no-repeat;
				float: left;
				margin: 50px 0 0 10px;
				padding: 41px 0 0 0;
			}
			#container #right #charactermedia #gallery {
				width: 782px;
				height: 328px;
				background: url(images/chargallery.jpg) no-repeat;
				float: left;
				margin: 50px 0 0 5px;
			}
			
				#container #right #charactermedia #gallery #topimg {
					width: 782px;
					height: 162px;
					padding: 45px 0 0 13px;
				}
					#container #right #charactermedia #gallery #topimg .right {
						margin-left: 10px;
					}
				#container #right #charactermedia #gallery #miniimg {
					width: 391px;
					height: 65px;
					padding-top: 12px;
					margin-bottom: 10px;
				}
					#container #right #charactermedia #gallery #miniimg img {
						margin-right: 12px;
					}
		/* END CHARACTER PAGE */
		#container #right #accountlistings {
			width: 787px;
			height: 369px;
			background: url(images/accountlistings.jpg) no-repeat;
			margin: 0;
			padding: 27px 0 0 0;
		}
			#container #right #accountlistings .tbl {
				width: 785px;
				padding: 0;
				margin: 0;
			}
				#container #right #accountlistings .tbl .race {
					width: 66px;
					height: 58px;
					vertical-align: middle;
					text-align: center;
				}
				#container #right #accountlistings .tbl .img {
					width: 63px;
					height: 58px;
					vertical-align: middle;
					text-align: left;
				}
				#container #right #accountlistings .tbl .level {
					width: 98px;
					height: 58px;
					vertical-align: middle;
					text-align: left;
					color: #ffffff;
					font-size: 11px;
				}
				#container #right #accountlistings .tbl .info {
					width: 284px;
					height: 58px;
					vertical-align: middle;
					text-align: left;
					color: #6c6f70;
				}
					#container #right #accountlistings .tbl .info span {
						color: #ffff43;
						text-transform: uppercase;
					}
				#container #right #accountlistings .tbl .rating {
					width: 95px;
					height: 58px;
					vertical-align: middle;
					text-align: left;
					color: #6c6f70;
					font-size: 11px;
				}
				#container #right #accountlistings .tbl .price {
					width: 103px;
					height: 58px;
					vertical-align: middle;
					text-align: left;
					color: #ffff43;
					font-size: 24px;
				}
				
				#container #right #accountlistings .tbl .price2 {
					width: 103px;
					height: 58px;
					vertical-align: middle;
					text-align: left;
					color: #0DBA46;
					font-size: 24px;
				}
				#container #right #accountlistings .tbl .options {
					width: 76px;
					height: 58px;
					vertical-align: middle;
					text-align: left;
					color: #ffff43;
					font-size: 24px;
				}
	#container #footer {
		width: 1148px;
		height: 125px;
	}
		#container #footer #fimg {
			width: 400px;
			height: 105px;
			float: left;
			padding: 20px 0 0 0;
		}
		#container #footer #ftext {
			width: 700px;
			height: 85px;
			float: right;
			text-align: right;
			line-height: 20px;
			color: #ffffff;
			padding: 40px 0 0 0;
		}
			#container #footer #ftext a {
				color: #6c6f70;
				text-decoration: none;
			}
			#container #footer #ftext a:hover {
				color: #6c6f70;
				text-decoration: underline;
			}
			#container #footer #ftext span {
				color: #763b00;
			}
				#container #footer #ftext span a {
					color: #763b00;
				}