html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	/*font-family: "Oxygen","Liberation Sans","Droid Sans","droid-sans-1","droid-sans-2",sans-serif;*/
	/*font-size: 11px;*/
	font-family: "Calibri","Liberation Sans","Droid Sans","droid-sans-1","droid-sans-2",sans-serif;
	font-size: 12px;
}

@font-face {
  font-family: 'Diablo';
  src: url('../fonts/DIABLO_H.woff') format('woff'),
       url('../fonts/DIABLO_H.ttf') format('truetype');
}

/*@import url(http://fonts.googleapis.com/css?family=Oxygen:400,300,700);*/

:focus {
	outline: 0;
}

body {
	position: relative;
	background-color: #ffffff;
	color: #4e4e4f;
	text-align: center;
	line-height: 1.5;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
	vertical-align: baseline;
}

/************************************************************************************************
****
**	Basics
****
**************************************************************************/

.overflow {
	overflow: hidden;
}

.right {
	float: right ! important;
}

.left {
	float: left ! important;
}

.block {
	display: block ! important;
}

.none {
	display: none ! important;
}

.hide {
	height: 1px;
	width: 1px;
	text-indent: 9999px;
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute ! important;
}

.clearfix {
}
	.clearfix:before, .clearfix:after {
		content: " ";
		display: block;
		height: 0;
		visibility: hidden;
	}
	.clearfix:after {
		clear: both;
	}

h1, h2, h3, h4, h5, h6, div, li, span, strong, p, i, b, a, input, select, textarea {
	font-weight: normal;
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	line-height: 1.5em;
	text-transform: uppercase;
	font-weight: bold;
}
	h1 {
		font-size: 2.5em;
	}
	h2 {
		font-size: 2em;
	}
	h3 {
		font-size: 2em;
	}
	h4 {
		font-size: 1.5em;
	}
	h5 {
		font-size: 1.2em;
	}
	h6 {
		font-size: 1em;
	}
	h1:first-letter, h2:first-letter, h3:first-letter, h4:first-letter, h5:first-letter, h6:first-letter {
		font-size: 1.2em;
	}

a {
	color: #9b8e56;
	text-decoration: none;
	font-weight: bold;
}
	a:hover {
	}

input, select, textarea {
	display: inline-block;
	font-size: 1.3em;
	padding: 0.5em 1em;
	background-color: #ffffff;
	color: #9b8e56;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0, 0.1);
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	box-shadow: 1px 1px 3px rgba(0,0,0, 0.05);
}

input {
}
	input:hover, input:focus {
		box-shadow: 1px 1px 5px rgba(0,0,0, 0.1);
	}

textarea {
	padding: 1em;
}

select {
	padding: 0.3em 0.5em;
	padding-right: 0.3em;
	font-size: 1em;
}

input[type="text"] {
	min-width: 10em;
}

input[type="radio"] {
}

input[type="checkbox"] {
}

input[type="submit"] {
	cursor: pointer;
	outline: none;
}

/*
|----------------------------------------------------------------------------------------
|
| Layout
|
|----------------------------------------------------------------------------------------
*/
body {
	width: 100%;
	/*background-image: url("../gfx/bg1.jpg");*/
	background-image: url("../gfx/bg.jpg");
	background-color: black;
	background-position: center top;
	background-repeat: no-repeat;
}

#header {
	height: 160px;
	position: relative;
}
	#header:before, #header:after {
		content: " ";
		display: block;
		height: 0;
		visibility: hidden;
	}
	#header:after {
		clear: both;
	}

#main {
	display: block;
	width: 100%;
	min-height: 1000px;
}
	#main:before, #main:after {
		content: " ";
		display: block;
		height: 0;
		visibility: hidden;
	}
	#main:after {
		clear: both;
	}

#container {
	text-align: left;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0;
	/*padding-bottom: 8em;*/
	margin-top: -15px;
	background: url("../gfx/content-bg.jpg");
	min-height: 700px;
}
	#container:before, #container:after {
		content: " ";
		display: block;
		height: 0;
		visibility: hidden;
	}
	#container:after {
		clear: both;
	}

#containerEnd {
	height: 33px;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0;
	background: url("../gfx/content-bg-bottom.jpg");
	/*margin-bottom: 5em;*/
}

#footer {
	text-align: center;
}
	#footer:before, #footer:after {
		content: " ";
		display: block;
		height: 0;
		visibility: hidden;
	}
	#footer:after {
		clear: both;
	}

.container {
	max-width: 1000px;
	margin: 0px auto;
}
	.c1k {
		margin: 0px auto;
		width: 1000px;
	}
	.c96 {
		margin: 0px auto;
		width: 960px;
	}

/*
|----------------------------------------------------------------------------------------
|
| Header
|
|----------------------------------------------------------------------------------------
*/
#header {
	z-index: 5001;
}
	#header .container {
		height: 95px;
		position: relative;
		z-index: 3001;
	}

#header #d2 {
	position: absolute;
	left: 0px;
	top: 20px;
	font-size: 220%;
	cursor: default;
	background: rgba(0,0,0, 0.8);
}
	#header #d2 h1 {
		margin: 0;
		padding: 0;
		display: inline-block;
		text-align: left;
		/*text-shadow: 2px 2px 5px rgba(0,0,0,0.8);*/
		/*text-shadow: 2px 2px 5px rgba(255,255,255,0.3)*/
		color: #c7b877;
		  text-shadow: 0 1px 0 #877b46,
               0 2px 0 #aea062,
               0 3px 0 #a1945a,
               0 4px 0 #968951,
               0 5px 0 #877b46,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
        -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), color-stop(20%, rgba(0,0,0,0.6)), to(rgba(0,0,0,1)));
		height: 1.2em;
		line-height: 1.2em;
		letter-spacing: -0.12em;
		font-family: Diablo;
	}

#logo {
	z-index: 7001;
	width: 300px;
	height: 43px;
	display: inline-block;
	position: absolute;
	top: 42px;
	right: 345px;
	/*top: 28px;*/
	/*left: 370px;*/
	/*width: 474px;*/
	/*height: 68px;*/
	/*background:url("../gfx/logo-d2king.png") no-repeat scroll 0 0 transparent;*/
	background:url("../gfx/logo-d2king-smaller.png") no-repeat scroll 0 0 transparent;
	text-indent: -9999px;
}
		#logo:hover {
		}

#topBar {
	z-index: 5001;
	height: 50px;
	width: 100%;
	background: transparent;
	color: #fff;
}
	#topBar .container {
		display: block;
		position: relative;
		height: 50px;
	}
	a.topbar, a.topbar:hover {
		padding: 0px 10px;
		color: #eee;
		font-size: 11px;
		text-decoration: none;
		cursor: pointer;
		line-height: 30px;
	}

#topBarBG {
	display: block;
	z-index: 2001;
	height: 50px;
	width: 100%;
	color: #fff;
}

#header #cart {
	/*float: right;*/
	/*padding-left: 1em;*/
	/*border-left: 1px dashed rgba(255,255,255, 0.5);*/
	position: absolute;
	top: 20px;
	top: 13px;
	right: -40px;
	/*text-align: left;*/
	width: 200px;
}
	#header #cart a.cart {
		display: block;
		display: inline-block;
		line-height: 15px;
		color: #9b8e56;
		text-align: left;
	}
		#header #cart a.cart:hover {
			text-shadow: 0px 0px 10px rgba(155,142,86, 1);
			-webkit-transition: all .2s ease-in-out;
			-moz-transition: all .2s ease-in-out;
			-ms-transition: all .2s ease-in-out;
			-o-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;
		}

	#header #cart #title {
		display: inline-block;
		font-family: Diablo;
		font-size: 2em;
		vertical-align: top;
	}
		#header #cart #title i {
			display: inline-block;
			font-size: 2em;
		}
		#header #cart #title u {
			display: inline-block;
			text-decoration: none;
			vertical-align: top;
			margin-top: 0.5em;
		}
		#header #cart #title .cartCount {
			position: absolute;
			top: 0.85em;
			left: 1.5em;
			color: #000;
			display: inline-block;
			font-size: 0.6em;
			font-weight: bold;
			opacity: 0.5;
			display: none;
		}

	#header #cart #cartStats {
		display: block;
		margin-top: -15px;
		/*margin-left: 1em;*/
		text-align: right;
	}
	#header #cart #items {
		display: block;
		margin-right: 1.5em;
	}
		#header #cart #items strong {
			font-size: 1.2em;
		}
		#header #cart #items i {
			font-style: normal;
			font-weight: bold;
			font-size: 1.6em;
		}

	#header #cart #total {
		display: block;
		/*margin-left: 0.5em;*/
		margin-top: 0.2em;
		margin-right: 1.8em;
	}
		#header #cart #total i {
			font-style: normal;
			font-weight: bold;
			font-size: 1.4em;
		}

#topBarCheckoutCTA {
	/*float: right;*/
	margin-top: 10px;
	/*margin-right: -20px;*/
	/*margin-left: 10px;*/
	background-color: rgba(255,255,255, 0.3);
	/*box-shadow: 1px 1px 0px rgba(0,0,0, 0.1) inset;*/
	/*box-shadow: 0px 0px 10px 5px rgba(155,142,86, 0.7);*/
	color: #fff;
	font-weight: bold;
	padding: 0.2em 1em;
	padding-left: 1.3em;
	font-size: 0.8em;
	background: #d3c7a1 none repeat scroll 0 0;
	border: 0 none;
	border-radius: 2px;
	color: #000;
	display: inline-block;
	vertical-align: middle;
	opacity: 0.9;
	text-transform: uppercase;
	font-family: "Verdana";
	box-shadow: 1px 5px 8px rgba(0, 0, 0, 0.4) inset, 1px 3px 3px 1px rgba(0, 0, 0, 0.8);
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #8e8054, #bfb289) repeat scroll 0 0;
}
	#topBarCheckoutCTA:hover {
		/*box-shadow: 0px 0px 10px 5px rgba(155,142,86, 0.7);*/
		background: rgba(0, 0, 0, 0) -moz-linear-gradient(center bottom , #8e8054, #d3c7a1) repeat scroll 0 0;
		opacity: 1;
	}
	#topBarCheckoutCTA i {
		display: inline-block;
		margin-left: 0.5em;
	}

#topBar #subnav {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 200px;
	width: 600px;
	text-align: center;
}

#topBar #subnav li {
	display: inline-block;
	margin: 0;
	margin-right: 3em;
	line-height: 2em;
}

#topBar #subnav li a {
	color: #fff;
	font-size: 0.95em;
	font-weight: normal;
}
	#topBar #subnav li a:hover {
		text-decoration: underline;
	}

#topBar #subnav #account {
	position: relative;
	text-align: center;
	margin-right: 1.5em;
}
	#topBar #account a.account {
		position: relative;
		display: inline-block;
		background-color: rgba(255,255,255, 0.01);
		padding: 0.4em 1em;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		color: #fff;
		font-size: 0.95em;
		font-weight: normal;
		z-index: 3001;
		width: 6em;
	}
		#topBar #account:hover a.account  {
			font-weight: bold;
			text-decoration: none;
			background-color: rgba(255,255,255, 1);
			color: #245682;
			border-bottom-left-radius: 0;
			border-bottom-right-radius: 0;
		}

		#topBar #account:hover ul {
			display: inline-block;
			border-top-left-radius: 0;
		}

	#topBar #account ul {
		display: inline-block;
		display: none;
		min-width: 17em;
		position: absolute;
		top:100%;
		left:0px;
		background: #fff;
		box-shadow: 3px 0px 5px 5px rgba(0,0,0, 0.2);
		padding: 1em 0em;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		z-index: 2001;
	}

	#topBar #account li {
		text-align: left;
		padding: 0.5em 2em;
		line-height: 1.3em;
		margin-right: 0;
	}

	#topBar #account li a {
		font-size: 1.2em;
		color: #245682;
	}
		#topBar #account li a:hover {
			text-decoration: underline;
		}

	#topBar #account li.auth {
		border-bottom: 1px solid rgba(0,0,0, 0.05);
		padding-bottom: 1em;
		margin-bottom: 0.5em;
		text-align: center;
	}
	#topBar #account li.auth a.login {
		padding: 0.5em 1em;
		border: 1px solid rgba(0,0,0, 0.1);
		color: #fff;
		text-shadow: 1px 1px 3px rgba(0,0,0, 0.3);
		background: #068e02;
		background:-moz-linear-gradient(top, #1cc617, #068e02);
		background:-webkit-linear-gradient(top, #1cc617, #068e02);
		background:-o-linear-gradient(top, #1cc617, #068e02);
		background:-ms-linear-gradient(top, #1cc617, #068e02);
		background:linear-gradient(top, #1cc617, #068e02);
		border-color: #068e02;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		opacity: 0.7;
	}
		#topBar #account li.auth a.login:hover {
			opacity: 1;
			text-decoration: none;
		}

	#topBar #account li.auth p {
		color: #333;
		margin-top: 1.2em;
		font-size: 0.95em;
	}

	#topBar #account li.auth a.signup {
		font-size: 1em;
		font-weight: bold;
	}

#header .container #icons {
	display: inline-block;
	position: absolute;
	bottom: 3px;
	right: -15px;
	height: 30px;
	width: 150px;
	line-height: 30px;
	vertical-align: middle;
}

	#sidebar .payment {
		margin-top: -15px;
		text-align: center;
		opacity: 0.6;
	}
		#sidebar .payment:hover {
			opacity: 1;
		}

/*
|----------------------------------------------------------------------------------------
|
| Content
|
|----------------------------------------------------------------------------------------
*/

#main {
}

#container {
	z-index: 100;
}

#content {
	display: block;
	/*width: 700px;*/
	max-width: 700px;
	/*margin-right: 30px;*/
	margin: 0 30px;
	float: right;
}
	#content.full {
		/*width: 940px;*/
		width: 1000px;
		margin: 0;
		padding: 0;
		float: none;
	}

#content .upper {
	margin-bottom: 2em;
}

#content .lower {
	margin-top: 1em;
}

h1, h2 {
	display: inline-block;
	margin: 0;
	padding: 0;
	padding: 0 0.5em;
	border-radius: 1px;
	/*background-color: rgba(36, 86, 130, 0.9);*/
	color: #9b8e56;
	/*color: white;*/
	font-weight: bold;
	/*letter-spacing: 0.03em;*/
	text-transform: uppercase;
}

/*
|----------------------------------------------------------------------------------------
|
| Sidebar
|
|----------------------------------------------------------------------------------------
*/

#sidebar {
	display: block;
	float: left;
	width: 230px;
	position: relative;
}

#sidebar .diablo2 {
	display: inline-block;
	line-height: 1;
	width: 135px;
	height: 70px;
	margin-left: 40px;
	margin-top: -10px;
	margin-bottom: -5px;
	text-indent: -9999em;
}

#sidebar #realms {
	display: block;
	width: 210px;
	margin-left: 5px;
	margin-top: -15px;
	margin-bottom: -15px;
	text-align: center;
}
	#sidebar #realms.set {
	}
		#sidebar #realms.unset select {
			color: #fff;
			margin-top: -3px;
			margin-left: 1px;
		}
		#sidebar #realms.set h4.where {
			display: none;
		}
	#sidebar #realms.unset {
	}
		#sidebar #realms.unset h4.change {
			display: none;
		}
	#sidebar #realms h4 {
		display: inline-block;
	}
	#sidebar #realms h4.where {
		/*background-color:rgba(216, 16, 16, 0.9);*/
		/*background-color:rgba(36,86,130, 1);*/
		font-size: 130%;
	}
	#sidebar #realms form.dropdown {
		display: inline-block;
		margin-left: 5px;
	}
	#sidebar #realms select {
		width: 190px;
		text-align: center;
	}

