h1
{
color:#000;
padding-bottom:5px;
color:#333;
font-weight:bold;
font-size:170%;
}
#filters
{
float:left;
width:200px;
background:#f1f1f1;
clear:none;
color:#111111;
padding-bottom:50px;
border:1px solid #ccc;
-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
		-webkit-box-shadow: 3px 3px 5px rgba(0,0,0, .3);
		-moz-box-shadow: 3px 3px 5px rgba(0,0,0, .3);
		box-shadow: 3px 3px 5px rgba(0,0,0, .3);	
		/*-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;

		-webkit-box-shadow: 0px 11px 30px rgba(0,0,0, .3);
		-moz-box-shadow: 0px 11px 30px rgba(0,0,0, .3);
		box-shadow: 0px 11px 30px rgba(0,0,0, .3);*/
		
}
	#filters h2
	{
	color:#eee;
	background:#333333;
	margin:0;

	padding:5px 0px 5px 10px;
	/*-webkit-border-top-left-radius:8px;
	-moz-border-top-left-radius:8px;
	border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-top-right-radius:8px;
	border-top-right-radius:8px;*/
	}
	#filters h3
	{
	color:#cf9e00;
	margin:0;
	padding:10px 0 5px 10px;
	font-weight:strong;
	}
	#filters input
	{
	margin:0;
	}

	#filters #sliderPrice
	{
	margin-left:25px;
	width:150px;
	background:#f6931f;
	}	
	
	#filters #sliderSale
	{
	margin-left:25px;
	width:150px;
	background:#f6931f;
	}
	
	#filters .expand
	{
	margin-left:12px;
	width:175px;
	}
	#filters .view
	{
	margin-left:25px;
	width:150px;
	}		
	
	#filters select
	{
	background:transparent;
	margin:5px 10px;
	padding:5px;
	border:1px solid #000;
	width:150px;
	background:#eee;
	color:#000;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	}
	
#social
{
margin-top:6px;
float:right;
width:215px;
}	

#traitSearch
{
padding-left:3px;
}
#results
{
border-left:1px solid #ccc;
border-right:1px solid #ccc;
padding-bottom:100px;
min-height:300px;
}
#games-list-filter
{
float:right;
width:816px;
clear:none;

border-bottom:1px solid #ccc;
background:#f1f1f1;
	-webkit-border-top-left-radius:8px;
	-moz-border-radius-topleft:8px;
	border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	-moz-border-radius-topleft:8px;
	border-top-right-radius:8px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomleft:4px;
	border-bottom-right-radius:4px;
		-webkit-box-shadow: 3px 3px 5px rgba(0,0,0, .3);
		-moz-box-shadow: 3px 3px 5px rgba(0,0,0, .3);
		box-shadow: 3px 3px 5px rgba(0,0,0, .3);	
}


	#games-list-filter .sort
	{
	text-align:right;
	position:relative;
	color:#333333;
background: -webkit-linear-gradient(top,rgba(75,75,75,1),rgba(51,51,51,1)); /*Safari 5.1-6*/
background: -o-linear-gradient(top,rgba(75,75,75,1),rgba(51,51,51,1)); /*Opera 11.1-12*/
background: -moz-linear-gradient(top,rgba(75,75,75,1),rgba(51,51,51,1)); /*Fx 3.6-15*/
background: -ms-linear-gradient(top,rgba(75,75,75,1),rgba(51,51,51,1)); /*IE 10*/
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b4b4b', endColorstr='#333333',GradientType=0 ); 
background: linear-gradient(top,rgba(75,75,75,1), rgba(51,51,51,1)); /*Standard*/
background-repeat: no-repeat;
zoom:1;
	margin:0;
	padding:5px 20px 5px 0px;
	width:797px;
	height:22px;
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topleft:4px;
	border-top-right-radius:4px;
	}
		#games-list-filter .sort ul
		{
		margin:0;
		padding:0;
		display:inline;
		float:right;
		
		}
		#games-list-filter .sort li {
		float: left;
		position: relative;
		list-style: none;
		display: inline;
		padding-top:4px;
		}
	
		#games-list-filter .sort li a {
			padding:5px 15px 5px 15px;
			background:url("/images/filters/sort-background-inactive.png") repeat-x;	
			border-right:1px solid #aaaaaa;		
			font-weight:bold;
			text-decoration:none;
			color:#000000;
			
		}
		
		#games-list-filter .sort a:hover {
			padding:5px 15px 5px 15px;
			background:url("/images/filters/sort-background-active.png") repeat-x;
			text-decoration:none;
			color:#000000;
			
		}	

	  
		.js #games-list-filter .sort li.selected,  
		.js #games-list-filter .sort li.selected a {  
			background:url("/images/filters/sort-background-active.png") repeat-x;
			text-decoration:none;
			color:#000000;

		}  
		  
		.js #games-list-filter .sort li.selected a {  
		position: relative;  
		}  	

		#games-list-filter .sort li.selected,  
		#games-list-filter .sort li.selected a {  
			background:url("/images/filters/sort-background-active.png") repeat-x;
			font-weight:bold;
			text-decoration:none;
			color:#000000;


		}  
		
		#games-list-filter .arrow li.selected a:after
		{
		margin-left:3px;
		content:url("/images/filters/descending-arrow.png");
		}
		  
		  
		#games-list-filter .sort li.selected a {  
		position: relative;  
		}  
		
		
		.js #games-list-filter .sort li.ascending,  
		.js #games-list-filter .sort li.ascending a {  
			background:url("/images/filters/sort-background-active.png") repeat-x;
			text-decoration:none;
			color:#000000;
		}  
		  
		.js #games-list-filter .sort li.ascending a {  
		position: relative;  
		}  	

		#games-list-filter .sort li.ascending,  
		#games-list-filter .sort li.ascending a {  
			background:url("/images/filters/sort-background-active.png") repeat-x;
			font-weight:bold;
			text-decoration:none;
			color:#000000;

		
		}  
		
		#games-list-filter .arrow  li.ascending a:after
		{
		margin-left:3px;
		content:url("/images/filters/ascending-arrow.png");
		}
		  
		  
		#games-list-filter .sort li.ascending a {  
		position: relative;  
		}  		

			#games-list-filter .sort h2
			{
			display:inline;
			color:#eee;			
			padding-right:25px;
			}
			
			
		
	
	#games-list-filter .sort-selected
	{
	height:25px;
	width:50px;
	background:url("/images/filters/sort-selected.png");
	position:relative;
	float:right;
	margin:0px 5px 0px 5px;
	}
	
	#games-list-filter .sort-unselected
	{
	height:25px;
	width:50px;
	background:url("/images/filters/sort-unselected.png");
	position:relative;
	float:right;
	text-align:middle;
	margin:0px 5px 0px 5px;	
	}




	
	#games-list-filter .genre-choice
	{
	position:relative;
	}

		.genre-choice h2
		{
		height:18px;
		clear:both; 
		color:#fff;
		font-size:110%;
		padding-top:2px;
		padding-left:10px;
		background:#2f2f30;

				-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
			-moz-box-shadow: 0 1px 3px  rgba(0,0,0, .3);
			box-shadow: 0 1px 3px  rgba(0,0,0, .3);	
		}
		.genre-choice .left-scroll
		{
		position:relative;
		float:left;
		margin-left:-75px;
		left:75px;
		display:none;
		}
		
			.genre-choice:hover .left-scroll
			{
			display:block;
			}
		
		.genre-choice  .right-scroll
		{
		position:relative;
		margin-top:0px;
		float:right;
		display:none;
		margin-left:-40px;
		}
			.genre-choice:hover .right-scroll
			{
			display:block;
			}

		
		.genre-choice .scroller
		{
		width:780px;
		height:240px;
		display:inline-block;
		margin-left:5px;
		padding-bottom:40px;
		}
		


					
		
	#games-list-filter #pageDescription				
	{
	color:#111111;
	padding-top:20px;
	padding-left:25px;
	}
		
				


