/*Used in the success box, and failure and such - basically where there isn't an inner fieldset*/
#store_area
{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	width:100%;
	font-family:helvetica, sans-serif;

	position: relative; /* We'll use this for absolute layouts. Maybe. */
	
	background-color:#FFF;
	background-image:url("/library/store/images/gradient1px.png");
	background-position:top;
	background-repeat:repeat-x;
	min-height: 500px; /* Manages short A-Z listings better */
}

#store_area .boxshot
{
	float: left;
	margin-top: -3px;
	margin-right: 7px;
	margin-bottom: 0px;
}

#store_area .boxshot img
{
	width:100px;
}


#store_area .description
{

	margin-left:16px;
	margin-bottom:5px;
	/*clear: left;*/
	width:400px;
	font-size:12px;
}

#store_area .description ul{padding-left:18px;}

#store_area .description li{
	margin-top:3px;
	font-size:13px;
}

#store_area .description_text {
	margin-top: 0px;
	float: right;
	width: 270px;
}

#store_area .float-nest {
	margin-top: 10px;
	float: left;
}
#store_area .buttons p, #store_area .buttons h3, #store_area h4
{
	color: #939598;
	margin:2px;
}

#store_area .buttons:first-child {
	background-image: url('images/price_box.png');
	background-position: top;
	background-repeat: no-repeat;
	height:103px;
	width: 133px;
	padding-top: 10px;
	padding-bottom: 0px;
	margin-left: 0px;
	margin-bottom: 5px;
}
#store_area .buttons:first-child h3 {
	margin-top: 0px;
}

#store_area .buttons:first-child h4 {
	margin-left: 5px;
	margin-right: 5px;
}
#store_area .buttons a {
	color: #939598;
	text-decoration: none;
}

#store_area .description h3, #store_area .description p
{
	margin:2px;
}

#store_area .description p
{
	font-family: helvetica, sans-serif;
	font-size:11px;
	color: #939598;
	margin-top:8px;
}

#store_area .description_text p:first-child {
	margin-top: 0px;
}
#store_area .description h3
{
	font-weight:bold;
	margin-bottom:0px;
	font-size:13px;
}

#store_area p
{
	margin-top:0px;
	font-size: 12px;
}

.head
{
	position: relative;
	margin-top:5px;
	margin-bottom:0px;
	background-color:#919395;
	height: 23px;
/*	display:block; */
	background-image:url('../../library/core/images/title_gradient.png');
	background-repeat:repeat-x;
	background-position:top;
}

.head h1 {
/*	background-color: red;
	opacity: 0.3; */
	float: left;
}
.head a {
	float: right;
	color:#E7E7E7;
	font-family:helvetica,verdana,arial;
	font-size:11px;
	font-weight:bold;
	margin-top:0px;
	margin-right: 1em;
/*	text-transform:uppercase;*/
	z-index: 3;
	text-decoration: none;
/*	background-color: green;
	opacity: 0.3; */
}

.head a p {
	margin-top: 0px;
	margin-right: 23px;
	vertical-align: middle;
	line-height: 23px;
}

.head .flag {
	float: right;
	margin-top: 6px;
}

.gamehead h1
{
	font-size:15px;
	font-family:helvetica, sans-serif;
	color:#939598;
	margin-left:117px;
}

.gamehead h1:before {
	content: url("../images/orange-arrow-right.png");
	margin-right: 0.5em;
}
.head h1, .bundlehead h1
{
	font-size:10px;
	line-height: 23px;
	font-family:helvetica,verdana,arial;
	color:#E7E7E7;
	margin-top: auto;
	margin-bottom: auto;
	padding-left:1em;
	margin:0px;
	text-transform: uppercase;
	font-weight: bold;
	vertical-align: middle;
}

.gamehead h1 a, .head h1 a, .bundlehead h1 a
{
	color:#EEE;
}