#sidebar nav {
	display: block;
	background: url("../gfx/sidebar-left.jpg");
	width: 230px;
	/*position: absolute;*/
	/*top: 0;*/
	/*left: 0;*/
	z-index: 50000;
	position: relative;
	margin-top: 0.5em;
}
	#sidebar .game .head {
		display: block;
		margin: 0;
		padding: 0;
		padding: 0.2em 0;
		text-align: left;
		border-radius: 0.2em;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		position: relative;
		/*height: 5.5em;*/
		/*height: 2em;*/
		/*display: none;*/
		/*background-color:rgba(36,86,130, 1);*/
		/*box-shadow: 0px 3px 3px rgba(0,0,0,0.3), 0px -15px 20px rgba(0,0,0,0.1) inset;*/
	}
		#sidebar .game .head a.name {
			display: inline-block;
			color: #fff;
			margin: 0;
			padding: 0;
			padding-top: 0.5em;
			line-height: 1.2em;
			font-weight: bold;
			font-size: 1.4em;
			text-transform: uppercase;
			letter-spacing: 0.05em;
			display: none;
		}
			#sidebar .game .head a.name:first-letter {
				font-size: 150%;
			}
			#sidebar .game .head a.name:hover {
				text-decoration: underline;
			}

		#sidebar .game .head .selection {
			display: block;
			/*position: absolute;*/
			/*bottom: 0;*/
			/*left: 0;*/
			width: 100%;
			/*width: 200px;*/
			/*margin-left: 2px;*/
			/*height: 2em;*/
			margin: 0;
			/*padding: 0.5em 0;*/
			/*margin-top: 5px;*/
			text-align: center;
		}
			#sidebar .game .head .current {
				display: inline-block;
				/*width: 100%;*/
				width: 210px;
			}
				#sidebar .game .head .current strong {
					color: #9b8e56;
					border-radius: 1px;
					cursor: pointer;
					background-color: rgba(213,214,161, 0.15);
					box-shadow: -1px -3px 3px rgba(0,0,0, 0.01) inset, 0px 0px 0px 1px rgba(213,214,161, 0.3);
					border: 1px solid rgba(0,0,0, 0.5);
					text-shadow: 1px 1px 2px rgba(0,0,0,0.9);
					padding: 0.3em 1.5em;
					display: inline-block;
					font-family: Diablo;
					font-size: 1.3em;
					font-style: italic;
					font-weight: normal;
				}
				#sidebar .game .head:hover .current strong {
					background-color: rgba(213,214,161, 0.2);
				}
				#sidebar .game .head .current .flag {
					margin-left: -1em;
				}
				#sidebar .game .head i.fa {
					display: none;
				}
					#sidebar .game .head i.fa-spinner {
						display: none;
					}
					#sidebar .game .head i.fa-plus, #sidebar .game .head i.fa-minus {
						display: none;
					}

			#sidebar .game .head .select {
				display: none;
				margin: 0;
				margin-top: 5px;
				padding: 0;
				padding-bottom: 1em;
				width: 100%;
				/*background-color:rgba(36,86,130, 1);*/
				background: url("../gfx/sidebar-left.jpg");
				box-shadow: 0px 5px 5px rgba(0,0,0,0.3), 0px -15px 20px rgba(0,0,0,0.1) inset;
				position: relative;
				text-align: left;
			}
				#sidebar .game .selection:hover .select {
					/*display: inline-block;*/
				}
				#sidebar .game .selection:hover i.fa {
					opacity: 0.8;
				}
				#sidebar .game.noLocation .selection .select {
					display: inline-block;
				}
				#sidebar .game .head ul {
					/*margin-bottom: 0.8em;*/
				}
					#sidebar .game .head ul li {
						width: 222px;
						text-align: left;
					}
					#sidebar .game .head .hr {
						display: inline-block;
						width: 222px;
						margin-top: 1.2em;
						text-align: left;
					}
						#sidebar .game .head .hr span {
							font-family: Diablo;
							letter-spacing: 0.05em;
							cursor: default;
							text-align: center;
							font-weight: normal;
							padding: 0.3em 1em;
							font-size: 0.9em;
							opacity: 0.9;
							text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
							display: block;
							color: #9b8e56;
							background-color: rgba(213,214,161, 0.15);
						}
						#sidebar .game .head .hr span:first-letter {
							font-size: 120%;
						}
					#sidebar .game .head label {
						display: block;
						/*width: 100%;*/
						height: 2.2em;
						line-height: 2em;
						color: #fff;
						font-size: 1.1em;
						font-weight: normal;
						text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
						cursor: pointer;
						text-align: left;
						font-size: 1.2em;
						color: #9b8e56;
						text-shadow: 1px 2px 3px rgba(0,0,0,0.5);
						padding-left: 50px;
						/*color: rgba(0,0,0,0.7);*/
						font-weight: normal;
						font-size: 1.2em;
						line-height: 2em;
						border-bottom: 1px solid rgba(60,60,60, 0.3);
						background-color: rgba(213,214,161, 0.05);
						/*width: 222px;*/
					}
						#sidebar .game .head label span {
							font-size: 1em;
							display: inline-block;
							margin-right: 0.3em;
						}
							#sidebar .game.d2 .head label span.name_2 {
								display: inline-block;
								margin-left: 0.2em;
								/*color: red;*/
								font-style: italic;
								text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
								/*font-weight: bold;*/
								opacity: 0.7;
								font-size: 0.8em;
								/*text-decoration: underline;*/
							}
						#sidebar .game .head label input {
							display: none;
						}
						#sidebar .game .head label:hover {
							/*text-decoration: underline;*/
							display:block;
							/*background-color:rgba(40,40,30, 0.1);*/
							background-color:rgba(180,171,131, 0.05);
							/*color: rgba(0,0,0,1) ! important;*/
							color: #8e7f56;
						}
						#sidebar .game .head .selected label {
							display: none;
						}
						#sidebar .game .head .flag {
							display: inline-block;
							width: 14px;
							height: 11px;
							margin-left: 2em;
							margin-right: 0.5em;
							overflow: hidden;
							border-radius: 1px;
							box-shadow: 1px 1px 3px rgba(0,0,0, 0.4);
							opacity: 0.5;
							display: none;
						}
							#sidebar .game .SCLE .flag {
								margin-left: 3.5em;
							}
							#sidebar .game .head .europe .flag {
								background: url("../gfx/sprite.png") no-repeat -365px -0px;
							}
							#sidebar .game .head .east .flag, #sidebar .game .head .west .flag {
								background: url("../gfx/sprite.png") no-repeat -351px -0px;
							}

			/*No location adjustments*/
			#sidebar .game.noLocation {
			}
				#sidebar .game.noLocation ul.categories {
					display: none !important;
				}
				#sidebar .game.noLocation .current i {
					display: none;
				}
				#sidebar .game.noLocation .current {
					display: none;
				}
				#sidebar .game.noLocation .head {
					height: 100%;
					margin-bottom: 3em;
				}
				#sidebar .game.noLocation.max .select {
					display: inline-block !important
				}
				#sidebar .game.noLocation .selection {
					position: relative;
					height: 100%;
				}

			#sidebar .game.poe .head li label {
				text-align: center;
			}
			#sidebar .game.poe .head .flag {
				display: none;
			}

	#sidebar .game ul.categories {
		margin-top: -1em;
		padding-top: 2em;
	}

	#sidebar .game.selectedGame.max i.fa-minus {
		display: none;
	}

	#sidebar .hasNoGameSelected .min i.fa-plus {
		display: none;
	}

	#sidebar .hasGameSelected .min .categories {
		display: none;
	}
	#sidebar .hasGameSelected .min .head {
		height: 3.5em;
	}
	#sidebar .hasGameSelected .min .selection {
		display: none;
	}

	#sidebar .min {
		margin-bottom: 1em;
	}

	#sidebar .overlay {
		display: block;
		position: absolute;
		height: 100%;
		width: 100%;
	}


/*
|----------------------------------------------------------------------------------------
|
| Sidebar Categories
|
|----------------------------------------------------------------------------------------
*/

#sidebar ul.categories {
	width: 230px;
	margin-bottom: 3em;
	padding: 0;
	padding-top: 0.5em;
	background: url("../gfx/sidebar-left.jpg");
}
	#sidebar ul.categories li {
		margin: 0;
		padding: 0;
		width: 222px;
		min-height: 2em;
		display: block;
	}

	#sidebar ul.categories a {
		display: block;
		margin: 0;
		font-size: 1.2em;
		color: #9b8e56;
		text-shadow: 1px 2px 3px rgba(0,0,0,0.5);
	}
		#sidebar ul.categories a:hover {
			display:block;
			background-color:rgba(180,171,131, 0.05);
			color: #8e7f56;
		}
		#sidebar ul.categories a.selected {
			background-color:rgba(180,171,131, 0.1);
			box-shadow: 0px 8px 10px rgba(180,171,131, 0.15) inset;
			font-weight: bold ! important;
			text-shadow: 1px 1px 1px rgba(0,0,0, 0.1);
		}

		#sidebar ul.categories .treeName {
			display: inline-block;
			width: 230px;
			margin-top: 0.5em;
			text-align: left;
		}
			#sidebar ul.categories .treeName .name {
				font-family: Diablo;
				letter-spacing: 0.05em;
				cursor: default;
				text-align: center;
				font-weight: normal;
				padding: 0.5em 1em;
				font-size: 1.3em;
				opacity: 0.9;
				text-shadow: 1px 1px 3px rgba(0,0,0,0.9);
				display: block;
				color: #9b8e56;
				background-color: rgba(213,214,161, 0.15);
			}

		#sidebar ul.categories.realmSelectionOpen .name {
			display: none ! important;
		}

	#sidebar ul.categories a.level-0 {
		display: inline-block;
		margin-top: 10px;
		margin-bottom: 5px;
		padding-right: 0.1em;
		padding-left: 0.5em;
		border-bottom: 1px solid rgba(0,0,0, 0.1);
		color: #245682;
		font-size: 1.5em;
		font-weight: bold;
		letter-spacing: 0.05em;
		text-transform: uppercase;
	}
		#sidebar ul.categories a.level-0:first-letter {
			font-size: 1.2em;
		}
		#sidebar ul.categories a.level-0.selected {
		}

	#sidebar ul.categories a.level-1 {
		padding-left: 50px;
		/*color: rgba(0,0,0,0.7);*/
		font-weight: normal;
		font-size: 1.3em;
		line-height: 2em;
		border-bottom: 1px solid rgba(60,60,60, 0.3);
		/*background-color: #3c382e;*/
	}
		#sidebar ul.categories a.level-1.selected {
			padding-right: 1em;
		}

	#sidebar ul.categories a.level-2 {
		padding-left: 65px;
		/*color: rgba(0,0,0,0.7);*/
		font-weight: normal;
		font-size: 1em;
		line-height: 2em;
	}
		#sidebar ul.categories a.level-2.selected {
			padding-right: 2em;
		}

	#sidebar ul.categories a.level-3 {
		padding-left: 80px;
		/*color: rgba(0,0,0,0.9);*/
		font-weight: normal;
		font-size: 0.9em;
		line-height: 1.8em;
	}
		#sidebar ul.categories a.level-3.selected {
			padding-right: 3em;
		}

	#sidebar ul.categories a.level-4 {
		padding-left: 100px;
		/*color: rgba(0,0,0,0.9);*/
		font-weight: normal;
		font-size: 0.9em;
		line-height: 1.8em;
	}
		#sidebar ul.categories a.level-4.selected {
			padding-right: 3em;
		}
	#sidebar ul.categories .level-1.id-10, #sidebar ul.categories .level-1.id-24, #sidebar ul.categories .level-1.id-26, #sidebar ul.categories .level-1.id-25 {
		display: none;
	}

/*
|----------------------------------------------------------------------------------------
|
| Index
|
|----------------------------------------------------------------------------------------
*/
.welmcome {
	color: #9b8e56;
	font-size: 3em;
	margin-top: 0.5em;
	font-weight: bold;
}
	.todo {
		color: #9b8e56;
		font-size: 2em;
		margin-top: 1em;
		font-weight: bold;
	}
	.fast {
		color: #9b8e56;
		font-size: 2em;
		margin-top: 1em;
	}
	.average {
		color: #9b8e56;
		font-size: 3em;
		margin-top: 1em;
		font-weight: bold;
		font-style: italic;
	}
		.average span {
			display: block;
			font-size: 0.5em;
		}


.front {
	width: 100%;
	position: relative;
	text-align: center;
}

	.front h2 {
		font-size: 5em;
		margin-top: 0.3em;
	}

.index h2.full {
	display: block;
	text-align: center;
	margin: 1em 0;
}

.index h2.transparent {
	display: inline-block;
	text-align: center;
	margin: 1em auto;
	background: none;
	color: rgba(36,86,130, 1);
}

.index h2.red {
	background-color:rgba(216, 16, 16, 0.7);
}

.index .row {
	padding: 1em 0;
}
	.index .row.border {
		border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
	}

/*
|----------------------------------------------------------------------------------------
|
| Category Listing (Content)
|
|----------------------------------------------------------------------------------------
*/
#content.cats .upper {
	text-align: center;
}
#content.cats .upper h1 {
	margin: 0 auto;
	font-size: 3em;
}

#content h2.subCats {
	text-align: center;
	margin: 0 auto;
}

#content #subCategories {
	text-align: center;
	/*border: 2px dashed rgba(0,0,0, 0.05);*/
	border-top: 0;
	/*margin-bottom: 5em;*/
	box-shadow: 0px 0px 20px rgba(0,0,0, 0.2) inset;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
	#content h1.subCategories, #content h2.subCategories {
		font-family: Diablo;
		font-size: 3em;
		/*margin-top: 0.5em;*/
		/*padding: 0.6em 2.5em;*/
		/*background-color: rgba();*/
		/*background-color: #71673f;*/
		background-color: transparent;
		color: #9b8e56;
	}
		#content h1.subCategories strong, #content h2.subCategories strong {
			font-size: 0.9em;
			font-weight: bold;
			font-style: italic;
		}
		#content h1.subCategories u, #content h2.subCategories u {
			display: inline-block;
			font-size: 1.3em;
			font-weight: bold;
		}
		#content h1.subCategories i, #content h2.subCategories i {
			display: inline-block;
			margin-right: 0.3em;
		}

#content .categories {
	display: block;
	width: 700px;
	margin: 0 auto;
	padding: 0;
	/*padding-top: 0.5em;*/
	margin-top: 1em;
	list-style-type:none;
	text-align: center;
	/*border-top: 1px solid rgba(60, 60, 60, 0.5);*/
	/*border-bottom: 1px solid rgba(60, 60, 60, 0.5);*/
	/*padding-bottom: 1em;*/
}
	#content .categories li {
		display: inline-block;
	}

	#content .categories li a {
		display: inline-block;
		margin-top: 0px;
		margin-right: -2px;
		padding: 0.5em 0.8em;
		/*background-color: rgba(180, 171, 131, 0.3);*/
		background-color: rgba(213,214,161, 0.15);
		color: #9b8e56;
		border-radius: 1px;
		line-height: 1.5em;
		font-size: 1em;
		font-weight: normal;
		cursor: pointer;
		box-shadow: 1px 3px 3px rgba(0,0,0, 0.3) inset;
	}
		#content .categories li a:hover {
			background-color: rgba(213,214,161, 0.3);
			/*background-color: rgba(36, 86, 130, 1);*/
			/*box-shadow: 1px 1px 2px 2px rgba(0,0,0, 0.1);*/
			box-shadow: 1px 5px 8px rgba(0,0,0, 0.3) inset;
		}
		#content .categories.lvl-1 a {
			background-color: rgba(213,214,161, 0.2);
			/*box-shadow: 1px 5px 8px rgba(0,0,0, 0.5) inset;*/
			text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
			font-size: 1em;
			/*margin-top: -4px;*/
		}
			#content .categories.lvl-1 a.current {
				font-size: 1.4em;
			}
		#content .categories.lvl-2 a {
			background-color: rgba(213,214,161, 0.25);
			/*box-shadow: 1px 5px 8px rgba(0,0,0, 0.5) inset;*/
			font-size: 1.3em;
		}
			#content .categories.lvl-2 a.current {
				font-size: 1.5em;
			}
		#content .categories.lvl-3 a {
			background-color: rgba(213,214,161, 0.3);
			/*box-shadow: 1px 5px 8px rgba(0,0,0, 0.5) inset;*/
			font-size: 1.4em;
		}
			#content .categories.lvl-3 a.current {
				font-size: 1.6em;
			}
		#content .categories a.partOfPath {
			background-color: rgba(213,214,161, 0.3);
			box-shadow: -1px -3px 3px rgba(0,0,0, 0.1) inset;
			font-size: 110%;
		}
		#content .categories a.current {
			background-color: rgba(213,214,161, 0.3);
			box-shadow: 1px 5px 8px rgba(0,0,0, 0.3) inset, 0px 0px 0px 1px rgba(213,214,161, 0.3);
			/*border: 1px solid rgba(0,0,0, 0.2);*/
			text-shadow: 1px 1px 2px rgba(0,0,0,0.9);
			/*font-size: 1.6em;*/
		}



	#content #categoryTopsellers {
		text-align: center;
		margin: 1em auto;
	}
		#content #categoryTopsellers h2 {
			text-align: center;
			padding: 0.5em 4em;
			font-size: 1.6em;
		}
		#content #categoryTopsellers h2 strong {
			font-size: 0.9em;
			font-weight: bold;
			font-style: italic;
		}
		#content #categoryTopsellers h2 u {
			display: inline-block;
			font-size: 1.2em;
			font-weight: bold;
			margin-right: 0.2em;
		}
		#content #categoryTopsellers h2 i {
			display: inline-block;
			font-size: 1.2em;
			margin-right: 0.5em;
		}


