@charset "utf-8";

body {

	background-image: url(../image/images/bluestripesbg.jpg);

	margin: 0px;

	font-family: Arial, Helvetica, sans-serif;

	color: #535353;

	font-size: 12px;

}

img {

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

}

p, form {

	margin: 0px;

}

#steampromonews {
	background-image: url(../image/images/newspromogradbg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	float: left;
	width: 170px;
	padding-right: 14px;
	padding-left: 14px;
}

#mainframebg {

	background-image: url(../image/images/topmainbg.jpg);

	background-repeat: repeat-x;

	background-position: left top;

	float: left;

	width: 100%;

}

#mainframebg1 {

	background-image: url(../image/images/bluestripebgdarker.jpg);

	background-repeat: repeat-y;

	background-position: center top;

	float: left;

	width: 100%;

}

#mainframebg2 {

	background-image: url(../image/images/yellowstripesdarker.jpg);

	background-repeat: no-repeat;

	background-position: center top;

	float: left;

	width: 100%;

}

#frame {

	text-align: left;

	width: 1004px;

}



#topnavigationframe {

	font-size: 11px;

	color: #FFFFFF;

	text-align: right;

	float: left;

	height: 32px;

	width: 976px;

	padding-top: 8px;

	padding-right: 28px;

}

#topnavigationframe a{
	font-size: 11px;

	color: #FFFFFF;

	text-align: right;
	
	text-decoration: none;
}

#mainframe {

	background-image: url(../image/images/middletopbg.png);

	background-repeat: no-repeat;

	background-position: left top;

	float: left;

	width: 100%;

	padding-top: 20px;

}

#mainframemid {

	background-image: url(../image/images/middlebg.png);

	background-repeat: repeat-y;

	float: left;

	width: 984px;

	padding-right: 10px;

	padding-left: 10px;

	padding-bottom: 5px;

}

#mainframebot {

	float: left;

	width: 100%;

}

#topframe {

	background-image: url(../image/images/topheaderbg.jpg);

	background-repeat: repeat-x;

	background-position: left top;

	float: left;

	height: 48px;

	width: 941px;

	padding-top: 4px;

	padding-right: 23px;

	padding-left: 20px;

}

#logoframe {

	float: left;

	width: 483px;

	padding-right: 277px;

}

#membersframe {

	float: left;

	width: 181px;

	text-align: center;

}

#membersloginframe {

	background-image: url(../image/images/registerbg.jpg);

	background-repeat: no-repeat;

	background-position: top;

	float: left;

	height: 21px;

	width: 100%;

	padding-top: 6px;

	font-size: 12px;

	color: #535353;

}

#membersloginframe a {

	color: #535353;

	text-decoration: none;

}

#middleframe {

	background-image: url(../image/images/middletopbg.jpg);

	background-repeat: repeat-x;

	background-position: left top;

	float: left;

	width: 972px;

	padding-top: 15px;

	padding-right: 6px;

	padding-left: 6px;

}

#howtoregister {

	float: left;

	width: 100%;

	padding-top: 3px;

	font-size: 10px;

}

#howtoregister a {

	color: #0e6bee;

}

#navigationframe {

	margin: 0px;

	float: left;

	width: 100%;

}

#platformnavigationframe {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #000000;

	background-image: url(../image/images/platformnavibg.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	float: left;

	height: 31px;

	width: 968px;

	padding-top: 1px;

	padding-right: 2px;

	padding-left: 2px;

	text-align: center;

}

#platformnavigationframe a {

	color: #000000;

	text-decoration: none;

	float: left;

	height: 23px;

	width: 100%;

	padding-top: 8px;

}

#platformnavigationframe a:hover {

	color: #FFFFFF;

	background-image: url(../image/images/navigationbg_on.jpg);

	background-repeat: repeat-x;

	background-position: left top;

	width: 100%;

}

#platformnavigationframe .selected a {

	color: #FFFFFF;

	background-image: url(../image/images/navigationbg_on.jpg);

	background-repeat: repeat-x;

	background-position: left top;

	width: 100%;

}



#platformnavigationframe_on {

	color: #FFFFFF;

	background-image: url(../image/images/navigationbg_on.jpg);

	background-repeat: repeat-x;

	background-position: left top;

	width: 100%;

}





