#menu
{
	font-family:Helvetica, sans-serif;
	width: 160px;
	margin-top: 5px;
}

#menu a
{
	font-weight: normal;
	text-align: left;
	font-variant: normal;
	font-size:11px;
	margin-left: 0.5em;	
}

#menu ul
{
	list-style:none;

}

#menu h3
{
	clear: left;
	color:#f2f2f2;
	font-family:helvetica,verdana,arial;
	font-size:10px;
	font-weight:bold;
	line-height:23px;
	margin:0;
	padding-left:1em;
	text-transform:uppercase;
	vertical-align:middle;
	text-shadow: #7d7d7d 0px 1px 1px;
  
	
	background-color:#919395;
	background:url("../../library/core/images/title_gradient.png");
	background-position:top;
	background-repeat:repeat-x;
	
	margin-bottom:0px;
	margin-top: 5px;
}

#menu h3:first-child {
	margin-top: 0px;
}

#menu h3:before {
	content:url(../../library/images/silver-arrow-down.png);
	margin-right:0.5em;
}


#menu #basket_head
{
	background-image:url("../../library/core/images/title_gradient.png");
	background-repeat:repeat-x;
	background-position:top;
	background-color:#919395;
/*	-webkit-border-top-left-radius: 7px; */
}

#menu .menu_basket
{
	width:100%;
	background-color:#D1D1D1;
	color:#606060;
	font-family:Helvetica, sans-serif;
	font-size:11px;
	padding-top: 1em;
	padding-bottom: 1em;
	float: left;
	margin-bottom: 5px;
}
#menu .menu_basket p
{
	color:#606060;
	font-family:Helvetica, sans-serif;
	font-size:11px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0.5em;
	margin-right: 0.5em;
}

#menu .menu_basket a p {
	color:#f2f2f2;
	font-weight:bold;
}

#menu .menu_basket a
{
	float: right;
	display: block;
	
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	
	padding: 3px 4px;

	background-color:#F47F1F;
	background-image:url("../../library/store/images/checkout/orange-button.png");
	background-position:center top;
	background-repeat:repeat-x;
	border:1px solid #F47F1F;
	color:#f2f2f2;
	text-shadow: #e46f0f 0px 1px 1px;
	font-family:helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration: none !important;
}

#menu .menu_basket a:active {
	background-color:#fab620;
	background-image:url("../../library/store/images/checkout/orange-button-down.png");
}
#menu .menu_basket a p {
	margin: 0px;
}

#menu .menu_basket a p:before {
	content: url("../../library/images/basket-icon.png");
	vertical-align: middle;
	margin-right: 0.5em;
}
#menu .empty_basket
{
	background-color:#D1D1D1;
	margin:0px;
	padding:5px 4px;
}

#menu .empty_basket p
{
	padding:3px;
	font-size:11px;
	margin:0px;
	color:#606060;
	text-align: center !important;
	font-family:helvetica, sans-serif;
}

#menu .empty_basket p a
{
	color:#606060;
	font-size:11px;
	text-decoration:none;
	text-align: center;
	font-family:helvetica, sans-serif;
}

#menu .empty_basket p a:hover
{
	text-decoration:underline;
}


button:hover {
  cursor:pointer;
}

li.register {
	padding: 0px !important;
	width: 100%;
}

.register div {
	height: 100%;
	width: 100%;
	float: left;	
	background-color: #8B8B8B;
	margin-bottom: 5px;
}

.register p {
	margin: 5px 0px 5px 0.5em;
	font-family: helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #EEE;
}
/*.register_button {
background-color:#828587;
background-image:url(../../library/store/images/checkout/grey-button.png);
background-position:center top;
background-repeat:repeat-x;
border:1px solid #828587;
color:#F0F0F0;
float: right;
font-family:helvetica,sans-serif;
font-size:11px;
padding: 2px 5px 2px 5px;
font-weight:bold;
margin: 3px 8px 5px 0px;
}
.register_button:active {
  background-color:#C0C1C2;
  background-image:url(../../library/store/images/checkout/grey-button-down.png);
}*/