/*
|----------------------------------------------------------------------------------------
|
| Product Listing (Content)
|
|----------------------------------------------------------------------------------------
*/
#content #products {
	padding-top: 20px;
}

#content #products li.product {
	width: 96%;
	position: relative;
	min-height: 150px;
	padding-bottom: 2em;
}
	#content #products .product .name {
		margin-top: 1em;
		margin-left: 1em;
	}
		#content #products .product .name strong {
			display: block;
			margin: 0;
			margin-top: 1em;
			padding: 0;
			border-radius: 1px;
			line-height: 1em;
			font-weight: bold;
			letter-spacing: 0.05em;
			cursor: default;
			text-align: center;
			padding: 0.3em 1em;
			font-size: 2em;
			opacity: 0.9;
			text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
			color: #9b8e56;
			background-color: rgba(213,214,161, 0.15);
		}

	#content #products .product .image {
		display: inline-block;
		position: absolute;
		height: 100px;
		width: 100px;
		top: 70px;
		left: 20px;
		text-align: center;
	}

	#content #products .product .description {
		display: none;
	}
		#content #products .product.rare .description, #content #products.rares .product .description {
			color: #9b8e56;
			display: block;
			font-size: 1.3em;
			margin: 1em 2em;
			text-align: center;
		}
		#content #products .product.special .description {
			display: block;
			margin: 1em 2em;
			margin-top: -0.5em;
			line-height: 1.3em;
		}
			#content #products .product.special .description .description_headline {
				display: none;
			}
			#content #products .product.special .description .description_2 {
				font-weight: bold;
			}
			#content #products .product.special .description .description_1 {
				font-style: italic;
				color: #068e02;
			}
			#content #products .product.special .description span {
				display: inline-block;
				margin-bottom: 0.2em;
			}

#content #products .product #slaves {
	width: 500px;
	float: right;
	margin-top: 1em;
	margin-right: 40px;
	text-align: center;
}
	#content #products .product #slaves.no {
		width: 400px;
	}
	#content #products .product #slaves ul {
	}
	#content #products .product #slaves li.slave {
		display: block;
		/*height: 3em;*/
		border-bottom: 1px solid rgba(60,60,60, 0.5);
		color: #9b8e56;
		vertical-align: middle;
		text-align: left;
	}
		#content #products .product #slaves li.slave:hover {
			background-color: rgba(213, 214, 161, 0.1);
		}
			#content #products.rares .product #slaves li.slave:hover {
				background-color: transparent;
			}
		#content #products.rares .product #slaves li.slave {
			border-bottom: 0px;
		}
		#content #products .product #slaves li.slave.outOfStock {
			display: none;
		}

		#content #products .product #slaves li .stats {
			display: inline-block;
			font-size: 1.3em;
			color: #9b8e56;
			line-height: 2.5em;
			height: 100%;
			padding-left: 0.5em;
			cursor: default;
			outline: none;
			-webkit-touch-callout: none;
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
			vertical-align: middle;
			max-width: 65%;
		}

		#content #products .product #slaves li .priceStuff {
			display: inline-block;
			float: right;
			vertical-align: middle;
			height: 100%;
			line-height: 2.7em;
			cursor: default;
		}
			#content #products .product #slaves li .priceStuff span {
				display: inline-block;
				vertical-align: middle;
				color: #9b8e56;
				font-size: 1.6em;
				font-weight: normal;
				cursor: default;
			}
				#content #products .product #slaves.no li .priceStuff span {
					/*font-size: 1.4em;*/
				}
			#content #products .product #slaves li .priceStuff .normal {
					font-weight: bold;
			}
				#content #products .product #slaves li .priceStuff .normal.strike {
					text-decoration: line-through;
					font-size: 1.2em;
					margin-right: 0.5em;
					font-weight: normal;
					font-style: italic;
					opacity: 0.5;
				}
			#content #products .product #slaves li .priceStuff .special {
				font-weight: bold;
			}
			#content #products .product #slaves li .priceStuff .savings {
				display: none;
			}

	#content #products .product #slaves .priceStuff .buyNow {
		display: inline-block;
	}
		#content #products .product #slaves .priceStuff .buyNow .button {
			position: relative;
			background: #d3c7a1;
			color: #000;
			border: 0;
			height: 2em;
			font-size: 1em;
			line-height: 1em;
			padding: 0.2em 1.4em;
			padding-left: 2.7em;
			border-radius: 2px;
			vertical-align: middle;
			display: inline-block;
			z-index: 1000;
			position: relative;
			overflow: hidden;
		}
			#content #products .product #slaves .priceStuff .buyNow .button strong {
				color: #000;
			}
			#content #products .product #slaves .priceStuff .buyNow .button i {
				font-size: 1em;
				display: inline-block;
				margin-left: 0.2em;
			}
				#content #products .product #slaves .priceStuff .buyNow .button i.fa-check {
					/*color: green;*/
					font-size: 1.2em;
					margin-right: -0.5em;
				}

			#content #products .product #slaves .priceStuff .buyNow .button span {
				margin-top: -0.6em;
				display: none;
			}

			#content #products .product #slaves .priceStuff .buyNow .button:hover {
				/*box-shadow: 1px 1px 10px 4px rgba(255,255,255, 0.2) inset;*/
			}

			#content #products .product #slaves .priceStuff .buyNow .button input.qty {
				position: absolute;
				display: inline-block;
				font-family: "Verdana";
				font-size: 75%;
				margin-top: -0.1em;
				left: 0;
				top:-5px;
				margin-right: 1.2em;
				width: 1.8em;
				height: 3em;
				min-width: 0.1em;
				line-height: 1em;
				padding: 0.4em 0.2em;
				border-radius: 0.2em;
				text-align: center;
				cursor: pointer;
				opacity: 0.5;
				background-color: #413332;
			}
				#content #products .product #slaves li:hover .priceStuff .buyNow .button input.qty {
					opacity: 0.8;
					color: #d3c7a1;
				}

		#content #products .product #slaves .priceStuff .buyNow .qtyControls {
			display: inline-block;
			width: 2em;
			height: 2.3em;
			vertical-align: middle;
			margin-left: 0.3em;
			margin-right: -0.4em;
		}
			#content #products .product #slaves .priceStuff .buyNow .qtyControls i {
				display: block;
				display: none;
				color: #d3c7a1;
				font-size: 90%;
				height: 0.5em;
				width: 1em;
				line-height: 1em;
				padding: 0.2em 0.5em;
				border-radius: 1em;
				text-align: center;
				cursor: pointer;
				font-style: normal;
				outline: none;
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}
			#content #products .product #slaves .priceStuff .buyNow .qtyControls .plus {
			}
			#content #products .product #slaves .priceStuff .buyNow .qtyControls .minus {
			}
			#content #products .product #slaves li:hover .priceStuff .buyNow .qtyControls i {
				display: block;
			}
				#content #products.rares .product #slaves li:hover .priceStuff .buyNow .qtyControls i {
					display: none;
				}

	#content #products .product #slaves .messages {
		width: 70%;
		margin: 1em auto;
		background-color: rgba(213, 214, 161, 0.15);
		padding: 1em 0;
		position: relative;
	}
		#content #products .product #slaves .messages .closer {
			display: inline-block;
			position: absolute;
			top: 1em;
			right: 1em;
			cursor: pointer;
			font-size: 0.8em;
			color: #d3c7a1;
			opacity: 0.5;
		}
			#content #products .product #slaves .messages .closer:hover {
				opacity: 0.8;
			}
		#content #products .product #slaves .messages li {
			font-size: 1.3em;
			text-align: center;
		}
		#content #products .product #slaves .messages .error {
			color: red;
		}
		#content #products .product #slaves .messages .success {
			color: green;
		}


/*
|----------------------------------------------------------------------------------------
|
| Checkout
|
|----------------------------------------------------------------------------------------
*/
body.checkout {
}

/*
.checkout #sidebar {
	width: 270px;
	float: right;
	margin-bottom: 2em;
	min-height: 500px;
	background-color:rgba(36,86,130, 0.03);
	box-shadow: 0px 0px 2px 2px rgba(0,0,0, 0.05);
	border-radius: 10px;
}
	.checkout #sidebar ul {
		background-color:transparent;
		background:none;
		box-shadow: none;
	}
*/
.checkout #content {
	margin: 0 auto;
	width: 900px;
	float: none;
}
.checkout #container {
	text-align: center;
}
	.checkout #content h2, .checkout #content h3 {
		display: block;
		margin-top: 1.2em;
		/*margin-left: 1.5em;*/
		padding: 0.3em 1em;
		line-height: 1em;
		background-color: rgba(213, 214, 161, 0.15);
		border-radius: 1px;
		text-align: center;
		font-family: Diablo;
		font-size: 2.5em;
		font-weight: bold;
		color: #9b8e56;
		text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
		letter-spacing: 0.05em;
		cursor: default;
		opacity: 0.9;
	}
		.checkout #content h3 {
			font-size: 1.6em;
		}

/**************************************************************|
| Cart
*******************************************/
.checkout #content #cart {
	width: 90%;
	margin: 0 auto;
	min-height: 230px;
}
	.checkout #content #cart.runeSelection, .checkout #content #cart.skinSelection, .checkout #content #cart.bonusSelection {
		min-height: auto;
		width: 100%;
	}
	.checkout #content #cart h2 {
		padding: 0.7em 0;
	}

	.checkout #content #cart h2 a {
		display: block;
		font-size: 1em;
		color: #9b8e56;
		font-family: Diablo;
		/*font-weight: bold;*/
	}
		.checkout #content #cart h2 a i {
			display: inline-block;
			font-size: 0.5em;
			color: #9b8e56;
			margin-left: -0.5em;
		}

	.checkout #content #cart #subnavi {
		margin-top: 2em;
		margin-bottom: -1em;
	}
		.checkout #content #cart #subnavi a, .checkout #content #cart #subnavi span {
			display: inline-block;
			width: 29%;
			/*margin-top: 0.1em;*/
			padding: 1em 1em;
			line-height: 1em;
			background-color: rgba(213, 214, 161, 0.15);
			border-radius: 1px;
			text-align: center;
			font-family: Diablo;
			font-size: 1.3em;
			font-weight: bold;
			color: #9b8e56;
			text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
			letter-spacing: 0.05em;
			opacity: 0.8;
			cursor: default;
		}
			.checkout #content #cart #subnavi a i.fa, .checkout #content #cart #subnavi span i.fa {
				display: inline-block;
				margin-right: 0.7em;
				transition: ease-in 0.2s;
			}
			.checkout #content #cart #subnavi a u, .checkout #content #cart #subnavi span u {
				display: inline-block;
				font-size: 1.4em;
				text-decoration: none;
			}
			.checkout #content #cart #subnavi a.disabled, .checkout #content #cart #subnavi span.disabled {
				opacity: 0.3;
			}
				.checkout #content #cart #subnavi a u {
					border-bottom: 1px solid #9b8e56;
					padding-bottom: 0.1em;
				}
			.checkout #content #cart #subnavi a:hover {
				opacity: 1;
				cursor: pointer;
			}
				.checkout #content #cart #subnavi a:hover u {
					border: none;
				}
				.checkout #content #cart #subnavi a:hover i {
					-webkit-transform:rotate(30deg);
					-moz-transform:rotate(30deg);
					-ms-transform:rotate(30deg);
					-o-transform:rotate(30deg);
					transform:rotate(30deg);
					margin-right: 1em;
				}
			.checkout #content #cart #subnavi a.disabled:hover, .checkout #content #cart #subnavi span.disabled:hover {
				opacity: 0.3;
				cursor: default;
			}

	.checkout #content #cart .wrap {
		width: 90%;
		margin: 0 auto;
	}


	.checkout #content #cart .products {
		display: block;
		/*width: 90%;*/
		margin: 0 auto;
		/*margin-top: 1em;*/
		overflow-x: hidden;
		overflow-y: auto;
		max-height: 200px;
		padding: 1em 5em;
		padding-top: 0;
		padding-right: 1.5em;
		margin-top: 1em;
		min-height: 50px;
	}
		.checkout #content #cart .products li {
			border-bottom: 1px solid rgba(60, 60, 60, 0.5);
			color: #9b8e56;
			display: block;
			height: 3em;
			text-align: left;
			vertical-align: middle;
			color: #9b8e56;
			position: relative;
		}
			.checkout #content #cart .product span {
				display: inline-block;
				height: 3em;
				vertical-align: middle;
				line-height: 3em;
			}
			.checkout #content #cart .product .name {
				color: #9b8e56;
				cursor: default;
				display: inline-block;
				font-size: 1em;
				height: 100%;
				outline: medium none;
				padding-left: 0.5em;
			}

			.checkout #content #cart .product .stats {
				font-size: 1em;
				font-style: italic;
				font-weight: normal;
				opacity: 0.6;
				margin-left: 1em;
			}
				.checkout #content #cart .product .stats strong {
					display: inline-block;
					margin-left: 0.5em;
					margin-left: 3em;
					font-size: 0.9em;
					font-style: italic;
					font-weight: normal;
					opacity: 1;
					position: absolute;
					left: 150px;
				}

			.checkout #content #cart .product .price {
				float: right;
				display: inline-block;
				color: #245682;
				font-size: 1em;
				font-weight: bold;
				line-height: 2.5em;
				width: 20%;
				text-align: right;
				margin-right: 0.5em;
				color: #9b8e56;
				cursor: default;
				display: inline-block;
				font-weight: normal;
			}
				.checkout #content #cart .product.runes .price, .checkout #content #cart .product.bonus .price {
					font-style: italic;
					font-size: 0.9em;
					opacity: 0.6;
				}

			.checkout #content #cart .product .quantity {
				float: left;
				display: inline-block;
				height: 3em;
				/*margin-right: 2em;*/
				margin-left: -4.5em;
				width: 4.5em;
				position: relative;
			}
				.checkout #content #cart .product .quantity select {
					background-color: rgba(213, 214, 161, 0.3);
					font-size: 1em;
					color: #9b8e56;
					border: 0;
					border-radius: 1px;
					opacity: 0.5;
					width: 4em;
					display: inline-block;
					height: 1.7em;
					padding: 0.1em 0em;
					text-align: center;
					font-family: Verdana;
					font-size: 0.9em;
					/*display: none;*/
				}
					.checkout #content #cart .product:hover select {
						display: inline-block;
						opacity: 0.8;
					}
					.checkout #content #cart .product .quantity strong {
						display: none;
					}
					.checkout #content #cart .product .quantity select:hover {
						opacity: 0.7;
					}
					.checkout #content #cart .product .quantity option {
						opacity: 0.5;
					}

			.checkout #content #cart .product .remove {
				display: none;
			}

			.checkout #content #cart .product .image {
				display: none;
				float: left;
				opacity: 0.5;
			}

	.checkout #content #cart .totals {
		/*width: 90%;*/
		margin: 0 auto;
		margin-top: 0.5em;
		/*margin-bottom: 3em;*/
		margin-right: 2em;
		width: 50%;
		float: right;
		border-top: 2px solid rgba(60, 60, 60, 0.5);
		border-bottom: 3px solid rgba(60, 60, 60, 0.5);
	}
		.checkout #content #cart .totals ul {
			/*float: right;*/
		}
		.checkout #content #cart .totals li {
			font-size: 1em;
			color: #9b8e56;
			line-height: 1.2em;
			border-top: 1px solid rgba(60, 60, 60, 0.5);
			text-align: left;
			padding: 0.3em 1em;
			display: block;
			line-height: 1.8em;
			/*padding-left: 1em;*/
		}

		.checkout #content #cart .totals li span {
			display: inline-block;
			font-size: 1em;
			float: right;
		}

		.checkout #content #cart .totals li.total {
			font-size: 1.4em;
			font-weight: bold;
		}
			.checkout #content #cart .totals li.total span {
				font-size: 1.2em;
				font-weight: bold;
			}

		.checkout #content #cart .totals li.subtotal {
			font-weight: bold;
			font-size: 1.3em;
		}
			.checkout #content #cart .totals li.subtotal span {
				font-weight: bold;
			}

		.checkout #content #cart .totals li.shipping, .checkout #content #cart .totals li.tax {
			display: none;
		}