#store_area .store_navigation {
	margin-top: 15px;
	position: relative;
	z-index: 2;
}
#store_area .store_navigation .page_heading {
	float: left;
	margin-left: 2em;
	color: #939598;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
}

#store_area .store_navigation .page_heading a{
	color: #939598;
}
#store_area .store_navigation .page_heading:before {
	content: url("/library/images/orange-arrow-down.png");
	margin-right: 0.5em;
}

#store_area .store_navigation .other_pages {
	float: right;
	display: inline;
	margin-right: 2em;
	color: #939598;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	vertical-align: top;
}

#store_area .store_navigation .other_pages a{
	vertical-align: top;
	text-decoration: underline;
	color: #939598;
}

#store_area .store_navigation .other_pages a:hover{
	text-decoration: none;
	color: #939598;
}

#store_area .store_navigation .other_pages:before {
	content: url("/library/images/orange-arrow-right.png");
	margin-right: 0.5em;

}
 #store_area .newrelease {
	width: 25%;
	text-align: center;
	float: left;
	margin: 0px;
	padding: 0px;
}

#store_area .newrelease a {
	text-decoration: none;
	
}

#store_area .game1 img.newbox {
	margin-top: 66px;
	margin-bottom: 40px;
	width: 110px;
}
#store_area .game3 img.newbox {
	margin-left: -9px;
	margin-top: 41px;
	margin-bottom: 19px;
}
#store_area .game4 img.newbox {
	margin-left: 9px;
	margin-top: 41px;
	margin-bottom: 19px;
}
#store_area .game2 img.newbox {
	width: 110px;
	margin-top: 66px;
	margin-bottom: 40px;
}

#store_area .gametext {
	color: #939598;
	font-size: 11px;
	font-weight: bold;
}

#store_area .gametext p {
	margin-top: 0px;
}
#store_area .gametext .price {
	font-size: 14px;
	margin-bottom: 0px;
}
#store_area .gametext .freeship {
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
}
#store_area .gametext img {
	margin-top: 0px;
	margin-bottom: 1em;
}

#store_area .gametext .vertical-line {
	float: right;
	margin-top: 10px;
}

#store_area .categories {
	clear: both;
	margin-top: 65px;
	margin-bottom: 30px;
	width: 550px;
	margin-left: auto;
	margin-right: auto;
}

#store_area .categories a {
	font-family: helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
}

#store_area #cat_action_label {
	position: absolute;
	top: 212px;
	margin-left: 26px;
}
#store_area #cat_lego_label {
	position: absolute;
	top: 212px;
	margin-left: 210px;
}
#store_area #cat_strategy_label {
	position: absolute;
	top: 212px;
	margin-left: 394px;
}
#store_area #cat_family_label {
	position: absolute;
	top: 379px;
	margin-left: 26px;
}
#store_area #cat_arcade_label {
	position: absolute;
	top: 379px;
	margin-left: 210px;
}
#store_area #cat_racing_label {
	position: absolute;
	top: 379px;
	margin-left: 394px;
}

#store_area .genre {
	font-weight: normal;
	text-transform: none;
	font-size: 12px;
}

#store_area .spacer {
	margin-bottom: 40px;
}

#store_area a.category_link, #store_area a.atoz_link {
	text-decoration: none;
}

#store_area .category_game, #store_area .atoz_game {
	clear: both;
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 20px;
	overflow: auto;
}
#store_area .category_game { margin-bottom: 10px; }
#store_area .atoz_game { margin-bottom: 20px; }

#store_area .category_boxshot, #store_area .atoz_thumb {float:left;}
#store_area .category_boxshot img {height: 150px;}
#store_area .atoz_thumb img {height: 70px;}

#store_area .category_text, #store_area .atoz_text{
	clear: none;
	color: #939598;
	font-family: helvetica, sans-serif;
	display: table-cell; 
	vertical-align: middle; 
	padding-left: 40px;
}