.register_button {
  font-family: Helvetica, "Lucida Grande", Lucida, Arial, sans_serif;
  float: right;
  width: auto;
  overflow: visible;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  border-style: solid;
  font-weight: bold;
/*  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;*/
  font-size: 11px;
  line-height: 14.4px;
  padding: 2px 10px;
  border-width: 1px;
  background-color: #9d9d9d;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #f1f1f1), color-stop(10%, #c3c3c3), color-stop(50%, #969696), color-stop(50%, #8e8e8e), color-stop(100%, #a8a8a8));
  background-image: -moz-linear-gradient(top, #f1f1f1 0%, #c3c3c3 10%, #969696 50%, #8e8e8e 50%, #a8a8a8 100%);
  border-color: #777777;
  text-shadow: #5d5d5d 0px 1px 1px;
  color: white;
  margin: 4px 10px 5px 0px;
}
.register_button::-moz-focus-inner {
  border: none;
  padding: 0;
}
.register_button:focus {
  outline: none;
}
.register_button.disabled, .register_button[disabled] {
  opacity: 0.7;
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  filter: alpha(opacity=70);
}
.register_button.disabled:hover, .register_button.disabled:focus, .register_button[disabled]:hover, .register_button[disabled]:focus {
  cursor: default;
}
.register_button:active {
  padding: 1px 9px;
  border-width: 2px;
}
.register_button.disabled:active, .register_button[disabled] {
  padding: 2px 10px;
  border-width: 1px;
}
.register_button.disabled:active, .register_button.disabled:hover, .register_button[disabled]:active, .register_button[disabled]:hover {
  background-color: #9d9d9d;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #f1f1f1), color-stop(10%, #c3c3c3), color-stop(50%, #969696), color-stop(50%, #8e8e8e), color-stop(100%, #a8a8a8));
  background-image: -moz-linear-gradient(top, #f1f1f1 0%, #c3c3c3 10%, #969696 50%, #8e8e8e 50%, #a8a8a8 100%);
  border-color: #777777;
  text-shadow: #5d5d5d 0px 1px 1px;
  color: white;
}
.register_button:hover, .register_button:focus {
  background-color: #959595;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #e9e9e9), color-stop(10%, #bbbbbb), color-stop(50%, #8e8e8e), color-stop(50%, #868686), color-stop(100%, #a0a0a0));
  background-image: -moz-linear-gradient(top, #e9e9e9 0%, #bbbbbb 10%, #8e8e8e 50%, #868686 50%, #a0a0a0 100%);
  border-color: #6f6f6f;
  text-shadow: #555555 0px 1px 1px;
  color: white;
}
.register_button:active {
  background-color: #8e8e8e;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #8e8e8e), color-stop(30%, #939393), color-stop(50%, #898989), color-stop(50%, #828282), color-stop(100%, #a3a3a3));
  background-image: -moz-linear-gradient(top, #8e8e8e 0%, #939393 30%, #898989 50%, #828282 50%, #a3a3a3 100%);
  border-color: #686868;
  text-shadow: #4e4e4e 0px -1px -1px;
  color: white;
}

#menu ul
{
	margin:0px;
	padding:0px;
}


#menu .genre_list .game_list .menu_actions li,  #menu .single_list .menu_actions
{
	border-style:none;
	border-width:0px;
	padding-left:15px;
}

#menu .game_list {
  max-height: 600px;
  overflow: hidden;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
}

#menu .game_list.hidden {
  max-height: 0px;
}

#menu .genre_list a
{
	color:#EEE;
	text-decoration:none;
	width:100%;
	display:block;
}


#menu .game_list a, #menu .single_list a
{
	color:#606060;
	text-decoration:none;
	width:100%;
	display:block;
	margin: 2px;
}

#menu .genre_list
{
	margin-left:0px;
	padding-left:0px;
	margin-top:0px;
	margin-bottom:4px;
}

#menu .genre_list li
{
	background-color:#8B8B8B;
	list-style:none;
	padding:5px;
	border-style:solid;
	border-color:#B0B0B0;
	border-width:1px 0px 0px 0px;
}

#menu .genre_list li:first-child {
	border: 0px;
}

#menu .game_list li , #menu .single_list li
{
	background-color: #D1D1D1;
	border-width:1px;
	font-size:12px;
	border-color:#C0C0C0;
	padding:3px;
	border-style:solid none none none;
}

#menu .game_list li:first-child, #menu .single_list li:first-child
{
	border-top: none;
}

#menu .genre_list li:hover 
{
	background-color: #A5A5A5;
}

#menu .genre_list .game_list li:hover, #menu .single_list  li:hover
{
	background-color:#E0E0E0;
}	

#menu .genre_list .contains_menu, #menu .game_list .contains_menu, #menu .single_list .contains_menu
{
	border-style:none;
	border-width:0px;
	margin:0px;
	padding:0px;
}

#menu .single_list
{

}

#menu .single_list li li
{
	border-style:none none none none;
}

#menu li {
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}