.checkout #content #coupon {
	margin-top: 1.5em;
	margin-left: 5em;
	float: left;
	width: 30%;
	text-align: left;
}
	.checkout #content #coupon span {
		display: none;
		/*margin-left: 2em;*/
		font-size: 1em;
	}
	.checkout #content #coupon form {
		display: inline-block;
		/*margin-left: 2em;*/
		position: relative;
	}
	.checkout #content #coupon input {
		opacity: 0.5;
		min-width: 8em;
		width: 12em;
		line-height: 2.2em;
		padding: 0.2em 1em;
		background-color: rgba(213, 214, 161, 0.3);
		box-shadow: 1px 5px 8px rgba(0, 0, 0, 0.4) inset;
		color: #9b8e56;
		font-size: 1.1em;
		border-radius: 1px;
	}
		.checkout #content #coupon input:hover, .checkout #content #coupon input:focus {
			opacity: 0.7;
			background-color: rgba(213, 214, 161, 0.3);
			box-shadow: 1px 5px 8px rgba(0, 0, 0, 0.2) inset;
		}
	.checkout #content #coupon i.submit {
		position: absolute;
		display: inline-block;
		display: none;
		opacity: 0.5;
		right: 0.4em;
		top: 0.5em;
		font-size: 1.2em;
		cursor: pointer;
		color: #9b8e56;
	}
	.checkout #content #coupon .reset {
		position: absolute;
		display: inline-block;
		display: none;
		opacity: 0.5;
		right: -1.3em;
		top: 0.5em;
		font-size: 1em;
		cursor: pointer;
		color: #9b8e56;
	}
		.checkout #content #coupon:hover .submit, .checkout #content #coupon:hover .reset {
			display: inline-block;
		}


.checkout #payment {
	width: 80%;
	margin: 0 auto;
	margin-top: 2em;
	display: inline-block;
	min-height: 5em;
}
	.checkout #payment h2 {
		margin-top: 1.2em;
		margin-left: 1.5em;
		background-color: rgba(213, 214, 161, 0.15);
		border-radius: 1px;
		color: #9b8e56;
		cursor: default;
		display: block;
		font-size: 2.5em;
		font-weight: bold;
		letter-spacing: 0.05em;
		line-height: 1em;
		margin: 1em 0 0;
		opacity: 0.9;
		padding: 0.3em 1em;
		text-align: center;
		text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
		font-family: Diablo;
		display: none;
	}
	.checkout #Payment-Method-Selection {
		display: block;
	}

		.checkout #payment ul {
			width: 50%;
			float: right;
			text-align: left;
		}
			.checkout #payment ul li {
				font-size: 1.5em;
				line-height: 2.5em;
				text-align: left;
				display: inline-block;
				margin-left: 1.5em;
			}
			.checkout #payment ul label {
				font-size: 1em;
				background-color: rgba(213, 214, 161, 0.2);
				box-shadow: 1px 5px 8px rgba(0, 0, 0, 0.2) inset, 0 0 0 1px rgba(213, 214, 161, 0.3);
				text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);
				color: #9b8e56;
				border-radius: 1px;
				padding: 0.5em 0.8em;
				padding-left: 0.5em;
				cursor: pointer;
				margin-left: 0.2em;
			}
				.checkout #payment ul label input {
				}
				.checkout #payment ul li:hover label {
					background-color: rgba(213, 214, 161, 0.3);
					box-shadow: 1px 5px 8px rgba(0, 0, 0, 0.3) inset, 0 0 0 1px rgba(213, 214, 161, 0.3);
				}
				.checkout #payment ul li.selected label {
					background-color: rgba(213, 214, 161, 0.3);
					box-shadow: 1px 5px 8px rgba(0, 0, 0, 0.3) inset, 0 0 0 1px rgba(213, 214, 161, 0.3);
					font-weight: bold;
				}

			.checkout #payment ul li.paypal {
			}


	.checkout #payment #braintreeCCform {
		/*background: rgba(0,0,0, 0.03);*/
		/*border: 1px solid rgba(0,0,0, 0.1);*/
		/*box-shadow: 1px 1px 5px rgba(0,0,0, 0.1) inset;*/
		/*border-radius: 3px;*/
		/*padding: 2em 1em;*/
		/*padding-top: 1.5em;*/
		/*padding-top: 5em;*/
		/*padding-bottom: 4em;*/
		/*margin: 1em 0;*/
		/*margin-left: -150px;*/
		/*margin-bottom: 2em;*/
		position: relative;
		width: 600px;
		/*background-color: rgba(213, 214, 161, 0.3);*/
		text-align: left;
		margin-top: 2em;
		margin-right: -25em;
		display: inline-block;
	}
		.checkout #payment #braintreeCCform label {
			display: block;
			background: transparent;
			border: 0;
			box-shadow: none;
			cursor: default;
			line-height: 2.5em;
			margin-bottom: 0.5em;
			vertical-align: middle;
		}
			.checkout #payment #braintreeCCform label strong {
				display: inline-block;
				width: 11em;
				color: #9b8e56;
				font-size: 1.2em;
				/*font-weight: bold;*/
				text-align: right;
				text-shadow: none;
				padding-right: 1em;
			}
				.checkout #payment #braintreeCCform label strong i {
					font-size: 0.8em;
					display: inline-block;
					margin-left: 0.2em;
					opacity: 0.7;
					vertical-align: super;
					font-style: normal;
				}
			.checkout #payment #braintreeCCform label input {
				width: 18em;
				font-size: 1.2em;
				background-color: rgba(213, 214, 161, 0.3);
				box-shadow: 1px 5px 8px rgba(0, 0, 0, 0.3) inset, 0 0 0 1px rgba(213, 214, 161, 0.3);
				color: #9b8e56;
				text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);
				text-align: center;
			}
				.checkout #payment #braintreeCCform label #braintreeCCformNumber {
				}
					.checkout #payment #braintreeCCform label #braintreeCCformNumber {
						letter-spacing: 0.1em;
					}
				.checkout #payment #braintreeCCform label #braintreeCCformCVV {
					width: 2em;
				}
				.checkout #payment #braintreeCCform label #braintreeCCformExpirationMonth {
				}
				.checkout #payment #braintreeCCform label #braintreeCCformExpirationYear {
				}
				.checkout #payment #braintreeCCform label #braintreeCCformCardholderName {
				}
				.checkout #payment #braintreeCCform label.expire {
					margin-top: -0.7em;
				}
			.checkout #payment #braintreeCCform label select {
				/*border: 1px solid rgba(0,0,0, 0.5);*/
				font-size: 1.2em;
				margin-right: 0.4em;
				display: inline-block;
			    background-color: rgba(213, 214, 161, 0.3);
			    border: 0 none;
			    border-radius: 1px;
			    color: #9b8e56;
			}
			.checkout #payment #braintreeCCform label select option {
				/*border-left: 1px solid rgba(0,0,0, 0.3);*/
				border-right: 1px solid rgba(0,0,0, 0.3);
			}
		.checkout #payment #braintreeCCform .requiredNotice {
			display: inline-block;
			text-align: left;
			font-size: 0.9em;
			position: absolute;
			bottom: 0.5em;
			/*top: 0.5em;*/
			right: 1em;
			opacity: 0.7;
			display: none;
		}
		.checkout #payment #braintreeCCform #braintreeLogoSecure {
			display: inline-block;
			width: 60px;
			height: 60px;
			overflow: hidden;
			text-align: left;
			position: absolute;
			/*height: 35px;*/
			bottom: 0em;
			left: 0em;
			opacity: 0.1;
			/*text-indent: -10px;*/
			background: url("https://s3.amazonaws.com/braintree-badges/braintree-badge-wide-dark.png") -15px -10px no-repeat;
			display: none;
		}
			.checkout #payment #braintreeCCform #braintreeLogoSecure img {
			}
		.checkout #payment #braintreeCCform #braintreeLogo {
			display: inline-block;
			cursor: default;
			vertical-align: middle;
			opacity: 0.4;
			margin-left: 0.5em;
			line-height: 1.8em;
		}
			.checkout #payment #braintreeCCform #braintreeLogo:hover {
				/*opacity: 0.8;*/
				/*cursor: pointer;*/
				cursor: default;
			}
			.checkout #payment #braintreeCCform #braintreeLogo img {
				display: inline-block;
				border: 1px solid rgba(0,0,0, 0.03);
			}


.checkout #auth {
	vertical-align: top;
	display: none;
	margin-top: 1em;
}
	.checkout #auth h2, .checkout #auth h3 {
		margin-top: 1.2em;
		margin-left: 1.5em;
		background-color: rgba(213, 214, 161, 0.15);
		border-radius: 1px;
		color: #9b8e56;
		cursor: default;
		display: block;
		font-size: 2.5em;
		font-weight: bold;
		letter-spacing: 0.05em;
		line-height: 1em;
		margin: 1em 0 0;
		opacity: 0.9;
		padding: 0.3em 1em;
		text-align: center;
		text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
		font-family: Diablo;
	}
	.checkout #auth h3 {
		font-size: 1.6em;
	}

	.checkout #auth #signup {
		width: 45%;
		display: inline-block;
		vertical-align: top;
	}

	.checkout #auth #login {
		width: 45%;
		display: inline-block;
		vertical-align: top;
	}

	.checkout #auth .text {
		text-align: center;
	}
		.checkout #auth p {
			font-size: 1.3em;
			line-height: 2em;
		}

	.checkout #auth form {
		display: inline-block;
		display: block;
		text-align: center;
	}
		.checkout #auth form li {
			display: block;
			font-size: 1em;
			line-height: 2.2em;
			margin: 0.2em auto;
		}

	.checkout #auth input {
		opacity: 0.7;
		min-width: 14em;
		width: 14em;
		line-height: 1.6em;
		padding: 0.5em 1em;
		background-color: rgba(213, 214, 161, 0.3);
		box-shadow: 1px 5px 8px rgba(0, 0, 0, 0.4) inset;
		color: rgba(190, 177, 121, 0.8);
		text-shadow: 1px 1px 2px rgba(0,0,0, 0.5);
		font-size: 1.1em;
		border-radius: 1px;
		margin-top: 0.2em;
	}
		.checkout #auth input:hover, .checkout #auth input:focus {
			opacity: 0.7;
			background-color: rgba(213, 214, 161, 0.3);
			box-shadow: 1px 5px 8px rgba(0, 0, 0, 0.2) inset;
		}

	.checkout #auth .button {
		margin-top: 0.5em;
		font-size: 2em;
		position: relative;
		background: #d3c7a1;
		color: #000;
		border: 0;
		font-size: 1em;
		line-height: 1em;
		padding: 0.5em 1.2em;
		border-radius: 2px;
		vertical-align: middle;
		display: inline-block;
		z-index: 1000;
		position: relative;
		overflow: hidden;
	}
		.checkout #auth .button i {
			display: inline-block;
			margin-left: 0.5em;
		}

	.checkout #auth #ShowPasswordReset {
		/*display: none;*/
		display: block;
		margin-top: 1em;
		cursor: pointer;
	}

	.checkout #auth form#password {
		display: none;
	}



.checkout .stripeFull {
	display: block;
	border-radius: 1px;
	background-color: rgba(213, 214, 161, 0.15);
	padding: 1em 0;
	text-align: center;
	margin-top: 2em;
}
	.checkout .stripeFull .button {
		display: inline-block;
		position: relative;
		height: auto;
		margin: 0.3em 0;
		padding: 0.5em 1.2em;
		padding-right: 2em;
		background: #d3c7a1;
		background:-moz-linear-gradient(bottom, #8e8054, #d3c7a1);
		background:-webkit-linear-gradient(bottom, #8e8054, #d3c7a1);
		background:-o-linear-gradient(bottom, #8e8054, #d3c7a1);
		background:-ms-linear-gradient(bottom, #8e8054, #d3c7a1);
		background:linear-gradient(bottom, #8e8054, #d3c7a1);
		box-shadow: 1px 5px 8px rgba(0,0,0, 0.4) inset,  1px 3px 3px 1px rgba(0,0,0, 0.8);
		text-shadow: 1px 1px 2px rgba(0,0,0, 0.3);
		border: 0;
		border-radius: 2px;
		vertical-align: middle;
		font-size: 1.5em;
		color: #000;
		transition: 0.3s all ease-in-out;
	}
		.checkout .stripeFull .button:hover {
			/*box-shadow: 1px 5px 8px 1px rgba(0,0,0, 0.5) inset, 1px 3px 3px 1px rgba(0,0,0, 1);*/
			background:-moz-linear-gradient(top, #8e8054, #bfb289);
			background:-webkit-linear-gradient(top, #8e8054, #bfb289);
			background:-o-linear-gradient(top, #8e8054, #bfb289);
			background:-ms-linear-gradient(top, #8e8054, #bfb289);
			background:linear-gradient(top, #8e8054, #bfb289);
		}
		.checkout .stripeFull .button i {
			display: inline-block;
			font-size: 1.4em;
			margin-left: 0.3em;
			position: absolute;
			margin-top: 0.2em;
			opacity: 0.8;
		}

.checkout .stripeFull #submitOrderButton {
	/*display: none;*/
	padding-right: 2.5em;
}
	.checkout .stripeFull #submitOrderButton.submitting {
		padding-right: 1em;
		opacity: 0.5;
		cursor: default;
	}
	.checkout .stripeFull #submitOrderButton.submitting:hover {
		background:-moz-linear-gradient(bottom, #8e8054, #d3c7a1);
		background:-webkit-linear-gradient(bottom, #8e8054, #d3c7a1);
		background:-o-linear-gradient(bottom, #8e8054, #d3c7a1);
		background:-ms-linear-gradient(bottom, #8e8054, #d3c7a1);
		background:linear-gradient(bottom, #8e8054, #d3c7a1);
	}

.checkout .stripeFull #showAuthButton {
	padding-left: 3em;
}
		.checkout .stripeFull #showAuthButton i {
			display: inline-block;
			font-size: 1.4em;
			margin-left: -1.2em;
			position: absolute;
			margin-top: 0.1em;
			opacity: 0.8;
		}

.checkout .stripeFull .deliveryNotice {
	color: #9b8e56;
	font-size: 1.1em;
	margin-top: 1em;
	line-height: 1.6em;
}
	.checkout .stripeFull .deliveryNotice strong {
		/*font-weight: bold;*/
		font-size: 1.1em;
		font-style: italic;
		display: inline-block;
		margin: 0 0.4em;
	}


/* =============================================================================
|  RUNE PACK CONFIGURATION
========================================================================== */
.checkout #content .selectRunes {
	text-align: center;
}
	.checkout #content .selectRunes h3 {
		margin: 0 auto;
		margin-top: 2em;
		width: auto;
		display: inline-block;
	}

	.checkout #content .selectRunes ul {
		margin-top: 2em;
	}

	.checkout #content .selectRunes li {
		display: inline-block;
		margin: 5px 10px;
		width: 140px;
		height: 28px;
		line-height: 28px;
		vertical-align: middle;
		text-align: left;
	}
		.checkout #content .selectRunes li span, .checkout #content .selectRunes form, .checkout #content .selectRunes select  {
			display: inline-block;
			height: 28px;
			line-height: 28px;
			vertical-align: middle;
		}
		.checkout #content .selectRunes li .quantity {
			display: inline-block;
			margin-right: 0.5em;
		}
			.checkout #content .selectRunes li .quantity form {
				height: 28px;
				line-height: 28px;
				vertical-align: middle;
			}
			.checkout #content .selectRunes li .quantity select {
				background-color: rgba(213, 214, 161, 0.3);
				border: 0 none;
				border-radius: 1px;
				color: #9b8e56;
				font-family: Verdana;
				font-size: 0.9em;
				opacity: 0.7;
				padding: 0.1em 0;
				text-align: center;
				width: 4em;
			}
				.checkout #content .selectRunes li .quantity:hover select, .checkout #content .selectRunes li.selected .quantity select {
					background-color: rgba(213, 214, 161, 0.4);
					opacity: 1;
					color: #c3b67d;
				}

		.checkout #content .selectRunes li .image {
			display: inline-block;
			text-align: center;
			line-height: 2em;
			height: 28px;
			vertical-align: middle;
		}
		.checkout #content .selectRunes li .name {
			display: inline-block;
			padding-left: 0.5em;
			color: #9b8e56;
			cursor: default;
			outline: medium none;
			font-size: 1.1em;
		}
			.checkout #content .selectRunes li.selected .name {
				border-radius: 1px;
				padding: 0.1em 0.7em;
				color: #9b8e56;
				box-shadow: 1px 5px 8px rgba(0, 0, 0, 0.3) inset;
				background-color: rgba(213, 214, 161, 0.3);
			}