/* code for making nice looking check boxes */	
.defChkbx
{
padding:6px 0 0 17px;
position:static;
}

.defChkbx:not(.default) > input
{
    padding: 0;
    margin: 0;
    height: 14px;
    width: 14px;
    float: left;
    position: absolute;
    left: 0;
    opacity: 0;
}
.defChkbx:not(.default) > label
{
	height:14px;
    color: #000;
    padding: 0 0 0 18px;
	position:static;
}
.defChkbx:not(.default) > input:hover + label, .defChkbx:not(.default) > input:focus + label,
.defChkbx:not(.default) > input + label:hover, .defChkbx:not(.default) > input:focus + label            { text-shadow: 1px 1px 3px #000; }

.expandCategory:hover { text-shadow: 1px 1px 3px #000; }

.defChkbx:not(.default) > input + label
{
    background: url(/images/filters/custom-inputs.png) 0px -1px no-repeat;
    padding-bottom:1px;
	padding-top:1px;
}


/* Checked styles */

.defChkbx:not(.default) > input[type=checkbox]:checked + label                         { background-position: 0 -76px; }
.defChkbx:not(.default) > input[type=checkbox]:hover:checked + label,
.defChkbx:not(.default) > input[type=checkbox]:focus:checked + label,
.defChkbx:not(.default) > input[type=checkbox]:checked + label:hover,
.defChkbx:not(.default) > input[type=checkbox]:focus:checked + label                     { background-position: 0 -95px; }

/* Hover & Focus styles */
.defChkbx:not(.default) > input[type=checkbox]:hover + label,
.defChkbx:not(.default) > input[type=checkbox]:focus + label,
.defChkbx:not(.default) > input[type=checkbox] + label:hover                             { background-position: 0 -20px; }


/* Active styles */
.defChkbx:not(.default) > input[type=checkbox]:active + label,
.defChkbx:not(.default) > input[type=checkbox] + label:hover:active                    { background-position: 0 -38px; }
.defChkbx:not(.default) > input[type=checkbox]:active:checked + label,
.defChkbx:not(.default) > input[type=checkbox]:checked + label:hover:active            { background-position: 0 -114px; }

.trait-parent-spacing
{
padding-bottom:2px;
}

.expandTraits
{
margin-left:-12px;
}