#genrenavigationframe {

	font-size: 12px;

	color: #FFFFFF;

	background-image: url(../image/images/genrenavibg.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	float: left;

	height: 28px;

	width: 968px;

	padding-right: 2px;

	padding-bottom: 3px;

	padding-left: 2px;

}

#genrenavigationframe  a {

	color: #FFFFFF;

	text-decoration: none;
	
}

#genrenavigationframe a:hover {

	color: #FDEB1F;

	text-decoration: none;

}





#homenavi {

	float: left;

	height: 31px;

	width: 77px;

}

#homenavi  a:hover {

	color: #FFFFFF;

	background-image: url(../image/images/homenavibg_on.jpg);

	background-repeat: no-repeat;

	background-position: left top;

}

#homenavi .selected a {

	color: #FFFFFF;

	background-image: url(../image/images/homenavibg_on.jpg);

	background-repeat: no-repeat;

	background-position: left top;

}

.homenavi_on {

	float: left;

	height: 31px;

	width: 77px;

	color: #FFFFFF;

	background-image: url(../image/images/homenavibg_on.jpg);

	background-repeat: no-repeat;

	background-position: left top;

}

.homenavi_on a{

	float: left;

	height: 31px;

	width: 77px;

	color: #FFFFFF;

	background-image: url(../image/images/homenavibg_on.jpg);

	background-repeat: no-repeat;

	background-position: left top;

}

#accessoriesnavi a:hover {

	background-image: url(../image/images/accessoriesnavibg_on.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	width: 100%;

}





#xbox360navi {

	float: left;

	height: 31px;

	width: 109px;

}

#dsnavi, #wiinavi, #pcnavi {

	float: left;

	height: 31px;

	width: 63px;

}

#ps2navi {

	float: left;

	height: 31px;

	width: 70px;

}

#ps3navi, #pspnavi {

	float: left;

	height: 31px;

	width: 69px;

}

#macnavi {

	float: left;

	height: 31px;

	width: 73px;

}

#softwarenavi {

	float: left;

	height: 31px;

	width: 104px;

}

#booksnavi {

	float: left;

	height: 31px;

	width: 84px;

}

#accessoriesnavi {

	float: left;

	height: 31px;

	width: 208px;

}

#maincontentframe {

	float: left;

	width: 100%;

}

#newsfeedframe {

	font-size: 12px;

	float: left;

	height: 15px;

	width: 98%;

	padding-top: 5px;

	padding-left: 1%;

	letter-spacing: 1px;

	padding-bottom: 5px;

}

#newsfeedframe a {

	color: #0e6bee;

}



#maincontent {

	float: left;

	width: 970px;

	padding-left: 2px;

}

#maincontentleftframe {

	float: left;

	width: 200px;

	padding-right: 9px;

}

#gamesnavigationframe, #booksnavigationframe {

	float: left;

	width: 100%;

}

#gamesplatformheader {

	font-size: 13px;

	text-transform: capitalize;

	color: #f6f658;

	background-image: url(../image/images/platformheaderbg.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	float: left;

	height: 34px;

	width: 145px;

	padding-top: 20px;

	padding-left: 55px;

	letter-spacing: 1px;

}

#gamesgenreheader {

	background-image: url(../image/images/genresheaderbg.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	float: left;

	height: 33px;

	width: 145px;

	padding-top: 15px;

	padding-left: 55px;

	font-size: 14px;

	color: #f6f658;

}

#maincontentleftframe a:hover {

	color: #0a4fb1;
	background-color: #EFC81E;

}



#gamesplatform {

	background-image: url(../image/images/sidebarnavigationbg.jpg);

	float: left;

	width: 198px;

	padding-right: 1px;

	padding-left: 1px;

}

#platformcat  a {

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #d8d8d8;

	color: #535353;

	text-decoration: none;

	background-image: url(../image/images/sidenavibg2.jpg);

	background-repeat: repeat-x;

	background-position: left bottom;

	float: left;

	width: 187px;

	padding-top: 10px;

	padding-left: 11px;

	padding-bottom: 10px;

}

#browseplatform, #platformcat {

	float: left;

	width: 100%;

}

#platformcat a:hover { 
	background-color: #fdea21;
	background-image:none;

}



#browseplatform a {

	color: #535353;

	text-decoration: none;

	background-image: url(../image/images/sidenavibg2.jpg);

	background-repeat: repeat-x;

	background-position: left bottom;

	float: left;

	width: 187px;

	padding-left: 11px;

	padding-bottom: 10px;

}