/* =============================================================================
|  BONUS SELECTION
========================================================================== */
.selectBonus {
	text-align: center;
	width: 80%;
	margin: 0 auto;
}

.selectBonus .pool {
	margin-top: 2em;
	padding-bottom: 1em;
	border-bottom: 1px dashed rgba(0,0,0, 0.2);
}

.selectBonus .pool .counter {
	background-color: rgba(213, 214, 161, 0.1);
	padding: 1em;
	color: #9b8e56;
	font-size: 1.2em;
	font-style: italic;
	letter-spacing: 0.1em;
}

.selectBonus .pool h2 {
	font-size: 2em ! important;
}

.selectBonus ul {
	margin: 0 auto;
	margin-top: 2em;
	/*margin-left: 5em;*/
	text-align: center;
}

.selectBonus ul li {
	width: 500px;
	vertical-align: middle;
	position: relative;
	display: block;
	margin: 5px auto;
	background-repeat: no-repeat;
	background-position: 60px 0;
	text-align: left;
	margin-top: 20px;
}
	.selectBonus ul li span {
		display: inline-block;
	}
	.selectBonus ul li .quantity {
		min-width: 5em;
	}
		.selectBonus ul li .quantity form {
		}
		.selectBonus ul li .quantity select {
			background-color: rgba(213, 214, 161, 0.3);
			border: 0 none;
			border-radius: 1px;
			color: #9b8e56;
			font-family: Verdana;
			font-size: 1.1em;
			opacity: 0.7;
			padding: 0.3em 0.5em;
			text-align: center;
			width: 4em;
			z-index: 10;
		}
			.selectBonus ul li .quantity:hover select, .selectBonus ul li.selected .quantity select {
				background-color: rgba(213, 214, 161, 0.4);
				color: #c3b67d;
				opacity: 1;
			}
	.selectBonus ul li .name {
		font-size: 130%;
		color: #9b8e56;
		vertical-align: middle;
		margin-left: 2em;
	}
		.selectBonus ul li.selected .name {
			background-color: rgba(213, 214, 161, 0.3);
			border-radius: 1px;
			box-shadow: 1px 5px 8px rgba(0, 0, 0, 0.3) inset;
			color: #9b8e56;
			padding: 0.5em 1em;
		}
	.selectBonus ul li .stats {
		font-size: 80%;
		margin-left: 0.5em;
		font-style: italic;
	}
	.selectBonus ul li .image {
		vertical-align: middle;
		margin-left: 1em;
	}
		.selectBonus ul li .image img {
			display: inline-block;
			vertical-align: middle;
		}





/* =============================================================================
|  SKINS SELECTION
========================================================================== */
.selectSkins {
	text-align: center;
}
	.selectSkins .product {
		margin: 0 auto;
		margin-top: 3em;
		/*margin-left: 2em;*/
		text-align: center;
		width: 80%;
	}
	.selectSkins #totalQuantities {
		margin: 0;
		margin-top: 1em;
		font-size: 2em;
		font-weight: bold;
		font-family: Diablo;
		color: #9b8e56;
		background-color: rgba(213, 214, 161, 0.2);
		display: inline-block;
		padding: 0.5em 1em;
		text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
		/*box-shadow: 0px 0px 50px 5px rgba(213, 214, 161, 0.3);*/
		/*border-radius: 2em;*/
	}
		.selectSkins #totalQuantities strong {
			display: inline-block;
			font-size: 2em;
			font-weight: bold;
			font-family: Diablo;
			text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
			margin-right: 0.2em;
		}
	.selectSkins #note {
		margin-top: 2em;
		font-size: 1.4em;
		font-style: italic;
		line-height: 1.8em;
		font-weight: bold;
	}
	.selectSkins .product h2 {
		display: block;
		margin: 0 auto;
	}
		.selectSkins .product h2 span {
			display: inline-block;
			font-size: 1em;
		}
			.selectSkins .product h2 .qty {
				font-size: 0.5em;
				margin-right: 0.5em;
				font-style: italic;
			}
			.selectSkins .product h2 .name {
				font-size: 1em;
				font-weight: bold;
				font-family: Diablo;
			}
			.selectSkins .product h2 .stats {
				font-size: 0.5em;
				display: block;
			}

	.selectSkins .product .selectionCounts {
		/*margin-top: 1em;*/
		background-color: rgba(213, 214, 161, 0.1);
		padding: 1em;
		/*color: black;*/
	}
		.selectSkins .product .selectionCounts span {
			display: inline-block;
			font-size: 1.2em;
			/*font-style: italic;*/
			/*text-decoration: underline;*/
			margin: 0 1em;
			color: #9b8e56;
		}
			.selectSkins .product .selectionCounts span strong, .selectSkins .product .selectionCounts span.selected {
				font-size: 1.2em;
				font-weight: bold;
				/*color: rgba(0,0,0, 0.9);*/
			}
			.selectSkins .product .selectionCounts span.random {
				/*text-decoration: none;*/
				font-size: 1em;
			}

	.selectSkins .product .no {
		font-size: 1.4em;
		font-style: italic;
		margin-top: 0.5em;
	}

	.selectSkins .product ul {
		margin-top: 2em;
	}
	.selectSkins .product ul li {
		color: black;
		/*width: 100px;*/
		display: inline-block;
		text-align: center;
		padding-bottom: 0.5em;
		margin-left: 5px;
		margin-right: 5px;
	}
		.selectSkins .product ul li span {
			display: inline-block;
		}
		.selectSkins .product ul .qty {
			display: inline-block;
			font-size: 1.8em;
			z-index: 10;
		}
			.selectSkins li .qty select {
			    background-color: rgba(213, 214, 161, 0.3);
			    border: 0 none;
			    border-radius: 1px;
			    color: #9b8e56;
			    font-family: Verdana;
			    font-size: 1.1em;
			    opacity: 0.7;
			    padding: 0.1em 0;
				padding: 0.2em 0.5em;
			    text-align: center;
			    width: 4em;
				z-index: 10;
			}
			.selectSkins li .qty:hover select, .selectSkins li.selected .qty select {
			    background-color: rgba(213, 214, 161, 0.4);
			    color: #c3b67d;
			    opacity: 1;
			}

		.selectSkins .product ul .name {
			margin: 0;
			z-index: 10;
			color: #9b8e56;
			font-size: 1.1em;
		}
			.selectSkins .product ul .selected .name {
				background-color: rgba(213, 214, 161, 0.3);
				border-radius: 1px;
				box-shadow: 1px 5px 8px rgba(0, 0, 0, 0.3) inset;
				color: #9b8e56;
				padding: 0.1em 0.7em;
			}

		.selectSkins .product ul .img {
			width: 100px;
			height: 100px;
			/*background: url("../images/d2/bulkathosweddingband.jpg");*/
			display: block;
			z-index: 1;
		}
			.selectSkins .product .rin .img {
				margin-top: -20px;
				margin-bottom: -20px;
			}
				.selectSkins .product ul .coral .img {
					background: url("../images/d2/rin-coral.jpg") no-repeat 50% 55%;
				}
				.selectSkins .product ul .small-blue .img {
					background: url("../images/d2/rin-small-blue.jpg") no-repeat 50% 55%;
				}
				.selectSkins .product ul .big-blue .img {
					background: url("../images/d2/rin-big-blue.jpg") no-repeat 50% 55%;
				}
				.selectSkins .product ul .orange .img {
					background: url("../images/d2/rin-orange.jpg") no-repeat 50% 55%;
				}
				.selectSkins .product ul .crown .img {
					background: url("../images/d2/rin-crown.jpg") no-repeat 50% 55%;
				}

			.selectSkins .product .amu .img {
				margin-top: -15px;
				margin-bottom: -25px;
			}
				.selectSkins .product ul .sun .img {
					background: url("../images/d2/amu-sun.jpg") no-repeat 50% 55%;
				}
				.selectSkins .product ul .dot .img {
					background: url("../images/d2/amu-dot.jpg") no-repeat 50% 55%;
				}
				.selectSkins .product ul .penta .img {
					background: url("../images/d2/amu-penta.jpg") no-repeat 50% 55%;
				}

			.selectSkins .product .jew .img {
				margin-top: -20px;
				margin-bottom: -20px;
			}
				.selectSkins .product ul .pink .img {
					background: url("../images/d2/jew-pink.jpg") no-repeat 50% 55%;
				}
				.selectSkins .product ul .blue .img {
					background: url("../images/d2/jew-blue.jpg") no-repeat 50% 55%;
				}
				.selectSkins .product ul .peach .img {
					background: url("../images/d2/jew-peach.jpg") no-repeat 50% 55%;
				}
				.selectSkins .product ul .green .img {
					background: url("../images/d2/jew-green.jpg") no-repeat 50% 55%;
				}
				.selectSkins .product ul .red .img {
					background: url("../images/d2/jew-red.jpg") no-repeat 50% 55%;
				}
				.selectSkins .product ul .white .img {
					background: url("../images/d2/jew-white.jpg") no-repeat 50% 55%;
				}

			.selectSkins .product .cm1 .img {
				margin-top: -20px;
				margin-bottom: -20px;
			}
				.selectSkins .product ul .brown .img {
					background: url("../images/d2/cm1-brown.jpg") no-repeat 50% 55%;
				}
				.selectSkins .product ul .bearfoot .img {
					background: url("../images/d2/cm1-bearfoot.jpg") no-repeat 50% 55%;
				}
				.selectSkins .product ul .m .img {
					background: url("../images/d2/cm1-m.jpg") no-repeat 50% 55%;
				}

			.selectSkins .product .cm2 .img {
				margin-top: 0px;
				margin-bottom: -15px;
			}
				.selectSkins .product ul .paper .img {
					background: url("../images/d2/cm2-paper.jpg") no-repeat 50% 55%;
				}
				.selectSkins .product ul .horn .img {
					background: url("../images/d2/cm2-horn.jpg") no-repeat 50% 55%;
				}
				.selectSkins .product ul .tower .img {
					background: url("../images/d2/cm2-tower.jpg") no-repeat 50% 55%;
				}

			.selectSkins .product .cm3 .img {
				margin-top: 5px;
			}
				.selectSkins .product ul .eye .img {
					background: url("../images/d2/cm3-eye.jpg") no-repeat 50% 55%;
				}
				.selectSkins .product ul .spaghetti .img {
					background: url("../images/d2/cm3-spaghetti.jpg") no-repeat 50% 55%;
				}
				.selectSkins .product ul .dragon .img {
					background: url("../images/d2/cm3-dragon.jpg") no-repeat 50% 55%;
				}

/* =============================================================================
   Checkout Payment
   ========================================================================== */

div.checkout_payment {
}

.checkout_payment .iframe_wrapper {
	margin: 0 auto;
	text-align: center;
	width: 90%;
}

.checkout_payment .bitcoin_bitpay {
	margin: 0 auto;
	width: 550px;
	height: 200px;
}

.checkout_payment .paysafecard {
	margin: 0 auto;
	width: 450px;
	height: 550px;
}

.checkout_payment #fail_link {
	background-color:#b55353;
	text-align:left;
}

.checkout_payment #fail_link a {
	font-size:normal;
	text-decoration:none;
	font-weight:bold;
	color:white;
}

.checkout_payment #payment {
	width: 100%;
	text-align: center;
}
	.checkout_payment .bitcoin_bitpay {
	}

	.checkout_payment #payment #button {
		display: none;
	}
	.checkout_payment #payment.paid #button, .checkout_payment #payment.confirmed #button {
		display: inline-block;
	}

	.checkout_payment #payment #upper {
		width: 100%;
		text-align: center;
		/*min-height: 100px;*/
	}
	.checkout_payment #payment #upper h2 {
		font-size: 2.5em;
		margin-bottom: 1em;
	}
	.checkout_payment #payment #upper #paymentLogo {
		display: inline-block;
		background-image: url("../gfx/bitcoin.png");
		background-position: 0 7px;
		background-repeat: no-repeat;
		height: 50px;
		width: 120px;
		margin: 0 auto;
	}

/*
|----------------------------------------------------------------------------------------
|
| Checkout Thankyou Page
|
|----------------------------------------------------------------------------------------
*/

.checkout #content.thankyou {
	/*width: 90%;*/
	width: 100%;
	margin: 0 auto;
	color: #9b8e56;
	text-align: center;
	position: relative;
}

.checkout .thankyou .update {
	position: absolute;
	top: -2.7em;
	left: 0;
	right: 0;
	font-size: 1.2em;
	font-style: italic;
	opacity: 0.7;
	display: inline-block;
}

.checkout .thankyou h1 {
	font-size: 4em;
	margin-top: 1em;
	background-color: rgba(213, 214, 161, 0.15);
	display: block;
}

.checkout .thankyou h2 {
	padding: 0.3em 0.5em;
}

.checkout .thankyou h2 u {
	text-decoration: underline;
	font-size: 110%;
}

.checkout .thankyou p {
	font-size: 1.4em;
}

.checkout #muleStatus {
	width: 80%;
	margin: 0 auto;
	margin-top: 2em;
	text-align: center;
}
	.checkout #muleStatus h2.subline {
		margin-top: 0.5em;
		background-color: rgba(213, 214, 161, 0.15);
		font-size: 1.5em;
		padding: 0.5em 0;
		font-style: italic;
	}

.checkout .mule-status {
	font-size: 1.4em;
}
	.checkout .mule-status strong {
		font-size: 110%;
		font-weight: bold;
	}
	.checkout .mule-status .started .text {
		font-size: 1em;
	}

.checkout .thankyou #MH-Output {
	width: 85%;
}

.checkout #MH-Account-Selection h2 {
	font-size: 2em;
	padding: 0.5em 2em;
}

.checkout .thankyou #MH-Accounts {
	text-align: center;
	margin-top: 1.5em;
}
	.checkout .thankyou #MH-Accounts li {
		/*display: inline-block ! important;*/
		background-color: rgba(213, 214, 161, 0.15);
		padding-top: 2em;
		width: 55%;
	}
	.checkout .thankyou #MH-Accounts.blanco {
		/*display: inline-block;*/
		/*margin-top: -1em;*/
	}
		.checkout .thankyou #MH-Accounts.blanco li {
			margin-top: 2em;
			display: inline-block ! important;
			padding-bottom: 2em;
			/*width: 65%;*/
		}
		.checkout .thankyou #MH-Accounts.blanco .field strong {
			font-weight: bold;
			width: auto;
			font-size: 1.1em;
		}
	.checkout .thankyou #MH-Accounts .account .explain {
		font-size: 1.1em;
		/*font-weight: bold;*/
		margin-top: 1em;
		margin-bottom: 0em;
		font-style: italic;
	}

.checkout .thankyou #MH-CTA {
}
	.checkout .thankyou #MH-CTA .text {
		font-size: 1.6em;
	}

.checkout #content.thankyou .mule.off h2 {
	display: none;
}

.checkout #content.thankyou .mule.off {
	/*margin-top: -1em;*/
}

