@import url("games.css");
@import url("slidding.css");

a:active {
    outline: none;
}

.highlightLink,
.btn,
.btnFrameS,
.btnFrameN,
.btnFrameL,
.btnFrameSdown,
.btnFrameNdown,
.layoutLdown,
.layoutNdown,
.layoutSdown,
.layoutS,
.layoutN,
.layoutL { 
    background-color: Transparent;
    margin: 0px;
    padding: 0px;
    overflow: visible;
    border-style: none;
}

.btnParentS,
.btnParentLkSdisabled,
.btnParentN,
.btnParentL,
.btnParentNdown,
.btnParentLkS,
.btnParentLkN,
.btnParentLkL {
    display: block;
    float: left;
    width: auto;
    background: url("img/buttons/rightS.png") no-repeat right top;
    padding: 0px 9px 0px 0px;
    margin: 2px 5px 0px 0px;
    height: 21px;
}

.btnParentLkS,
.btnParentLkN,
.btnParentLkL {
    margin-top: 0px;
}


.btnParentLkN,
.btnParentLkL,
.btnParentN,
.btnParentL,
.btnParentNdown {
    background-image: url("img/buttons/rightL.png");
    height: 26px;
}

a.btnParentLkS:hover,
a.btnParentS:hover,
a.btnParentLkN:hover,
a.btnParentLkL:hover,
a.btnParentN:hover,
a.btnParentL:hover {
    background-position: right bottom;
}

a.btnParentLkS:hover .btnFrameS,
a.btnParentS:hover .btnFrameS,
a.btnParentLkN:hover .btnFrameN,
a.btnParentLkL:hover .btnFrameL,
a.btnParentN:hover .btnFrameN,
a.btnParentL:hover .btnFrameL {
    cursor: pointer;
    color: #E43C3C;
    background-position: left bottom;
}

a.btnParentLkSdisabled .btnFrameS {
    color: #b9b6cc;
}

a.btnParentLkSdisabled {
    cursor: default;
}

a.btnParentNdown .btnFrameNdown {
    color: #E43C3C;
}

a.btnParentLkS:active,
a.btnParentS:active {
    background-position: right -21px;
}

a.btnParentLkN:active,
a.btnParentLkL:active,
a.btnParentN:active,
a.btnParentL:active,
a.btnParentNdown {
    background-position: right -26px;
}

a.btnParentN:active .btnFrameN,
a.btnParentL:active .btnFrameL,
a.btnParentNdown .btnFrameNdown {
    background-position: left -26px;
    padding-top: 2px;
}

a.btnParentS:active .btnFrameS {
    background-position: left -21px;
}

a.btnParentLkSdisabled .btnFrameS,
a.btnParentLkS .btnFrameS {
    line-height: 21px;
}

a.btnParentLkN .btnFrameN,
a.btnParentLkL .btnFrameL {
    line-height: 26px;
}

a.btnParentLkS:active .btnFrameS {
    background-position: left -21px;
    line-height: 22px;
}

a.btnParentLkN:active .btnFrameN,
a.btnParentLkL:active .btnFrameL {
    background-position: left -26px;
    line-height: 27px;
}

.btnFrameS,
.btnFrameN,
.btnFrameL,
.btnFrameSdown,
.btnFrameNdown { 
    display: block;
    float: left;
    width: auto;
    font-family: Arial, Verdana, 'MS Reference Sans Serif';
    background: url("img/buttons/leftS.png") no-repeat top left;
    padding-left: 9px;
    height: 21px;
    font-size: 8pt;
    color: #444;
    white-space: nowrap;
}

.btnFrameN,
.btnFrameL,
.btnFrameNdown { 
    background-image: url("img/buttons/leftL.png");
    height: 26px;
    font-size: 9pt;
    font-weight: bold;
}

a.btnParentLkSdisabled,
a.btnParentLkS,
a.btnParentLkN,
a.btnParentLkL {
    text-decoration: none;
}

body {
    font-family: Verdana, Arial, 'MS Reference Sans Serif';
    background: url(img/backgroundGames.png) repeat;
    text-align: center; /* fix to center div in some browsers */
}