#browseplatform a:hover {
	background-color: #fdea21;
	background-image:none;

}



#maincontentrightframe {

	float: left;

	width: 761px;

	padding-top: 12px;

}

#sidebarfooter {

	float: left;

	width: 100%;

	padding-bottom: 10px;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #d8d8d8;

}

#booksheaderframe {

	background-image: url(../image/images/booksheaderbg.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	float: left;

	height: 29px;

	width: 145px;

	padding-top: 14px;

	padding-left: 55px;

	font-size: 14px;

	color: #f6f658;

}

#browsebook  {

	float: left;

	width: 100%;

}

#browsebook a {

	color: #535353;

	text-decoration: none;

	background-image: url(../image/images/sidenavibg2.jpg);

	background-repeat: repeat-x;

	background-position: left bottom;

	float: left;

	width: 187px;

	padding-left: 11px;

	padding-bottom: 10px;

	padding-top: 5px;

}

#promonewsframe {

	background-image: url(../image/images/newspromobg.jpg);

	background-repeat: repeat-y;

	background-position: left top;

	float: left;

	width: 100%;

}

#promonewstop {

	background-image: url(../image/images/newspromotop.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	float: left;

	width: 100%;

}

#promonewsbot {

	background-image: url(../image/images/newspromobot.jpg);

	background-repeat: no-repeat;

	background-position: left bottom;

	float: left;

	width: 198px;

	padding-top: 10px;

	padding-right: 1px;

	padding-bottom: 10px;

	padding-left: 1px;

}
#promonewsbot a:hover {
	background-color: transparent; padding: 0px;
}
#promonewsbot img {
	margin-left: -8px;	
}

#promonews {

	background-image: url(../image/images/newspromogradbg.jpg);

	background-repeat: repeat-x;

	background-position: left top;

	float: left;

	width: 170px;

	padding-right: 14px;

	padding-left: 14px;

}

#promonews  h4, #promonews a {

	font-size: 12px;

	color: #003c6d;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 3px;

	margin-left: 0px;

	text-decoration: none;

	font-weight: bold;

}





#searchmainframe {

	background-image: url(../image/images/searchbg.jpg);

	background-repeat: repeat-x;

	background-position: left top;

	float: left;

	height: 32px;

	width: 100%;

	padding-bottom: 5px;

}

#searchmainleft {

	background-image: url(../image/images/searchbgleft.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	float: left;

	width: 100%;

}

#searchmainright {

	background-image: url(../image/images/searchbgright.jpg);

	background-repeat: no-repeat;

	background-position: right top;

	float: left;

	height: 27px;

	width: 731px;

	padding-top: 5px;

	padding-right: 15px;

	padding-left: 15px;

}

.txtblue {

	font-size: 14px;

	font-weight: bold;

	color: #2067a2;

}



.txtbs {

	font-size: 12px;

	color: #535353;

	padding: 2px;

	float: left;

	width: 188px;

	border: 1px solid #d8d8d8;

	font-family: Arial, Helvetica, sans-serif;

	height: 16px;

}

.txtbsCopy {

	font-size: 12px;

	color: #535353;

	padding: 1px;

	float: left;

	width: 188px;

	border: 1px solid #d8d8d8;

	font-family: Arial, Helvetica, sans-serif;

	height: 22px;

}

.tsearch {

	background-image: url(../image/images/search_btn.jpg);

	background-repeat: no-repeat;

	height: 20px;

	width: 64px;

	background-position: left top;

	float: right;

	margin: 0px;

	padding: 0px;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

}

#contentmainframe {

	margin: 0px;

	padding: 0px;

	float: left;

	width: 100%;

}

#contentframe {

	margin: 0px;

	float: left;

	width: 571px;

	padding-top: 0px;

	padding-right: 9px;

	padding-bottom: 0px;

	padding-left: 0px;

}

#ourpicksframe {

	background-image: url(../image/images/ourpicksbg.jpg);

	background-repeat: repeat-y;

	background-position: left top;

	float: left;

	width: 180px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #c6c6c6;

}

#ourpicksheaderframe {

	background-image: url(../image/images/ourpicsheaderbg.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	float: left;

	height: 33px;

	width: 125px;

	padding-top: 15px;

	padding-left: 55px;

	font-size: 14px;

	color: #f6f658;

}