/*
|----------------------------------------------------------------------------------------
|
| Login / Register
|
|----------------------------------------------------------------------------------------
*/
.account .auth {
	display: inline-block;
	display: block;
	text-align: center;
}
	.account .auth .text {
	}

		.account .auth .text h2 {
			padding: 0.5em 1em;
		}
		.account .auth .text p {
			margin-top: 0.5em;
			margin-bottom: 2em;
			font-size: 1.3em;
		}

	.account .auth label {
		display: block;
		font-size: 1.3em;
		line-height: 2.2em;
		margin: 0.2em auto;
	}

	.account .auth label span {
		display: inline-block;
		width: 5em;
		font-size: 1em;
		margin-right: 1em;
	}

	.account .auth label input {
		display: inline-block;
		width: 20em;
		font-size: 0.9em;
		color: rgba(0,0,0, 0.8);
		padding: 0.8em 1em;
		margin-right: 5em;
	}

	.account .auth .button {
		background: #068e02;
		background:-moz-linear-gradient(top, #1cc617, #068e02);
		background:-webkit-linear-gradient(top, #1cc617, #068e02);
		background:-o-linear-gradient(top, #1cc617, #068e02);
		background:-ms-linear-gradient(top, #1cc617, #068e02);
		background:linear-gradient(top, #1cc617, #068e02);
		border-color: #068e02;
		text-shadow: none;
		color: #fff;
		font-family: Arial;
		font-size: 1.5em;
		line-height: 1em;
		padding: 0.5em 1em;
		text-shadow: 1px 1px 2px rgba(0,0,0, 0.3);
	}

	.account .auth .button:hover {
		box-shadow: 1px 1px 10px 3px rgba(0,0,0, 0.1) inset;
	}

.account #login {
	width: 60%;
	padding-top: 2em;
	margin: 0 auto;
}
	.account #login .button {
		margin-top: 0.5em;
		margin-left: 1em;
		font-size: 2em;
		height: 2.2em;
	}
	.account #login .password {
		opacity: 0.7;
		display: block;
		margin-left: 2em;
		margin-top: 1em;
		cursor: pointer;
		color: #245682;
		font-weight: bold;
	}
		.account #login .password:hover {
			opacity: 1;
			text-decoration: underline;
		}

.account #password {
	width: 60%;
	padding-top: 2em;
	margin: 0 auto;
	/*display: none;*/
}
	.account #password h2 {
		font-size: 1.5em;
	}
	.account #password p {
		margin-bottom: 1em;
	}
	.account #password .button {
		margin-top: 0.5em;
		margin-left: 1em;
		font-size: 2em;
		height: 2.2em;
	}
	.account #password input {
		margin-left: 5em;
	}

.account #signup {
}
	.account #signup .button {
		margin-top: 0.5em;
		margin-left: 1em;
		font-size: 2em;
		height: 2.2em;
	}

.user #password {
	width: 60%;
	padding-top: 2em;
	margin: 0 auto;
	/*display: none;*/
}
	.user #password h2 {
		font-size: 1.5em;
	}
	.user #password p {
		margin-bottom: 1em;
	}
	.user #password .button {
		margin-top: 0.5em;
		margin-left: 1em;
		font-size: 2em;
		height: 2.2em;
	}
	.user #password input {
		margin-left: 5em;
	}

.user #signup {
}
	.user #signup .button {
		margin-top: 0.5em;
		margin-left: 1em;
		font-size: 2em;
		height: 2.2em;
	}


/*
|----------------------------------------------------------------------------------------
|
| checkOrderStatus
|
|----------------------------------------------------------------------------------------
*/

.checkOrderStatus {
	width: 90%;
	padding: 1em 2em;
	text-align: center;
}
.checkOrderStatus h1, .checkOrderStatus h3 {
	margin: 0 auto;
	margin-top: 1em;
	text-align: center;
	display: inline-block;
	background-color: rgba(213, 214, 161, 0.15);
	border-radius: 1px;
	color: #9b8e56;
	cursor: default;
	display: block;
	font-family: Diablo;
	font-size: 2.5em;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 1em;
	opacity: 0.9;
	padding: 0.3em 1em;
	text-align: center;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}
	.checkOrderStatus h3 {
		font-size: 2em;
		display: inline-block;
		margin-bottom: 0.5em;
	}
.checkOrderStatus #check {
	margin: 2em auto;
	margin-bottom: 5em;
	text-align: center;
}
	.checkOrderStatus #check label {
		display: inline-block;
	}
		.checkOrderStatus #check label span.label {
			display: block;
			font-size: 1.4em;
			font-style: italic;
		}
		.checkOrderStatus #check label input {
			background-color: rgba(213, 214, 161, 0.3);
			border-radius: 1px;
			box-shadow: 1px 5px 8px rgba(0, 0, 0, 0.4) inset;
			color: rgba(190, 177, 121, 0.8);
			font-size: 1.6em;
			line-height: 2em;
			margin-top: 0.2em;
			min-width: 20em;
			opacity: 0.7;
			padding: 0.2em 1em;
			/*text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);*/
			width: 20em;
			text-align: center;
		}
			.checkOrderStatus #check label input:focus {
				opacity: 0.8;
			}
		.checkOrderStatus #check label input.orderNumber {
			min-width: 10em;
			width: 10em;
		}
	.checkOrderStatus #check .button {
		display: inline-block;
		background: #d3c7a1 none repeat scroll 0 0;
		border: 0 none;
		border-radius: 2px;
		color: #000;
		display: inline-block;
		font-size: 1em;
		line-height: 1em;
		margin-bottom: 0.5em;
		margin-left: 0.5em;
		overflow: hidden;
		padding: 0.5em 1.2em;
		position: relative;
		vertical-align: middle;
		z-index: 1000;
	}

	.checkOrderStatus #orderDetails {
		text-align: center;
	}
		.checkOrderStatus #orderDetails h1 {
			display: inline-block;
		}

	.checkOrderStatus #info {
		margin-left: 5em;
		margin-top: 1.5em;
		font-size: 1.3em;
		color: #9b8e56;
	}
		.checkOrderStatus #info p {
			font-size: 1.1em;
			text-align: left;
			/*display: inline-block;*/
			width: 20em;
			margin: 0 auto;
		}
		.checkOrderStatus #info strong {
			display: inline-block;
			font-size: 1.1em;
			font-weight: bold;
			min-width: 5em;
		}
		.checkOrderStatus #info .status {
		}
		.checkOrderStatus #info .date {
		}
		.checkOrderStatus #info .payment {
		}
		.checkOrderStatus #info .payment img {
			display: none;
		}

	.checkOrderStatus #details {
		margin: 3em 0;
		margin-left: 8em;
		width: 70%;
		padding: 2em;
		box-shadow: 0px 0px 3px 2px rgba(0,0,0, 0.1);
		border-radius: 5px;
	}

	.checkOrderStatus #products {
	}
		.checkOrderStatus #products li {
			line-height: 1.5em;
			margin-top: 1em;
			margin-left: 1em;
			padding: 0.5em 0;
			border-bottom: 1px solid rgba(0,0,0, 0.1);
		}
		.checkOrderStatus #products span {
			display: inline-block;
			color: #333;
			font-size: 1.2em;
		}
		.checkOrderStatus #products .quantity {
			width: 3em;
			vertical-align: top;
		}
		.checkOrderStatus #products .name {
		}
			.checkOrderStatus #products .name a {
				display: inline-block;
				padding: 0.2em 0.5em;
				border-radius: 3px;
				background-color: rgba(36, 86, 130, 0.7);
				color: white;
				font-size: 1.2em;
				margin-bottom: 0.5em;
			}
			.checkOrderStatus #products .name span {
				font-size: 0.8em;
				line-height: 1em;
				margin-left: 0.5em;
			}
		.checkOrderStatus #products .stats {
		}
		.checkOrderStatus #products .realm {
			display: block;
		}
		.checkOrderStatus #products .price {
			float: right;
		}

	.checkOrderStatus #totals {
		width: 30%;
		margin-top: 1em;
		float: right;
	}
		.checkOrderStatus #totals li {
			line-height: 1.5em;
			font-size: 1.2em;
		}
		.checkOrderStatus #totals li span {
			width: 30%;
			float: right;
			font-size: 1em;
			text-align: right;
		}
		.checkOrderStatus #totals li.total {
			font-size: 1.4em;
			font-weight: bold;
			line-height: 2em;
		}
		.checkOrderStatus #totals li.total span {
			font-size: 1em;
			font-weight: bold;
		}

	.checkOrderStatus #history {
		margin-top: 3em;
		padding-bottom: 3em;
		margin-left: 7em;
		color: #9b8e56;
		text-align: left;
	}
		.checkOrderStatus #history h3 {
			font-size: 1.6em;
		}
		.checkOrderStatus #history table {
			margin: 0 auto;
			width: 95%;
		}
		.checkOrderStatus #history td {
			font-size: 1.2em;
		}
		.checkOrderStatus #history .date {
			width: 20%;
		}
		.checkOrderStatus #history .status {
			width: 20%;
		}
		.checkOrderStatus #history .comment {
			width: 50%;
		}

	.checkOrderStatus #muleAccounts {
		margin-top: 1em;
		margin-bottom: 5em;
		/*margin-left: 3em;*/
		color: #9b8e56;
	}

		.checkOrderStatus #muleAccounts h3 {
			font-size: 1.6em;
		}

		.checkOrderStatus #muleAccounts .accountData {
			display: block;
			/*margin-top: 1em;*/
			/*margin-left: 2em;*/
			font-size: 1.2em;
			text-align: center;
		}
		.checkOrderStatus #muleAccounts .accountData h2 {
			font-size: 1.3em;
			margin-bottom: 0.5em;
			background-color: rgba(216, 16, 16, 0.8);
		}
		.checkOrderStatus #muleAccounts .accountData p {
			font-size: 1.2em;
			line-height: 2.2em;
			/*width: 30%;*/
			display: block;
		}
		.checkOrderStatus #muleAccounts .accountData label {
			font-size: 1.1em;
			font-weight: bold;
		}
		.checkOrderStatus #muleAccounts .accountData strong {
			display: inline-block;
			margin-left: 0.5em;
			font-size: 1.1em;
			padding: 0 1em;
			width: 6em;
			line-height: 1.3em;
			text-align: center;
			text-transform: uppercase;
			text-decoration: underline;
		}
		.checkOrderStatus #muleAccounts .accountData i {
			display: inline-block;
			/*display: none;*/
			font-size: 0.7em;
			cursor: pointer;
			/*opacity: 0.3;*/
			/*margin-left: 0.3em;*/
			width: 1em;
			height: 1em;
			padding: 1em;
			/*padding-left: 1em;*/
		}
			.checkOrderStatus #muleAccounts .accountData p:hover i, .checkOrderStatus #muleAccounts .accountData i:hover {
			}
		.checkOrderStatus #muleAccounts .accountData #name {
		}
		.checkOrderStatus #muleAccounts .accountData #password {
		}
			.checkOrderStatus #muleAccounts .accountData #pass strong {
				width: 3em;
			}
		.checkOrderStatus #muleAccounts .accountData .acc {
			position: relative;
			display: inline-block;
			text-align: left;
		}
		.checkOrderStatus #muleAccounts .accountData form {
			position: absolute;
			left: 35%;
			top: 1.5em;
		}
		.checkOrderStatus #muleAccounts .accountData .button {
			padding-left: 0.5em;
			padding-right: 1.5em;
			font-size: 1.2em;
		}

	.checkOrderStatus #muleAccounts table {
		width: 100%;
		margin-top: 2em;
	}
	.checkOrderStatus #muleAccounts table td {
		vertical-align: top;
		font-size: 1.3em;
	}
	.checkOrderStatus #muleAccounts table td li, .checkOrderStatus #muleAccounts table td span, .checkOrderStatus #muleAccounts table td label {
		font-size: 1em;
	}
	.checkOrderStatus #muleAccounts table td li {
		font-size: 1.4em;
	}

	.account #muleAccounts p.description {
		margin-top: 0.5em;
		font-size: 1.3em;
	}
		.account #muleAccounts p.description strong {
			font-size: 1.2em;
			font-weight: bold;
		}

	.account #muleAccounts .muleAccount {
		width: 40%;
	}
		.account #muleAccounts .muleAccount.open {
			opacity: 0.4;
		}
		.account #muleAccounts .muleAccount.open:hover {
			opacity: 1;
		}

	.checkOrderStatus #muleAccounts table td .accountData .acc p {
		width: 100%;
	}


/*
|----------------------------------------------------------------------------------------
|
| Contact
|
|----------------------------------------------------------------------------------------
*/
#contact {
	width: 60%;
	margin: 0em auto;
	margin-top: 1em;
}

#contact h1 {
	background-color: rgba(213, 214, 161, 0.15);
	border-radius: 1px;
	color: #9b8e56;
	cursor: default;
	display: block;
	font-family: Diablo;
	font-size: 2.5em;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 1em;
	margin-top: 1.2em;
	opacity: 0.9;
	padding: 0.3em 1em;
	text-align: center;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}

#contact label {
	display: block;
	font-size: 1.3em;
	line-height: 2.2em;
	margin: 0.2em auto;
}

#contact label span {
	display: inline-block;
	width: 5em;
	font-size: 1em;
	margin-right: 1em;
}

#contact label input {
	display: inline-block;
	padding: 0.8em 1em;
	width: 20em;
	font-size: 0.9em;
	color: rgba(0,0,0, 0.8);
	background-color: rgba(213, 214, 161, 0.3);
	border-radius: 1px;
	box-shadow: 1px 5px 8px rgba(0, 0, 0, 0.4) inset;
	color: rgba(190, 177, 121, 0.8);
	font-size: 1.1em;
	line-height: 1.6em;
	margin-top: 0.2em;
	min-width: 14em;
	opacity: 0.7;
	padding: 0.5em 1em;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	width: 14em;
}

#contact .text {
	padding: 2em 0;
	color: #9b8e56;
	text-align: center;
	font-size: 1.2em;
}
	#contact .text p {
		/*margin: 1em 0;*/
		font-size: 1.3em;
	}
	#contact .text a {
		font-size: 1.1em;
		font-style: italic;
		display: inline-block;
		text-decoration: underline;
		margin: 0 0.3em;
	}
	#contact .text a:hover {
		opacity: 0.7;
		/*opacity: 1;*/
	}

#contact textarea {
	width: 30em;
	height: 15em;
	font-size: 1em;
	background-color: rgba(213, 214, 161, 0.3);
	border-radius: 1px;
	box-shadow: 1px 5px 8px rgba(0, 0, 0, 0.4) inset;
	color: rgba(190, 177, 121, 0.8);
	line-height: 1.6em;
	margin-top: 0.2em;
	opacity: 0.7;
	padding: 0.5em 1em;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

#contact .button {
	font-size: 2em;
	background: rgba(0, 0, 0, 0) -moz-linear-gradient(center bottom , #8e8054, #d3c7a1) repeat scroll 0 0;
	border: 0 none;
	border-radius: 2px;
	box-shadow: 1px 5px 8px rgba(0, 0, 0, 0.4) inset, 1px 3px 3px 1px rgba(0, 0, 0, 0.8);
	color: #000;
	display: inline-block;
	font-size: 1.5em;
	height: auto;
	margin: 0.3em 0;
	padding: 0.3em 2em;
	position: relative;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	transition: all 0.3s ease-in-out 0s;
	vertical-align: middle;
}


/*
|----------------------------------------------------------------------------------------
|
| Content Pages
|
|----------------------------------------------------------------------------------------
*/

#privacy {
	width: 90%;
}
	#privacy h1 {
		margin-bottom: 1em;
	}
	#privacy p {
		font-size: 1.1em;
	}
	#privacy h3 {
		margin-top: 1em;
		font-size: 1.3em;
	}

#terms {
	width: 90%;
}
	#terms h1 {
		margin-bottom: 1em;
	}
	#terms p {
		font-size: 1.1em;
	}
	#terms strong {
		font-size: 1.2em;
		font-weight: bold;
	}
	#terms h3 {
		margin-top: 1em;
		font-size: 1.3em;
	}