.logo {
    background: transparent url("img/logo.png") no-repeat top left;
    text-align: left;
    float: left;
    width: 309px;
    height: 125px;
    margin-top: 11px;
    margin-left: 135px;
}

div.mainContainer {
    margin: 0px auto;
    text-align: left; /* because really do not want centered text (see body)*/
    line-height: 130%;
    width: 95%;
	min-width: 1020px;
    padding-bottom: 10px;
}

div.bodyAllGames,
div.bodyAbout,
div.bodyFaq,
div.bodyDetails {
    background-color: #FAFAFA;
    margin: 0px;
    padding: 10px 5px 10px 5px;
    border-left: #CECECE 1px solid;
    border-right: #CECECE 1px solid;
}

div.bodyFaq,
div.bodyAbout {
    font-size: 10pt;
    padding: 20px;
}

div.leftGenres,
#sliddingCart {
    font-family: 'MS Reference Sans Serif', Arial, Verdana;
    font-size: 8pt;
    font-weight: bold;
    padding: 5px 0px 3px 5px;
    margin: 0px 5px 35px 0px;
	white-space: nowrap;
    line-height: 27px;
	overflow: hidden;
	width: 140px;
}

#sliddingCart {
    clear: both;
    height: 285px;
	margin-top: 5px;
	margin-bottom: 0px;
	white-space: normal;
	padding: 0px;
	font-size: 8pt;
	font-weight: normal;
	line-height: 12px;
    background: url(img/back.png) repeat;
    color: #444;
}

#cartTitle {
    background-color: #E43C3C;
    height: 15px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 3px;
    color: #FFFF80;
    padding-top: 1px;
}

.cartContents {
    overflow: auto;
    height: 200px;
    padding: 2px 0px 0px 2px;
    text-align: center;
}

.cartItem {
    margin-bottom: 20px;
    display: block;
    background-color: white;
    padding-bottom: 5px;
}

.cartItemTitle {
    overflow: hidden;
    width: 100%;
    height: 15px;
    background-image: url("img/box/games/small/top.png");
    background-position: 0px 15px;
}

.cartItemTitle div {
    color: #FFFF80;
    font-weight: bold;
    font-size: 7pt;
    white-space: nowrap;
    padding-top: 1px;
    padding-left: 3px;
}

.cartItemPic {
    float: left;
    clear: left;
    width: auto;
    margin: 2px 5px 2px 2px;
}

.cartTotalsTotal {
    float: left;
    clear: left;
    width: auto;
    margin-top: 4px;
    margin-left: 2px;
    margin-bottom: 3px;
}

.cartTotalsTotalPr {
    float: right;
    clear: right;
    width: auto;
    color: #E43C3C;
    margin-top: 4px;
    margin-right: 2px;
    margin-bottom: 3px;
}

.cartTotals {
    background-color: #FAFAFA;
    border-top: 1px dotted #C1C1C1;
    height: 70px;
    font-weight: bold;
}

.cartItemBtn .btnParentS,
.cartItemBtn .btnFrameS {
    width: 25px;
}

#addCartDetails .btnParentN {
    margin-bottom: 5px;
}

#addCartDetails .btnParentN,
#addCartDetails .btnFrameN {
    width: 133px;
}

#detailsHeader {
    height: 30px;
    padding-bottom: 15px;
}

#detailsFooter {
    padding-top: 15px;
    height: 30px;
}

.cartClearBtn .btnParentS,
.cartClearBtn .btnFrameS {
    width: 123px;
}

.cartTotals .cartClearBtn,
.cartCheckout {
    padding-left: 4px;
}

.cartItemQuant {
    clear: left;
}

.cartItemQuant,
.cartItemQuantPr,
.cartItemTotal,
.cartItemTotalPr {
    float: left;
    width: auto;
    padding-left: 2px;
}

.cartItemTotalPr {
    color: #E43C3C;
    float: right;
    width: auto;
    font-weight: bold;
    padding-left: 0px;
    padding-right: 2px;
}