/* BLACK MENU */

#menu.feral_blackmenu #basket_head,
#menu.feral_blackmenu h3
{
	background-image: url("../../library/core/images/title_gradient_black.png");
	background-color: #919395;
}

#menu.feral_blackmenu h3
{
	color: #181817; 
	text-shadow: #7d7d7d 0px 1px 1px;	
} 

#menu.feral_blackmenu h3:before {
	content: url("../../library/images/black-arrow-down.png");
}


#menu.feral_blackmenu .menu_basket, 
#menu.feral_blackmenu .empty_basket, 
#menu.feral_blackmenu .register div {
	background-color: #252525; 
}

#menu.feral_blackmenu .menu_basket,
#menu.feral_blackmenu .empty_basket p,
#menu.feral_blackmenu .empty_basket p a,
#menu.feral_blackmenu .register p,
#menu.feral_blackmenu .game_list a,
#menu.feral_blackmenu .genre_list .game_list a,
#menu.feral_blackmenu .single_list a {
	color: #a7a6a4; 
}

#menu.feral_blackmenu .genre_list a {
	color: #000; 
}

#menu.feral_blackmenu .register_button {
  background-color: #252525;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #797979), color-stop(10%, #4b4b4b), color-stop(50%, #1e1e1e), color-stop(50%, #161616), color-stop(100%, #303030));
  background-image: -moz-linear-gradient(top, #797979 0%, #4b4b4b 10%, #1e1e1e 50%, #161616 50%, #303030 100%);
  border-color: black;
  text-shadow: black 0px 1px 1px;
  color: #eee;
}

#menu.feral_blackmenu .register_button:hover,
#menu.feral_blackmenu .register_button:focus {
  background-color: #1d1d1d;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #717171), color-stop(10%, #434343), color-stop(50%, #161616), color-stop(50%, #0e0e0e), color-stop(100%, #282828));
  background-image: -moz-linear-gradient(top, #717171 0%, #434343 10%, #161616 50%, #0e0e0e 50%, #282828 100%);
  border-color: black;
  text-shadow: black 0px 1px 1px;
  color: #eee;
}
#menu.feral_blackmenu .register_button:active {
  background-color: #161616;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #161616), color-stop(30%, #1b1b1b), color-stop(50%, #111111), color-stop(50%, #0a0a0a), color-stop(100%, #2b2b2b));
  background-image: -moz-linear-gradient(top, #161616 0%, #1b1b1b 30%, #111111 50%, #0a0a0a 50%, #2b2b2b 100%);
  border-color: black;
  text-shadow: black 0px -1px -1px;
  color: #eee;
}

#menu.feral_blackmenu .genre_list li {
	background-color: #626262; 
	border-color: #343434; 
}

#menu.feral_blackmenu .game_list li,
#menu.feral_blackmenu .single_list li {
	background-color: #252525; 
	border-color: #3d3d3c; 
}

#menu.feral_blackmenu .genre_list li:hover {
	background-color: #858585; 
}

#menu.feral_blackmenu .genre_list .game_list li:hover,
#menu.feral_blackmenu .single_list  li:hover {
	background-color: #555555; 
}