#faq {
	/*width: 90%;*/
	margin: 0 auto;
	/*text-align: center;*/
}
	#faq h1 {
		margin-bottom: 1em;
		background-color: rgba(213, 214, 161, 0.15);
		border-radius: 1px;
		color: #9b8e56;
		cursor: default;
		display: block;
		font-family: Diablo;
		font-size: 3.5em;
		font-weight: bold;
		letter-spacing: 0.05em;
		line-height: 1em;
		margin-top: 1.2em;
		opacity: 0.9;
		padding: 0.3em 1em;
		text-align: center;
		text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
		margin-bottom: 0;
	}
		#faq h1 span {
			font-size: 0.6em;
		}

	#faq ul {
		/*width: 90%;*/
		margin: 0 auto;
		text-align: left;
		box-shadow: 1px 1px 10px 2px rgba(0,0,0, 0.1);
		border-radius: 10px;
		padding: 2em;
	}
		#faq ul li {
			margin-bottom: 3em;
		}
	#faq p {
		font-size: 1.2em;
		margin-left: 0.5em;
		color: #9b8e56;
	}
	#faq p strong {
		font-size: 1em;
		font-weight: bold;
		color: #9b8e56;
	}
	#faq h2 {
		display: inline-block;
		background-color:rgb(36,86,130);
		background-color:rgba(36,86,130, 0.9);
		padding: 0.3em 0.8em;
		border-radius: 3px;
		margin-bottom: 0.3em;
		color: #fff;
		font-weight: normal;
		text-transform: none;
		background-color: rgba(213, 214, 161, 0.15);
		border-radius: 1px;
		color: #9b8e56;
		cursor: default;
		display: block;
		/*font-family: Diablo;*/
		font-size: 2em;
		font-weight: bold;
		letter-spacing: 0.05em;
		line-height: 1em;
		margin-top: 1.2em;
		opacity: 0.9;
		padding: 0.3em 1em;
		text-align: center;
		text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
		text-transform: uppercase;
		letter-spacing: 0.1em;
	}
		#faq h2 strong {
			display: inline-block;
			margin: 0 0.2em;
			font-size: 1em;
			font-weight: bold;
			text-shadow: 1px 1px 1px rgba(0,0,0, 0.1);
			/*font-family: Diablo;*/
		}

/*
|----------------------------------------------------------------------------------------
|
|
|
|----------------------------------------------------------------------------------------
*/


#content {
	position: relative;
}
	#content #setPasswordBox {
		display: inline-block;
		display: none;
		position: absolute;
		width: 700px;
		height: 300px;
		top: 10%;
		left: 140px;
		background-color: #fff;
		box-shadow: 4px 4px 15px rgba(0,0,0, 0.3), 4px 4px 30px rgba(0,0,0, 0.4) inset;
		z-index: 10000;
		border-radius: 10px;
	}
	#content #setPasswordBox .wrap {
		position: relative;
		text-align: center;
	}
		#content #setPasswordBox .wrap #close {
			position: absolute;
			display: inline-block;
			display: none;
			top: 5px;
			right: 5px;
			font-size: 2em;
			cursor: pointer;
			opacity: 0.7;
		}
			#content #setPasswordBox .wrap #close:hover {
				opacity: 1;
			}
		#content #setPasswordBox h2 {
			margin-top: 1em;
			margin-bottom: 1em;
			padding: 0.5em 2em;
		}
		#content #setPasswordBox ul {
		}
			#content #setPasswordBox ul li {
				font-size: 1.5em;
			}
			#content #setPasswordBox ul i {
				display: inline-block;
				margin-right: 0.5em;
			}
			#content #setPasswordBox .button {
				margin-left: 0.5em;
			}
		#content #setPasswordBox .email {
			display: block;
			height: 2em;
			line-height: 2em;
			vertical-align: middle;
			margin-top: 2em;
			margin-right: -5em;
		}
		#content #setPasswordBox .email i {
			font-size: 4em;
			margin-right: 0.5em;
			vertical-align: middle;
			opacity: 0.7;
		}
		#content #setPasswordBox .email input {
			/*text-align: center;*/
		}

#bgOverall {
	display: block;
	display: none;
	height: 100%;
	width: 100%;
	top:0;
	left:0;
	background-color: rgba(0,0,0, 0.7);
	position: absolute;
	z-index: 6000;
}




/*
|----------------------------------------------------------------------------------------
|
| Category Today's Specials
|
|----------------------------------------------------------------------------------------
*/

.category #todaysSpecials {
	margin: 0 auto;
	margin-top: 8em;
	padding-top: 1em;
	margin-left: -2em;
	text-align: left;
	margin-bottom: -4em;
}
	.category #todaysSpecials .headline {
		display: block;
		text-align: center;
		margin: 0 0em;
		margin-top: -1em;
		font-size: 2em;
		background-color:rgba(216, 16, 16, 0.85);
		box-shadow: 0px -4px 20px rgba(0,0,0, 0.4) inset;
		vertical-align: middle;
		padding: 0.2em 4em;
		z-index: 10;
		color: #fff;
		border-radius: 3px;
	}
	.category #todaysSpecials .headline i {
		font-size: 1em;
		vertical-align: middle;
		display: inline-block;
		margin: 0 1em;
	}
	.category #todaysSpecials .wrap {
		margin: 0 auto;
		position: relative;
		width:98%;
	}
	.category #todaysSpecials .slider {
		position: relative;
		display: block;
		vertical-align: top;
		height: 300px;
		overflow: hidden;
		text-align: center;
		position: relative;
		overflow: hidden;
		width: 100%;
	}
		.category #todaysSpecials .slider ul {
			display: inline-block;
			height: 300px;
			width: 100%;
			position: absolute;
			left: 0;
			top: 0;
			background-color: #fff;
			z-index: 5;
		}
		.category #todaysSpecials .slider ul li {
			display: inline-block;
			text-align: center;
			margin: 1em 2.2em;
			width: 16%;
			vertical-align: top;
		}
			.category #todaysSpecials .slider ul li a {
				display: inline-block;
				margin: 0 auto;
				vertical-align: top;
			}
				.category #todaysSpecials .slider ul li a:hover .price {
					background-color:rgba(216, 16, 16, 0.7);
				}
			.category #todaysSpecials .slider ul li .image {
				display: block;
				width: 100px;
				height: 100px;
				text-align: center;
			}
			.category #todaysSpecials .slider ul li .name {
				display: block;
				font-size: 130%;
				font-weight: bold;
				line-height: 1.3em;
				margin-bottom: 0.5em;
			}
				.category #todaysSpecials .slider ul li a:hover .name {
				}
				.category #todaysSpecials .slider ul li a:hover .image {
					opacity: 0.8;
				}
			.category #todaysSpecials .slider ul li .stats {
				display: block;
			}
			.category #todaysSpecials .slider ul li .price, .category #todaysSpecials .slider ul li .special {
				font-size: 140%;
				font-family: Arial;
				padding: 0.3em 0.7em;
				border-radius: 3px;
				background-color: rgba(36, 86, 130, 0.9);
				color: white;
				font-weight: bold;
			}
			.category #todaysSpecials .slider ul li.hasSpecial .price {
				font-size: 100%;
				background-color: transparent;
				color: rgb(36, 86, 130);
				position: relative;
				padding: 0.3em 0.3em;
				color: #b70101;
				display: inline-block;
				margin-left: -3.5em;
			}
				.category #todaysSpecials .slider ul li.hasSpecial a:hover .price {
					background-color: transparent;
					text-decoration: line-through;
				}
				.category #todaysSpecials .slider ul li.hasSpecial .price:before {
					position: absolute;
					content: "";
					left: 0;
					top: 50%;
					right: 0;
					border-top: 1px solid;
					border-color: inherit;
					opacity: 0.9;
					-webkit-transform:rotate(-10deg);
					-moz-transform:rotate(-10deg);
					-ms-transform:rotate(-10deg);
					-o-transform:rotate(-10deg);
					transform:rotate(-10deg);
				}
			.category #todaysSpecials .slider ul li.hasSpecial .special {
				font-size: 110%;
				font-family: Arial;
				padding: 0.2em 0.5em;
				border-radius: 3px;
				background-color: rgba(36, 86, 130, 0.99);
				opacity: 0.9;
				color: white;
				font-weight: bold;
			}
			.category #todaysSpecials .slider ul li .price.red {
				background-color:rgba(216, 16, 16, 0.7);
			}

		.category #todaysSpecials #prev, .category #todaysSpecials #next {
			display: inline-block;
			font-size: 2em;
			cursor: pointer;
			position: absolute;
			top: 40%;
			z-index: 100;
			opacity: 0.3;
		}
			.category #todaysSpecials #prev {
				left: 0em;
			}
			.category #todaysSpecials #next {
				right: 0em;
			}

		.category #todaysSpecials #nav {
			height: 20px;
			width: 100px;
			position: absolute;
			bottom: 20px;
			left: 10px;
			z-index: 20;
			display: inline-block;
			display: none;
		}
			.category #todaysSpecials #nav a, .category #todaysSpecials #nav a.activeSlide {
				display: block;
				float: left;
				height: 15px;
				width: 15px;
				-moz-border-radius: 9px;
				text-indent: -9999px;
				margin: 0px 1px;
				outline: none;
			}
			.category #todaysSpecials #nav a.activeSlide {
				background-color: black;
			}


/*
|----------------------------------------------------------------------------------------
|
| D2 > Category
|
|----------------------------------------------------------------------------------------
*/
.d2 {
}

.d2 .banner {
	background: url("../gfx/banner-d2.jpg") no-repeat;
	width: 100%;
	height: 127px;
	position: relative;
	overflow: hidden;
}
	.d2 #content .upper {
		margin: 0;
	}
	.d2 #content .banner a.home {
		display: inline-block;
		width: 170px;
		height: 80px;
		text-indent: -500px;
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
	}
	.d2 #content .banner h1 {
		position: absolute;
		background: none;
		bottom: 7px;
		font-size: 2em;
		font-style: italic;
		left: 140px;
		left: 65px;
		padding: 0;
		margin: 0;
		color: rgba(255,255,255, 0.9);
		color: #d5944a;
		color: #c7a47d;
		text-shadow: 1px 1px 3px rgba(0,0,0, 0.5);
		letter-spacing: 0.1em;
		/*font-family: "Diablo";*/
	}
	.d2 #content .banner h1:first-letter {
		font-size: 1em;
	}
	.d2 #content #product .banner {
		margin-bottom: 1em;
	}
	.d2 #content #products {
		margin-top: 2em;
	}
	.d2 #content #subCategories {
		/*margin-top: 2em;*/
	}


.category.d2 #todaysSpecials {
	margin: 0 auto;
	margin-top: 1em;
	text-align: center;
}
	.category.d2 #todaysSpecials .headline {
		display: inline-block;
		margin: 0 auto;
		font-size: 2em;
		vertical-align: middle;
		padding: 0.2em 2em;
		z-index: 10;
	}
	.category.d2 #todaysSpecials .wrap {
		margin-top: 1em;
	}
			.category.d2 #todaysSpecials .slider ul li .image {
				width: 100px;
				min-height: 80px;
				height: auto;
			}
				.category.d2 #todaysSpecials .slider ul li .image img {
					display: inline-block;
					margin: auto;
				}
			.category.d2 #todaysSpecials .slider ul li .price, .category.d2 #todaysSpecials .slider ul li .special {
				font-size: 1.4em;
				padding: 0.3em 0.7em;
				line-height: 1em;
				vertical-align: middle;
				display: block;
				/*display: inline-block;*/
				text-align: center;
			}
			.category.d2 #todaysSpecials .slider ul li.hasSpecial .price {
				font-size: 1.4em;
				background-color: transparent;
				color: rgb(36, 86, 130);
				position: relative;
				padding: 0.3em 0.3em;
				color: #b70101;
				display: inline-block;
				margin: 0 auto;
				margin-right: 0.2em;
				text-decoration: line-through;
			}
				.category.d2 #todaysSpecials .slider ul li.hasSpecial:hover .price {
					background-color: transparent;
				}
			.category.d2 #todaysSpecials .slider ul li.hasSpecial .special {
				font-size: 110%;
			}


.category.d2 #topsellers {
	/*margin-top: 1em;*/
	padding-top: 2em;
	text-align: center;
	border-top: 2px dashed rgba(0,0,0, 0.2);
}
	.category.d2 #topsellers h2 {
		display: inline-block;
		padding: 0.3em 4em;
		text-align: center;
		margin: 0 auto;
	}
	.category.d2 #topsellers #products {
		text-align: left;
	}


.category.d2 #categoryBox {
	margin-top: 4em;
}
	.category.d2 #categoryBox .head {
		text-align: center;
		margin-bottom: 2em;
	}
		.category.d2 #categoryBox .head h2 {
			padding: 0.3em 4em;
		}
		.category.d2 #categoryBox .head h2 i {
			font-size: 0.8em;
			margin-right: 0.3em;
		}

/*
|----------------------------------------------------------------------------------------
|
| Realms
|
|----------------------------------------------------------------------------------------
*/

#realms {
	text-align: center;
}

#realms h4 {
	display: inline-block;
	background-color: rgba(216, 16, 16, 0.8);
	border-radius: 3px;
	padding: 0.2em 0.5em;
	margin-left: 0.5em;
	color: white;
}
	#realms h4.where {
	}

	#realms h4.change {
		display: none;
		background-color:rgba(36,86,130, 0.9);
		font-size: 1em;
		margin-right: 1em;
	}

#realms form {
	display: block;
}

#realms .dropdown {
	display: none;
}

#realms .radio {
	display: block;
	max-width: 40%;
	margin: 1em auto;
	margin-top: -1.5em;
	padding: 2em;
	border-radius: 10px;
	background-color:rgba(36,86,130, 0.15);
	background-color: rgba(216, 16, 16, 0.2);
	text-align: center;
}

	#realms .radio ul {
		display: inline;
	}

	#realms .radio li {
		display: inline-block;
		border-bottom: 1px dashed rgba(0,0,0, 0.2);
		font-family: "Tahoma";
		padding: 0.2em 0;
		min-width: 80%;
		text-align: left;
	}
		#realms .radio li:hover label {
			text-shadow: 1px 1px 2px rgba(0,0,0, 0.2);
			opacity: 1;
		}

	#realms .radio li label {
		font-size: 1.3em;
		line-height: 2em;
		cursor: pointer;
		font-weight: bold;
		color: #245682;
		opacity: 0.9;
	}
		#realms .radio li.active label {
			background-color: rgba(36, 86, 130, 0.9);
			border-radius: 3px;
			color: white;
			padding: 0.2em 0.5em;
			opacity: 1;
		}

#realms.set {
	display: inline-block;
	float: right;
}

#realms.set .radio {
	display: none;
}

#realms.set h4.where {
	display: none;
}

#realms.set .dropdown {
	/*display: inline-block;*/
	display: none;
}

#realms.set h4.change {
	/*display: inline-block;*/
	display: none;
}


/*
|----------------------------------------------------------------------------------------
|
| Pagination
|
|----------------------------------------------------------------------------------------
*/
.pager {
	text-align: right;
}

.pagination {
	display: inline-block;
	margin: 0.5em 0;
}
	.pagination li {
		display: inline-block;
		margin: 0 0.1em;
	}
	.pagination li a {
		padding: 0.2em 0.5em;
		/*border: 1px solid rgba(0,0,0, 0.05);*/
		background-color: rgba(36, 86, 130, 0.1);
		border-radius: 3px;
		font-size: 1.2em;
	}
		.pagination li a:hover {
			background-color: rgba(36, 86, 130, 0.9);
			color: #fff;
		}
	.pagination li.active a {
		background-color: rgba(36, 86, 130, 0.9);
		color: #fff;
	}
	.pagination .arrow {
	}
		.pagination .next {
		}
		.pagination .last {
		}

.upper .pager {
	padding-bottom: 2em;
}

.lower .pager {
	padding-top: 2em;
}


/*
|----------------------------------------------------------------------------------------
|
| Breadcrumb
|
|----------------------------------------------------------------------------------------
*/

/*
|----------------------------------------------------------------------------------------
|
| Message Stack
|
|----------------------------------------------------------------------------------------
*/

#messages {
	display: block;
	clear: both;
	width: 60%;
	margin: 0 auto;
	margin-bottom: 2em;
	margin-top: 1em;
	/*box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);*/
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: center;
	cursor: pointer;
	opacity: 0.8;
	overflow: hidden;
}
	#messages .closer {
		display: inline-block;
		position: absolute;
		top: 1em;
		right: 1em;
		cursor: pointer;
		font-size: 0.8em;
		color: #d3c7a1;
		opacity: 0.5;
	}
		#messages .closer:hover {
			opacity: 0.8;
		}

	#messages li {
		margin: 0 auto;
		padding: 0.8em 1em;
		line-height: 1em;
		color: #000;
		font-size: 1.3em;
		text-align: center;
		/*font-style: italic;*/
		vertical-align: middle;
		background-color: rgba(213, 214, 161, 0.15);
	}

	#messages .icons {
		display: none;
		float: left;
		width: 30px;
		height: 30px;
		margin-left: 7px;
		padding: 2px 0px;
	}
		#messages .error {
			color: red;
		}
		#messages .warning {
		}
		#messages .success {
			color: green;
		}