div.leftGenres ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

div.leftGenres li {
    color: #776655;
}

div.leftGenres li input {
    text-decoration: none;
    font-family: 'MS Reference Sans Serif', Arial, Verdana;
    font-size: 8pt;
    font-weight: bold;
    color: #776655;
    height: 27px;
}

div.leftGenres li input:hover {
    color: #E43C3C;
    cursor: pointer;
}

div.highlights div input:hover {
    color: white;
    cursor: pointer;
}

div.leftGenres #selectedGenre div {
    position: absolute;
    background: url("img/box/genre/selection.png") no-repeat left top transparent;
    z-index: 1;
    width: 150px;
    height: 27px;
    left: 1px;
}

div.leftGenres #selectedGenre input {
    color: #E43C3C;
}

div.cols {
	display: block;
}

div.colLeft {
	float: left;
	display: block;
	width: 150px;
	position: relative;
}

div.colRightDetails,
div.colRight {
	border: 1px #C1C1C1 solid;
	background-color: white;
	margin-left: 150px;
}

div.colRightDetails {
    font-size: 9pt;
    padding: 5px;
}

.clear {
    clear: both;
}

.header {
    width: 788px;   
    height: 57px;
    overflow: hidden;
    padding: 10px 0px 20px 10px;
}

#separatorDetails,
#separator {
    width: 788px;
    height: 47px;
    background: url("img/header.png") no-repeat transparent top left;
    z-index: 0;
    position: relative;
    top: -40px;
}

#separatorDetails {
    top: -51px;
    left: -5px;
}

.headerDetails {
    margin-right: 10px;
    overflow: hidden;
    height: 47px;
}

.gameDetailsTitle {
    font-size: 22pt;
    font-weight: bold;
    color: #E43C3C;
    white-space: nowrap;
    margin-top: 9px;
    height: 47px;
}

#systemsTab {
    font-family: 'MS Reference Sans Serif', Arial, Verdana;
    font-size: 10pt;
    height: 31px;
    line-height: 31px;
    background: transparent url("img/topBackground.png") repeat-x bottom;
}

#systemsTab ul {
    margin: 0px;
    padding: 10px 10px 0px 10px;
    list-style: none;
}
    
#systemsTab li {
    float: left;
    width: auto;
    margin: 0px 1px;
    padding: 0px 0px 0px 5px;
    background: url(img/topTabLeftUnselected.png) left top no-repeat;
}

#systemsTab .btn,
#systemsTab #selectedSys input {
    float: left;
    width: auto;
    display: block;
    padding: 3px 15px 2px 10px;
    background: url(img/topTabRightUnselected.png) right top no-repeat; /* 470x45*/
    text-decoration: none;
    color: #776655;
}

#systemsTab .btn {
    font-family: 'MS Reference Sans Serif', Arial, Verdana;
    height: 20px;
}

#systemsTab input:hover {
    color: #E43C3C;
    cursor: pointer;
}

/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#systemsTab input {float:none;}
/* End IE5-Mac hack */
  
#systemsTab #selectedSys {
    background-image: url(img/topTabLeftSelected.png);
    margin-top: 1px;
}

#systemsTab #selectedSys input {
    background-image: url(img/topTabRightSelected.png);
    color: #E43C3C;
    font-weight: bold;
}

.movie {
    height: 320px;
}

.movie ul {
    margin: 5px 0px;
    list-style: none;
}
    
.movie li {
    float: left;
    width: auto;
    padding: 0px 10px;
}

.pagerFooter {
    display: block;
    font-family: 'MS Reference Sans Serif', Arial, Verdana;
    font-weight: bold;
    line-height: normal;
    height: 26px;
    white-space: nowrap;
    background: url(img/footer/rightUnsel.png) right top repeat-x;
    position: relative;
}

.pagerFooter ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.pagerFooter li {
    float: left;
    width: auto;
    height: 26px;
    margin: 0px;
    padding: 0px 0px 0px 5px;
    background: url(img/footer/leftUnsel.png) left top no-repeat;
}