#store_area .category_text {
		height: 150px;
}
#store_area .category_arrow, #store_area .atoz_arrow {
	float: left;
	/*margin-top: 62px;*/
	margin-top: 2px;
	clear: none;
}

#store_area .category_gamename, #store_area .atoz_gamename {
	float:left;
	font-size: 13px;
	font-weight: bold;
	color: #939598;
	margin-left: 0.5em;
	clear: none;
}

#store_area .category_gamedesc, #store_area .atoz_gamedesc{
	clear: left;
}

#store_area .atoz_gamedesc {
	margin-bottom: 0px;
}
#store_area .category_price {
	font-weight: bold;
}
#store_area .horizontal_line {
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

#store_area #pagelinks_top, #store_area #pagelinks_bottom {
	text-align: center;
	margin-top: 3em;
	color: #939598;
	font-size: 11px;
}

#store_area #pagelinks_top .current, #store_area #pagelinks_bottom .current {
	color: #f37021;
	font-weight: bold;
}

#store_area #pagelinks_top .empty, #store_area #pagelinks_bottom .empty {
	color: #939598;
}

#store_area #pagelinks_top a, #store_area #pagelinks_top span,
#store_area #pagelinks_bottom a, #store_area #pagelinks_bottom span {
	margin-left: 1em;
}

#store_area #pagelinks_top a, #store_area #pagelinks_bottom a {
	color: #939598;
}

#store_area #background2 {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
}
#store_area #background {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}
#store_area #left {
	position: absolute;
	height: 50px;
	left: 0px;
	top: 200px;
	z-index: 2;
	float:left;
}

#store_area #leftwrap {
	display: inline;
}
#store_area #left img { 
	float: left;
	cursor: pointer;
}
#store_area #left div {
	float: left;
	background-color: white;
	line-height: 50px;
	height: 50px;
	font-family: helvetica, sans-serif;
	text-align: center;
	color: #939598;
	font-size: 13px;
	overflow: hidden;
	-moz-border-radius-topright: 25px;
	-webkit-border-top-right-radius: 25px;
	-moz-border-radius-bottomright: 25px;
	-webkit-border-bottom-right-radius: 25px;
	padding-right: 25px;
	cursor: pointer;
}

#store_area #right {
	position: absolute;
	right: 0px;
	top: 200px;
	z-index: 2;
	float: right;
}

#store_area #right img { 
	float: right;
	cursor: pointer;
}

#store_area #right div {
	float: right;
	background-color: white;
	line-height: 50px;
	height: 50px;
	font-family: helvetica, sans-serif;
	text-align: center;
	color: #939598;
	overflow: hidden;
	font-size: 13px;
	-moz-border-radius-topleft: 25px;
	-webkit-border-top-left-radius: 25px;
	-moz-border-radius-bottomleft: 25px;
	-webkit-border-bottom-left-radius: 25px;
	padding-left: 25px;
	cursor: pointer;
}

#store_area a.noline {
	text-decoration: none;
}

#store_area img#game1, #store_area img#game2, #store_area img#game3 {
	position: absolute;
	top: 450px;
	z-index: 2;
}

#store_area img#game1 {
	left: 15px;
}

#store_area img#game2 {
	left: 210px;
}

#store_area img#game3 {
	left: 405px;
}

#store_area div#game1, #store_area div#game2, #store_area div#game3 {
	position: absolute;
	top: 541px;
	height: 21px;
	width: 160px;
	z-index: 2;
}

#store_area div#game1 p, #store_area div#game2 p, #store_area div#game3 p {
	font-family: helvetica, sans-serif;
	color: #EEE;
	font-size: 10px;
	text-transform: uppercase;
	text-align: left;
	line-height: 21px;
	margin-left: 1px;
	white-space: nowrap;
}

#store_area div#game1 {
	left: 25px;
}

#store_area div#game2 {
	left: 220px;
}

#store_area div#game3 {
	left: 415px;
}

.clear {
	clear: both;
}

p.clear {
	line-height: 1px;
}

a img {
	border: 0px;
}