/*
|----------------------------------------------------------------------------------------
|
| Footer
|
|----------------------------------------------------------------------------------------
*/
#footer {
}

#footer #wrap {
	/*margin-top: 2em;*/
	/*border-top: 1px solid rgba(0,0,0, 0.1);*/
	/*background-color:rgba(36,86,130, 0.9);*/
	/*box-shadow: 0px 10px 20px 1px rgba(0,0,0, 0.2) inset;*/
}

#footer .container {
	position: relative;
	padding: 2em 0;
	text-align: center;
	/*margin-top: 1em;*/
	opacity: 0.7;
}
	#footer .container:hover {
		opacity: 1;
	}
	#footer a {
		display: inline-block;
		margin: 0 1em;
		font-size: 2em;
	}
		#footer a:hover strong {
			text-decoration: underline;
		}
	#footer a i {
		display: inline-block;
		margin: 0 0.4em;
		font-size: 1.2em;
	}
	#footer a strong {
		display: inline-block;
		font-size: 1em;
	}
	#FooterLinks {
		margin-bottom: 2em;
	}
		#FooterLinks ul {
		}
		#FooterLinks ul li {
			display: inline-block;
		}
		#FooterLinks a {
			display: inline-block;
			font-size: 1.1em;
			font-weight: normal;
			opacity: 0.7;
		}
		#FooterLinks a:hover {
			text-decoration: underline;
		}

#paypalVerifiedTrustLogo {
	position: fixed;
	bottom: 65px;
	right: 1.1em;
	background: url("../gfx/paypal-verified.png");
	width: 79px;
	height: 79px;
}

#sslTrustLogo {
	position: fixed;
	bottom: 0.3em;
	right: 0.7em;
	background: url("../gfx/RapidSSL_SEAL-90x50.gif");
	width: 90px;
	height: 50px;
}






/*
|----------------------------------------------------------------------------------------
|
| Mule Helper
|
|----------------------------------------------------------------------------------------
*/

#Mule-Helper {
	width: 90%;
	margin: 0 auto;
	text-align: center;
}

#MH-Account-Selection {
	text-align: center;
	margin: 0 auto;
}
	#MH-Account-Selection h2 {
		background-color: rgba(213, 214, 161, 0.15);
		border-radius: 1px;
		color: #9b8e56;
		cursor: default;
		display: block;
		font-family: Diablo;
		font-size: 2em;
		font-weight: bold;
		letter-spacing: 0.05em;
		line-height: 1em;
		margin: 1em auto 0;
		opacity: 0.9;
		padding: 0.5em 1em;
		text-align: center;
		text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
		width: 60%;
	}
	#MH-Account-Selection .subline {
		background-color: rgba(36, 86, 130, 0.1);
		/*color: #4e4e4f;*/
		/*color: rgba(0,0,0, 0.6);*/
		padding: 0.5em 0;
		font-size: 1.1em;
	}
	#MH-Account-Selection ul {
		display: block;
		margin: 0em auto;
		width: 60%;
	}
	#MH-Account-Selection li {
		font-size: 1.4em;
		width: 49%;
		display: inline-block;
		/*background-color: rgba(36, 86, 130, 0.1);*/
		/*color: #000;*/
		padding: 0.5em 0;
		padding-bottom: 1em;
	}
		#MH-Account-Selection span {
			font-size: 1em;
			display: inline-block;
		}
		#MH-Account-Selection input {
			font-size: 1em;
			display: inline-block;
			margin-right: 0.3em;
		}
		#MH-Account-Selection label {
			font-size: 1em;
			display: inline-block;
			background-color: rgba(213, 214, 161, 0.15);
			color: #9b8e56;
			border-radius: 0.2em;
			padding: 0.2em 1em;
			margin-left: 0.3em;
		}
			#MH-Account-Selection .account-name {
				font-size: 1em;
				display: inline-block;
				text-transform: uppercase;
				cursor: pointer;
				font-weight: bold;
			}
			#MH-Account-Selection .number {
				font-size: 0.8em;
				margin-right: 0.5em;
				opacity: 0.5;
				display: none;
			}
			#MH-Account-Selection .char-count {
				font-size: 0.8em;
				margin-left: 0.5em;
				opacity: 0.5;
				display: none;
			}

#MH-Accounts {
	margin: 2em auto;
}
	#MH-Accounts ul {
		margin: 0 auto;
		text-align: center;
		width: 80%;
	}
	#MH-Accounts li {
		display: none;
		background-color: rgba(213, 214, 161, 0.15);
		/*display: inline-block !important;*/
		padding: 2em 0;
		margin: 0 auto;
		width: 49%;
		text-align: center;
	}
		#MH-Accounts label {
			display: inline-block;
			margin: 0.2em;
			height: 2em;
			line-height: 2em;
			border-radius: 1em;
			/*overflow: hidden;*/
			color: #9b8e56;
			width: 100%;
			text-align: center;
		}
		#MH-Accounts label span {
			display: inline-block;
			height: 100%;
			padding: 0em 1em;
			color: white;
			font-size: 1.2em;
			vertical-align: middle;
			float: left;
			color: #9b8e56;
		}
		#MH-Accounts .label {
			padding-left: 2em;
			padding-right: 0;
			font-size: 1.2em;
			text-align: left;
			color: #9b8e56;
			font-weight: bold;
		}
		#MH-Accounts .field {
			padding: 0em 1em;
			font-weight: bold;
			font-size: 1.4em;
			text-align: center;
			text-transform: uppercase;
		}
			#MH-Accounts .field strong {
				font-weight: bold;
				display: inline-block;
				font-size: 1.2em;
				line-height: 1.3em;
				margin-left: 0.5em;
				padding: 0 1em;
				text-align: center;
				text-decoration: underline;
				text-transform: uppercase;
				/*width: 8em;*/

			}
		#MH-Accounts .copy-clipboard {
			cursor: pointer;
		}
			#MH-Accounts .copy-clipboard i {
				display: none;
				font-size: 0.7em;
				cursor: pointer;
			}

#MH-Output {
	width: 70%;
	text-align: center;
	margin: 0 auto;
	padding: 2em 0;
}
	#MH-Output .mule {
		position: relative;
		padding-bottom: 2em;
		/*overflow: hidden;*/
		/*border-radius: 2em;*/
	}
		.mule.on {
			background-color: rgba(213, 214, 161, 0.15);
			color: #9b8e56;
		}
		.mule h2 {
			display: none;
			font-size: 3em;
			padding: 0.3em 0;
			border-radius: 0;
			font-style: italic;
			background-color: rgba(213, 214, 161, 0.15);
			color: #9b8e56;
			cursor: default;
			font-family: Diablo;
			font-weight: bold;
			letter-spacing: 0.05em;
			line-height: 1em;
			margin: 0em auto;
			opacity: 0.9;
			text-align: center;
			text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
		}
			.mule h2 i {
				font-size: 0.8em;
				margin-right: 0.2em;
			}
			.mule.on h2 {
				display: block;
			}

		/* BUTTONS */
		.mule .button {
		}
			.mule .button.in-action {
				opacity: 0.5;
			}
			.mule .button i {
				display: none;
			}
				.mule .button.in-action i {
					display: inline-block;
				}

			.mule .mule-button-start {
				background: #d3c7a1 none repeat scroll 0 0;
				border: 0 none;
				border-radius: 2px;
				color: #000;
				display: inline-block;
				font-size: 1.4em;
				line-height: 1em;
				overflow: hidden;
				padding: 0.5em 1.2em;
				vertical-align: middle;
				z-index: 1000;
			}
				.mule .mule-button-start i {
					display: inline-block;
					font-size: 1.2em;
					margin: 0;
					margin-left: 0.2em;
					margin-right: -0.2em;
					margin-top: -0.1em;
					vertical-align: middle;
					display: inline-block;
					/*opacity: 0.8;*/
				}
				.mule .mule-button-start i.fa-long-arrow-right {
					display: inline-block;
					font-size: 1.6em;
				}
					.mule .mule-button-start.in-action i.fa-long-arrow-right {
						display: none;
					}
				.mule .mule-button-start i.fa-spinner {
					display: none;
				}
					.mule .mule-button-start.in-action i.fa-spinner {
						display: inline-block;
					}

			.mule .mule-button-stop {
				background: #d3c7a1 none repeat scroll 0 0;
				border: 0 none;
				border-radius: 2px;
				color: #000;
				display: inline-block;
				font-size: 0.9em;
				line-height: 1em;
				position: absolute;
				top: 1.4em;
				right: 1em;
				height: 2em;
				padding: 0.3em 0.5em;
			}
				.mule .mule-button-stop:hover {
					opacity: 1;
				}

		/* STATUS */
		.mule-status .starting {
			padding: 1em 0;
			padding-top: 2em;
			font-size: 1.4em;
		}

		.mule-status .stopping {
			padding: 1em 0;
			padding-top: 2em;
			font-size: 1.2em;
		}

		.mule-status .started {
			padding: 1.5em 0;
			padding-bottom: 0;
			color: #9b8e56;
			font-size: 1em;
			text-align: center;
		}
			.mule-status .started h4 {
				font-size: 1.4em;
				display: inline-block;
				font-weight: bold;
			}
			.mule-status .started .text {
				font-size: 1.2em;
				display: inline-block;
			}
				.mule-status .started .text strong {
					font-size: 1em;
					font-weight: bold;
					text-decoration: underline;
				}

		/* GAME */
		.mule .mule-game {
			margin: 0 auto;
			text-align: left;
			background-color: rgba(213, 214, 161, 0.15);
			border-radius: 1px;
			color: #9b8e56;
			cursor: default;
			display: block;
			font-family: Diablo;
			font-size: 2em;
			font-weight: bold;
			letter-spacing: 0.05em;
			line-height: 1em;
			/*margin: 1em auto 0;*/
			opacity: 0.9;
			padding: 0.3em 1em;
			text-align: center;
			text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
			width: 75%;
		}
			.mule-game label {
				display: inline-block;
				margin: 0.2em;
				/*height: 2.5em;*/
				line-height: 2.5em;
				/*border-radius: 1em;*/
				overflow: hidden;
			}
				.mule-game .game-is-open {
					/*margin-left: 1em;*/
				}
				.mule-game .name {
					/*margin-left: 1em;*/
					margin-left: -2em;
				}
				.mule-game .password {
					/*margin-left: 0em;*/
					/*margin-right: 0em;*/
				}
				.mule-game label span {
					display: inline-block;
					height: 100%;
					padding: 0em 1em;
					/*background-color: rgba(36, 86, 130, 1);*/
					/*color: white;*/
					font-size: 1.2em;
					vertical-align: middle;
					float: left;
				}
				.mule-game .label {
					padding-left: 2em;
					padding-right: 0;
					/*color: rgba(255,255,255, 0.8);*/
					font-size: 1.1em;
					text-align: left;
				}
				.mule-game .field {
					padding: 0em 0.5em;
					padding-right: 0em;
					font-weight: bold;
					font-size: 2em;
					text-align: center;
					text-transform: uppercase;
				}
					.mule-game .field strong {
						display: inline-block;
						font-size: 1em;
						font-weight: bold;
						line-height: 1em;
						cursor: text;
						font-family: Diablo;
						/*border-bottom: 1px solid #9b8e56;*/
						text-shadow: 1px 1px 3px rgba(0, 0, 0, 1);
						background-color: rgba(213, 214, 161, 0.15);
						padding: 0.2em 0.5em;
						/*padding-bottom: 0.5em;*/
					}
				.mule-game .copy-clipboard {
					/*color: rgba(255,255,255, 0.8);*/
					/*cursor: pointer;*/
				}
					.mule-game .copy-clipboard i {
						font-size: 0.7em;
						cursor: pointer;
						display: none;
					}

		/* TIME */
		.mule .mule-time {
			/*display: inline-block;*/
			/*font-size: 1em;*/
			/*position: absolute;*/
			/*right: 1em;*/
			/*top: 1em;*/
			/*float: right;*/
			/*color: #fff;*/
			/*font-size: 2em;*/
			/*font-weight: bold;*/
			/*float: right;*/
			/*position: absolute;*/
			/*top: 1em;*/
			/*right: 1em;*/
		}
			.mule-time .countdown {
				display: inline-block;
				font-size: 2.5em;
				margin-top: 0.3em;
				margin-bottom: -0em;
			}
			.mule-time u {
				display: inline-block;
				font-size: 50%;
				text-decoration: none;
				margin-right: 0.3em;
				text-decoration: underline;
			}
			.mule-time strong {
				display: inline-block;
				font-size: 1em;
				font-weight: bold;
				font-family: Diablo;
			}
				.mule-time strong b {
					display: inline-block;
					font-size: 0.5em;
					font-weight: normal;
					font-style: italic;
					opacity: 0.6;
				}
			.mule-time i {
				display: inline-block;
				margin-right: 0.2em;
				font-size: 1.2em;
				font-weight: normal;
			}

		.mule .mule-chars {
			text-align: center;
			margin: 0 auto;
			width: 85%;
		}
			.mule .mule-chars h3 {
				display: block;
				color: #9b8e56;
				font-size: 2em;
				font-weight: bold;
				font-family: Diablo;
				letter-spacing: 0.05em;
				text-align: center;
				padding: 0.2em 0;
			}
			.mule-char {
				line-height: 1.2em;
				/*border-top: 1px dashed rgba(0,0,0, 0.2);*/
				/*border-right: 1px dashed rgba(0,0,0, 0.2);*/
				/*border-left: 1px dashed rgba(0,0,0, 0.2);*/
				padding: 1em 1em;
			}
				.mule-char:hover {
					/*box-shadow: 1px 1px 5em 2em rgba(36, 86, 130, 0.05) inset;*/
				}
			.mule-char:first-child {
				/*border-top: 0px dashed rgba(0,0,0, 0.2);*/
			}
			.mule-char:last-child {
				/*border-bottom: 1px dashed rgba(0,0,0, 0.2);*/
			}
			.mule-char .details {
				font-size: 1em;
				display: inline-block;
				width: 49%;
				float: left;
				text-align: left;
				line-height: 1.8em;
			}
				.mule-char .details span {
					display: inline-block;
				}
				.mule-char .details .number {
					font-size: 1em;
					opacity: 0.7;
					font-size: normal;
					margin-left: 0.7em;
				}
				.mule-char .details .name {
					text-transform: uppercase;
					font-size: 1.4em;
					font-weight: bold;
					/*color: rgba(255, 255, 255, 1);*/
					/*padding: 0.5em 0.7em;*/
					border-radius: 0.3em;
					/*background-color: rgba(36, 86, 130, 1);*/
					margin-left: 0.4em;
				}
				.mule-char .details .status {
					display: inline-block;
					text-align: center;
					padding: 0.05em 0.4em;
					border-radius: 3px;
					color: #9b8e56;
					font-size: 1em;
					line-height: 1.2em;
					vertical-align: top;
					/*opacity: 0.8;*/
				}
					.mule-char .details .status.ingame {
						/*background-color: rgba(5, 150, 5, 0.9);*/
					}
					.mule-char .details .status.off {
						/*background-color: rgba(210, 0, 0, 0.9);*/
						opacity: 0.5;
					}
					.mule-char .details .status strong {
						display: inline-block;
						font-weight: normal;
						font-size: 0.8em;
						letter-spacing: 1px;
						/*text-transform: uppercase;*/
						cursor: default;
					}

			.mule .mule-char .controls {
				width: 50%;
				float: right;
				margin-top: 0.2em;
			}
			.mule .mule-char .button {
				background: #d3c7a1 none repeat scroll 0 0;
				border: 0 none;
				border-radius: 2px;
				color: #000;
				display: inline-block;
				font-size: 0.9em;
				height: 2em;
				line-height: 1em;
				padding: 0.2em 0.5em;
				/*text-transform: uppercase;*/
				font-weight: bold;
			}
			.mule .mule-char .button.disabled, .mule .mule-char .button.in-action {
				opacity: 0.4;
				/*cursor: not-allowed;*/
				cursor: default;
			}

			.mule-char .notifications {
				margin-top: 1em;
			}
				.mule-char .notifications i {
					font-size: 1.4em;
					margin: 0 0.2em;
				}
				.mule-char .notifications i.fa-info-circle {
					font-size: 1.1em;
					margin: 0 0.2em;
					opacity: 0.7;
				}