.pagerFooter .pagerFirst input,
.pagerFooter .pagerFirst span,
.pagerFooter .pagerPrev input,
.pagerFooter .pagerPrev span,
.pagerFooter .pagerNext input,
.pagerFooter .pagerNext span,
.pagerFooter .pagerLast input,
.pagerFooter .pagerLast span,
.pagerFooter input,
.pagerFooter span {
    float: left;
    width: auto;
    height: 26px;
    display: block;
    padding: 0px 15px 0px 10px;
    background: url(img/footer/rightUnsel.png) right top repeat-x;
    text-decoration: none;
    font-family: 'MS Reference Sans Serif', Arial, Verdana;
    font-size: 8pt;
    font-weight: bold;
    color: #776655;
}

.pagerFooter .pagerFirst span,
.pagerFooter .pagerPrev span,
.pagerFooter .pagerNext span,
.pagerFooter .pagerLast span,
.pagerFooter span {
    padding-top: 5px;
}

.pagerFooter .pagerFirst input:hover,
.pagerFooter .pagerPrev input:hover,
.pagerFooter .pagerNext input:hover,
.pagerFooter .pagerLast input:hover,
.pagerFooter input:hover {
    color: #E43C3C;
    cursor: pointer;
}


/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
.pagerFooter input,
.pagerFooter span {float:none; width: auto;}
/* End IE5-Mac hack */


.pagerFooter #selectedPage {
    background-image: url(img/footer/leftSel.png);
}

.pagerFooter #selectedPage input {
    background-image: url(img/footer/rightSel.png);
    padding-top: 5px;
    color: #E43C3C;
    font-weight: bold;
}

.pagerFooter .pagerFirst {
    background: url(img/footer/leftUnsel.png) left bottom repeat-x;
    height: 26px;
    padding-left: 80px;
}

.pagerFooter .pagerFirst span,
.pagerFooter .pagerPrev span,
.pagerFooter .pagerNext span,
.pagerFooter .pagerLast span  {
    color: #cfcfcf;
}

.pagerFooter .pagerPrev span,
.pagerFooter .pagerPrev input {
    padding-right: 50px;
    margin-right: 10px;
}

.pagerFooter .pagerNext span,
.pagerFooter .pagerNext input {
    padding-left: 50px;
}

.pagerFooter .pagerFooterLeft,
.pagerFooter .pagerFooterRight {
    position: absolute;
    top: 0px;
    background-color: #CECECE;
    height: 23px;
    display: inline;
    width: 1px;
}

.pagerFooter .pagerFooterLeft {
    left: 0px;
}

.pagerFooter .pagerFooterRight {
    right: 0px;
}

.bodyFaq ol,
.bodyFaq ul,
.bodyAbout ul {
    margin-top: 0px;
    margin-bottom: 0px;
}

.header1,
.header2,
.question {
    font-family: 'MS Reference Sans Serif', Verdana, Arial;
    font-weight: bold;
}

.question {
    display: block;
    padding-top: 20px;
}

.hDetails,
.header1 {
    font-size: 12pt;
    color: #E43C3C;
    border-bottom: 1px #E43C3C solid;
    padding-top: 20px;
}

.hDetails {
    padding-top: 5px;
    margin-top: 15px;
    margin-bottom: 5px;
    font-weight: bold;
}

.colRightDetails ul {
    margin-top: 0px;
    margin-bottom: 0px;
}

.header2,
.question,
.important {
    font-size: 10pt;
    font-weight: bold;
}

.header2,
.question {
    margin-top: 15px;
}

.important {
    color: #BB0000;
}

.tiny,
.tinyAuthor {
    font-size: 7pt;
}

.tinyAuthor {
    margin-top: 5px;
}

.email {
    text-decoration: underline;
    color: highlight;
}

#google {
    position: absolute;
    top: 10px;
    left: 1050px;
    width: 190px;
}

#google,
#google input {
    text-align: left;
    font-size: 8pt;
    color: #776655;
    white-space: nowrap;
}