#ourpicks {

	text-align: center;

	float: left;

	width: 100%;

	padding-bottom: 18px;

}

#picksframe {

	float: left;

	width: 100%;

	padding-top: 18px;

	padding-bottom: 18px;

}

#headerframe {

	float: left;

	width: 100%; /*100%*/
	/*padding-top: 5px;*/
	padding-bottom: 8px;
	text-align: center;
	/*background-color:#CCC;*/

}

.addPadding {
	padding-right: 7px;
}

/*#headerframe img {
	width: 340px;
	height: auto;
	border: 3px solid #FFF;
}
*/


#bottomframe {

	font-size: 12px;

	line-height: 18px;

	color: #FFFFFF;

	float: left;

	width: 100%;

	padding-top: 5px;

	padding-bottom: 5px;

	text-align: center;

}

#bottomframe a {

	color: #FFFFFF;

}

#pageheaderframe {

	float: left;

	width: 100%;

	padding-bottom: 10px;

}

#newreleaseupcomingframe {

	float: left;

	width: 100%;

	padding-bottom: 10px;

}

#newreleaseupcomingframe  ul {

	margin: 0px;

	padding-left: 25px;

	list-style-position: outside;

	list-style-image: url(../image/images/arrow.jpg);

}

#newreleaseupcomingframe a {

	color: #535353;

	text-decoration: none;

}

#newreleaseupcomingframe a:hover {

	color: #0e6bee;

	text-decoration: underline;

}







#newreleasesframe, #upcominggamesframe {

	background-image: url(../image/images/newreleasebg.jpg);

	background-repeat: repeat-y;

	background-position: left top;

	float: left;

	width: 100%;

}

#newsreleasesheader {

	font-size: 14px;

	color: #000000;

	background-image: url(../image/images/newreleasesheader2.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	float: left;

	height: 33px;

	width: 145px;

	padding-top: 23px;

	padding-left: 55px;

}

#newreleases {

	background-image: url(../image/images/newreleasebgbot.jpg);

	background-repeat: no-repeat;

	background-position: left bottom;

	padding: 10px;

	float: left;

	width: 180px;

}

#newreleases a:hover{
	background-color: #FFF;
	
}
#promonewsframe a:hover {
	background-color:none;
}

#upcominggamesheader {

	font-size: 14px;

	color: #000000;

	background-image: url(../image/images/upcominggamesheader2.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	float: left;

	height: 32px;

	width: 145px;

	padding-top: 22px;

	padding-left: 55px;

}

#productsframe {

	float: left;

	width: 100%;

}



#paginationframe {

	background-image: url(../image/images/paginationbg.jpg);

	background-repeat: repeat-x;

	background-position: left top;

	float: left;

	height: 33px;

	width: 100%;

	padding-bottom: 7px;

	font-size: 14px;

	color: #FFFFFF;

}

#paginationleft {

	background-image: url(../image/images/paginationleft.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	float: left;

	width: 100%;

}

#paginationright {

	background-image: url(../image/images/paginationright.jpg);

	background-repeat: no-repeat;

	background-position: right top;

	float: left;

	height: 27px;

	width: 541px;

	padding-top: 6px;

	padding-right: 15px;

	padding-left: 15px;

}

#productslistframe {

	background-image: url(../image/images/productlistbg.jpg);

	background-repeat: repeat-y;

	background-position: left top;

	float: left;

	width: 100%;

}

#productslisttop {

	background-image: url(../image/images/productlisttop.jpg);

	background-repeat: no-repeat;

	background-position: top;

	float: left;

	width: 569px;

	padding-top: 10px;

	padding-right: 1px;

	padding-left: 1px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #bdbcbd;

	font-size: 11px;

}

#productslistframe  h4 {

	font-size: 12px;

	color: #032c7e;

	margin: 0px;

}

#productslistframe  h4 a{

	font-size: 12px;

	color: #032c7e;

	margin: 0px;

	text-decoration:none

}

#productslistframe  h4 a:hover{

	font-size: 12px;

	color: #0e6bee;

	margin: 0px;

	text-decoration:underline

}



#productslistframe a {

	color: #0e6bee;

}

#paginationframe2 {

	background-image: url(../image/images/paginationbg2.jpg);

	background-repeat: repeat-x;

	background-position: left top;

	float: left;

	height: 33px;

	width: 100%;

	padding-bottom: 7px;

	font-size: 14px;

	color: #FFFFFF;

}

#paginationframe2left {

	background-image: url(../image/images/paginationleft2.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	float: left;

	width: 100%;

}

#paginationframe2right {

	background-image: url(../image/images/paginationright2.jpg);

	background-repeat: no-repeat;

	background-position: right top;

	float: left;

	height: 27px;

	width: 541px;

	padding-top: 6px;

	padding-right: 15px;

	padding-left: 15px;

}

#producttitleframe {

	background-image: url(../image/images/titleheaderbg.jpg);

	background-repeat: repeat-x;

	background-position: left top;

	float: left;

	width: 100%;

}

#producttitleleft {

	background-image: url(../image/images/titleheaderleft.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	float: left;

	height: 33px;

	width: 100%;

}

#producttitleright {

	font-size: 20px;

	color: #f6f658;

	background-image: url(../image/images/titleheaderright.jpg);

	background-repeat: no-repeat;

	background-position: right top;

	float: left;

	height: 28px;

	width: 541px;

	padding-top: 5px;

	padding-right: 15px;

	padding-left: 15px;

}

#productdetailframe {

	background-image: url(../image/images/productframebg.jpg);

	background-repeat: repeat-y;

	background-position: left top;

	float: left;

	width: 100%;

}

#productdetailframebot {

	background-image: url(../image/images/productframebot.jpg);

	background-repeat: no-repeat;

	background-position: left bottom;

	float: left;

	width: 546px;

	padding-top: 12px;

	padding-right: 13px;

	padding-bottom: 15px;

	padding-left: 12px;

}

#generalinfoframe {

	background-image: url(../image/images/product_detbg.jpg);

	background-repeat: repeat-y;

	background-position: left top;

	float: left;

	width: 100%;

	margin-bottom: 10px;

}

#generaltop {

	background-image: url(../image/images/product_dettop.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	float: left;

	width: 100%;

}

#generalbot {

	background-image: url(../image/images/product_detbot2.jpg);

	background-repeat: no-repeat;

	background-position: left bottom;

	padding: 15px;

	float: left;

	width: 516px;

}

#productimgframe {

	text-align: center;

	float: left;

	width: 229px;

}

#productgeneralinfo {

	float: left;

	width: 165px;

	padding-left: 10px;

}

#productgeneralinfo2 {

	text-align: center;

	float: left;

	width: 112px;

}

#descriptionframe, #featuresframe, #systemreqframe, #galleryframe {

	float: left;

	width: 100%;

	padding-bottom: 10px;

}

#detheaderframe {

	font-size: 14px;

	color: #FFFFFF;

	background-image: url(../image/images/productdetbg.jpg);

	background-repeat: repeat-x;

	background-position: left top;

	float: left;

	width: 100%;

	padding-bottom: 5px;

	font-weight: bold;

}

#detheaderleft {

	background-image: url(../image/images/productdetleftbg.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	float: left;

	width: 100%;

}

#detheaderright {

	background-image: url(../image/images/productdetrightbg.jpg);

	background-repeat: no-repeat;

	background-position: right top;

	float: left;

	height: 23px;

	width: 516px;

	padding-top: 7px;

	padding-right: 15px;

	padding-left: 15px;

}

#descframe {

	background-image: url(../image/images/descframebg.jpg);

	background-repeat: repeat-y;

	background-position: left top;

	float: left;

	width: 100%;

}

#descframe ul {

	margin: 0px;

	padding-left: 25px;

	list-style-position: outside;

	list-style-image: url(../image/images/arrow.gif);

}

#descframe li {

	margin-bottom: 5px;

}

#descframetop {

	background-image: url(../image/images/descframetop.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	float: left;

	width: 100%;

}

#descframebot {

	background-image: url(../image/images/descframebot.jpg);

	background-repeat: no-repeat;

	background-position: left bottom;

	padding: 15px;

	float: left;

	width: 516px;

}

.cont { font-family:Arial; font-size:12px;}

.cont a{ font-family:Arial; font-size:12px; text-decoration:none; color:#1B75F0}

.cont a:hover{ font-family:Arial; font-size:12px; text-decoration:underline; color:#1B75F0}