.allImagesDetails div {
    display: inline;
    padding: 0px 0px 1px 1px;
}

.sideInfo {
    font-size: 9pt;
    margin-right: 5px;
    line-height: 14px;
    margin-bottom: 20px;
    clear:left;
}

.sideInfo p {
    margin-top: 0px;
    margin-bottom: 0px;
}

.detailsInfoTitle {
    color: #E43C3C;
    border-bottom: 1px #E43C3C solid;
    font-weight: bold;
}

.allLayouts {
    display: block;
    height: 21px;
    background-color: #FAFAFA;
    border-left: #CECECE 1px solid;
    border-right: #CECECE 1px solid;
    padding: 0px 0px 20px 155px;
}

.allLayouts input {
    width: 45px;
    height: 21px;
}

.allLayouts .layoutL,
.allLayouts .layoutLdown {
    background: url(img/buttons/largeView.png) left top no-repeat;
}

.allLayouts .layoutN,
.allLayouts .layoutNdown {
    background: url(img/buttons/normalView.png) left top no-repeat;
}

.allLayouts .layoutS,
.allLayouts .layoutSdown { 
    background: url(img/buttons/smallView.png) left top no-repeat;
}

.allLayouts .layoutLdown,
.allLayouts .layoutNdown,
.allLayouts .layoutSdown,
.allLayouts input:active {
    background-position: left -21px;
}

.allLayouts input.layoutL:hover,
.allLayouts input.layoutN:hover,
.allLayouts input.layoutS:hover {
    background-position: left -42px;
    cursor: pointer;
}

#stats {
    background: url("img/backStats.png") repeat-x;
    border: 1px #E43C3C solid;
    position: absolute;
    width: 580px;
    height: 135px;
    left: 460px;
    top: 2px;
    z-index: 2;
}

#statsHeader1,
#statsHeader2 {
    color: #FFFF80;
    font-family: 'MS Reference Sans Serif', Arial, Verdana;
    font-size: 8pt;
    font-weight: bold;
    text-align: left;
    float: left;
    width: 285px;
    overflow: hidden;
    white-space: nowrap;
    padding: 2px;
    line-height: 10pt;
}

#statsHeader1 {
    margin-left: 2px;
}

#statsHeader2 {
    position: absolute;
    top: 0px;
    right: 0px;
}

#topSellers,
#newReleases {
    width: 282px;
    height: 105px;
    overflow: auto;
}

.statsRow {
    clear: left;
    width: 260px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom: 1px black dotted;
    overflow: hidden;
}

.statsPos {
    float: left;
    width: 25px;
    font-size: 12pt;
    padding-top: 8px;
    color: #E43C3C;
    font-weight: normal;
    text-align: center;
}

.statsImage {
    float: left;
    width: auto;
    margin-right: 2px;
}

.statsInfo {
    float: left;
    width: auto;
    position: relative;
}

.statsRatU,
.statsRat1,
.statsRat2,
.statsRat3,
.statsRat4,
.statsRat5 {
    float: left;
    width: 61px;
    height: 12px;
    margin-top: 3px;
    background-position: left top;
    background-color: Transparent;
    background-repeat: no-repeat;
}

.statsRatU {
    background-image: url(img/rat/stats/sU.png);
}
.statsRat1 {
    background-image: url(img/rat/stats/s1.png);
}
.statsRat2 {
    background-image: url(img/rat/stats/s2.png);
}
.statsRat3 {
    background-image: url(img/rat/stats/s3.png);
}
.statsRat4 {
    background-image: url(img/rat/stats/s4.png);
}
.statsRat5 {
    background-image: url(img/rat/stats/s5.png);
}

#topSellers .btn,
#newReleases .btn {
    position: absolute;
    left: 0px;
    top: 16px;
    color: black;
    font-size: 8pt;
    font-weight: bold;
    cursor: pointer;
}

#w3cXhtml10,
#w3cCss {
    display: inline;
}

#w3cXhtml10 img,
#w3cCss img {
    border: none;
}

#w3cCss {
    margin-left: 25px;
}