/* CSS Document */
.hardwareContainBox{font-size:0.8em;}
.hardwareTitles{ font-size:1.5em !important; font-family: 'RobotoDraft', Arial, Helvetica, sans-serif; height:25px;padding-top: 7px; clear:right; text-align:center; background: #a20707;border-top-left-radius: 3px;border-top-right-radius: 3px;}

/* Added div classes for style functionality 06/03/13 */
.hardwareRow{width:100%; overflow:hidden; border-top:solid 1px #333;background-color: #111111;padding-top:2px;padding-bottom: 2px;}
.hardwareRowHead{width:100.2%;background: #111111;font-size: 0.9rem;border-top-left-radius: 3px;border-top-right-radius: 3px; }
.componentListTable{margin-top:10px; padding-top: 0; margin-bottom:0; padding-bottom:0;	border: none;}

.hardwareModelHead{ height:25px; float:left; width:240px; margin-left:18px;}
.hardwareModel{ height:25px; float:left; width:240px; padding-top:10px; margin-left:18px;}

.hardware1stRelHead{height:25px; float:left; width:70px;}
.hardware1stRel{height:25px; float:left; width:70px; padding-top:10px;}
.hardwareLastRelHead{height:25px; float:left; width:70px;}
.hardwareLastRel{height:25px; float:left; width:70px; padding-top:10px;}
.tblHeader{background-color:#2C2C2C !important;}

.hardwareMinScoreHead{height:25px; float:left; width:40px;}
.hardwareMinScore{height:35px; float:left; width:40px;}
.hardwareMaxScoreHead{height:25px; float:left; width:40px;}
.hardwareMaxScore{height:35px; float:left; width:40px;}
.hardwareScoreHead{ height:25px; float:left; padding-left:5px; width:85.4px; text-align:center }
.hardwareCompareHead{ height:25px; float:left; padding-left:10px; width:100px; text-align:center}
.hardwareDerivHead{ height:25px; float:left;margin-left:25px; width:440px;}
.hardwareTitleMobile{display: none;}
.hardwareDeriv{ padding-top:12px; padding-bottom: 10px;margin-left:25px; float:left; width: 440px; clear:left;}
.hardwareItemIconsHead{float: left;padding: 0.5%;}
.hardwareItemIcons{	float:left; padding-top: 10px; text-align: center;width: 100px;}
.hardwareItemIcons a {width: 25% !important; float: left;padding:6px;border-radius: 3px;box-shadow:0 1px 4px rgba(0, 0, 0, .6);background-color: #247726;    height: 20px; }
.hardwareItemIcons a:hover{background-color:#4BAF4F }
.hardwareScore{ text-align:center;height:35px; float:left; width:70px; padding-top:5px; padding-left:5px; }
.hardwareCompare{ text-align:center;height:30px; float:left; width:100px; padding-left:10px; padding-top:5px;}
.hardwareReleaseHead{height:25px; float:left; width:95px; text-align:center}
.hardwareRelease{height:30px; float:left; width:95px; padding-top:10px; text-align:center;}
	.gamPicBig {width:208px; height:309px; overflow: hidden; padding:3px;float:left; background-color: #000; }

.hardwareSubTitle{margin-left:741.3px; padding-left:45px; height:25px; font-family: Geneva, Arial, Helvetica, sans-serif}

.guestEditHelpBox{width: 20px; float:left}
div.guestEditHelp{display:none;	font-weight:lighter;font-family:Arial, Helvetica, sans-serif;text-align:left;color:#FFFFFF; font-size:12px; line-height: 150%;}
a.help:hover div.guestEditHelp {display: block;	position: absolute;	margin-top: 5px; margin-left:-122px;//margin-left:-124px;//margin-top: 25px; z-index:800;width: 160px; border:1px solid #000000; background-color: #333333; padding:4px; -moz-box-shadow: inset 0px 0px 2px 2px #222;-webkit-box-shadow: inset 0px 0px 2px 2px #222; box-shadow: inset 0px 0px 2px 2px #222;}

.hwTechHelpBox{width: 20px; float:left}
div.hwTechHelp{display:none; font-weight:lighter;font-family:Arial, Helvetica, sans-serif;text-align:left;color:#FFFFFF; font-size:12px; line-height: 150%;}
div.help:hover div.hwTechHelp {display: block;	position: absolute;	margin-top: 5px; margin-left:-122px;//margin-left:-124px;//margin-top: 25px; z-index:800;width: 160px; border:1px solid #000000; background-color: #333333; padding:4px; -moz-box-shadow: inset 0px 0px 2px 2px #222;-webkit-box-shadow: inset 0px 0px 2px 2px #222; box-shadow: inset 0px 0px 2px 2px #222;}
div.help:hover a{font-weight:normal; font-size:0.9em}

.hardwareWrapperSpecs{ float:left; clear:left; width:600px}
.hardwareDetails{width:324px; padding:4px; float:left; color:#ffffff;border:1px solid #828282;background-color: #333333;border-bottom-right-radius:10px; -moz-border-radius-bottomright:10px; text-align:center}
.hardwareLinks{margin-left:1px; margin-right:1px; padding:4px; color:#ffffff; width:251px; min-height:312px;text-align:left; float:left; font-size:0.8em; border:1px solid #828282;background-color: #333333; border-bottom-left-radius:10px; -moz-border-radius-bottomleft:10px;}
.hValueCalcRow { clear:left; padding:0px; height:33px; width:710px; border:1px solid #222; font-size:0.9em; font-family: Geneva, Arial, Helvetica, sans-serif}


.hValueCalcRowSubButton{font-size:0.9em; height:30px }
.hValueCalcCellBegin{width:13%; float:left; border-right:1px solid #222;padding:3px; padding-left:8px; padding-top:4px; height:27px;}

.hValueCalcCell{ width:24%; float:left; border-right:1px solid #222;padding:3px; padding-left:8px; padding-top:4px; height:27px; background-color:#252525;}

.hValueCalcCellEnd{width:113px; float:left; padding:3px; padding-left:8px; padding-top:4px; height:27px;background-color:#252525;}
.hValueCalcCell select{font-size:0.8em; min-width:165px; //width:185px; height:19px}
.hValueCalcCellEnd select{font-size:0.8em; height:19px; margin-right:2px}
.hValueCalcForm input{font-size:0.8em; //margin-top:-1px}
.hValueCalcCellBegin select{font-size:0.8em; width:80px; height:19px}
.hValueCalcTitle{ width:100%; height:25px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:1.2em; padding-top:5px}
.hValueCalcTitleSub{margin:auto; width:auto;}
.hValueCalcHelp{float:left; width:20px; height:20px; margin-left:5px}
a.hValueCalcHelpImg{cursor:help;clear:right;outline: none;text-decoration:none;}
div.hValueCalcHelpBox{display:none;border:none;font-weight:lighter;font-family:Arial, Helvetica, sans-serif;font-size:0.8em;color:#FFF;}
a.hValueCalcHelpImg:hover div.hValueCalcHelpBox {display:block; position:absolute; margin-left:-40px; margin-top:5px;//margin-left: -40px;//margin-top:25px; z-index:800; width:170px;border:1px solid #666; background-color:#333; -moz-box-shadow:inset 0px 0px 2px 2px #222;-webkit-box-shadow:inset 0px 0px 2px 2px #222; box-shadow:inset 0px 0px 2px 2px #222; padding:4px;}
.hValueCalcForm:first-child .hValueCalcRow{ color:purple !important;}
.hValueResultsRow { clear:left; padding:0px; height:33px; width:600px; border:1px solid #222; background-color:#252525; font-size:1.2em; font-family: Geneva, Arial, Helvetica, sans-serif}
.hValueResultsTitle{text-align:center; width:auto; padding-top:4px; height:27px; border-top:1px solid #333;}
.hValueResultsHeading{ font-size:0.8em; float:left; padding-left:4px}
.hValueResultsHeadingHelpBox{width: 20px; float:left; margin-left:2px}
.hValueResultsNum{float:left; width:60px; text-align:center; border-right:1px solid #222; padding-top:4px; height:27px;}
.hValueResultsNumTitle{float:left; width:60px; border-right:1px solid #222; padding-top:4px; height:27px;}
.hValueResultsMake{float:left; width:60px; border-right:1px solid #222;padding:3px; padding-left:8px; padding-top:4px; height:27px;}
.hValueResultsDeriv{float:left; width:220px; border-right:1px solid #222;padding:3px; padding-left:8px; padding-top:4px; height:27px;}
.hValueResultsCost{float:left; width:110px; border-right:1px solid #222;padding:3px; padding-left:8px; padding-top:4px; height:27px;}
.hValueResultsCPB{float:left; width:85px;padding:3px; padding-left:8px; padding-top:4px; height:27px;}
.hardwareDiscussToolsBox{float:left; width:100%}
/*Hardware Submit*/
.hwSubmitForm{ float:left; width:900px; margin-left:auto; margin-right:auto; font-size:0.8em; margin-top:10px; margin-bottom:20px; background-color:#454545; border:1px solid #000000; padding:5px; border-radius:4px;moz-border-radius: 4px;}
.hwTypeArea{ width:859px; margin-left:auto; margin-right:auto; font-size:0.8em; margin-top:10px; margin-bottom:20px}
.hwSubmitRow{height:30px}
.hwSubmitTitle{ float:left; width:130px}
.hwSubmitData{ float:left; margin-left:5px; width:600px}
.hwSubmitBench{float:left; width:190px}
.specificationsWiderTitleBox{width:110px; padding-left:5px}
/*styles for hardware best of pages*/
.modListTbl_wrapper{font-size:0.8em; font-family:Helvetica;}
table thead tr th,table tbody tr td{padding-left:5px;} /* 25/03/13-removed !important added specificity */
#bestof{background: #F2F2F2 url('../images/body.png') repeat-x 0px 0px; padding:3px; } #modListTbl_length {margin-left:5px}
.whiteContainer{background-color:#F1F1F1; color: #2B2B2B; cursor: default; text-shadow: white 0 1px 0;  margin-bottom:0.5em; padding: 5px 0 1em 0px; background: white; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.3)  0 1px 3px; -webkit-box-shadow: rgba(0, 0, 0, 0.3)  0 1px 3px; } .reviewInner tr {background:#FFF !important;}
.even:hover, .odd:hover {background-image: -webkit-linear-gradient(bottom, #F8F8F8, #F1F1F1) !important; background-image: -o-linear-gradient(bottom, #F8F8F8, #F1F1F1) !important; background-image: linear-gradient(bottom, #F8F8F8, #F1F1F1) !important; background-repeat: repeat-x; padding:5px 0px; }
.hValueResultsRow:nth-child(2){
	background-color:#2C2C2C;
}
.highlight-red{color:red;}
.highlight-orange{color:orange;}
.scoreStarWrapper{
	position:relative;
	text-align:center;
}/*
.scoreStarOverlapper{
position: absolute;
bottom: 0;
background-color: #252525;
opacity: 0.3;
height: 45px;
width: 100%;
}*/
.scoreStarText{
	color: #FFF;
position: absolute;
width: 100%;
top: 42%;
font-size: 14px;
cursor: default;
font-family: sans-serif;
font-weight: bold;
}
.scoreStar{
	font-size: 54px;
}
.scoreStar:before{
	color: rgba(0,0,0,0);
	-webkit-background-clip: text;
}
#resolutionPerformance td {
	text-align: center;
	padding: 6px 3px;
}
/** old orange gradient **/
/*.scoreStar1:before{
	background-image: -webkit-linear-gradient(#FF9949 80%, #E96600 80%);
	background-image: -o-linear-gradient(#FF9949 80%, #E96600 80%);
	background-image: linear-gradient(#FF9949 80%, #E96600 80%);
}*/
.scoreStar0:before{
	background-color: #1B6EFF;
}
.scoreStar1:before{
	background-image: -webkit-linear-gradient(#1B6EFF 80%, #0047DD 80%);
	background-image: -o-linear-gradient(#1B6EFF 80%, #0047DD 80%);
	background-image: linear-gradient(#1B6EFF 80%, #0047DD 80%);
}
.scoreStar2:before{
	background-image: -webkit-linear-gradient(#1B6EFF 72%, #0047DD 72%);
	background-image: -o-linear-gradient(#1B6EFF 72%, #0047DD 72%);
	background-image: linear-gradient(#1B6EFF 72%, #0047DD 72%);
}
.scoreStar3:before{
	background-image: -webkit-linear-gradient(#1B6EFF 67%, #0047DD 67%);
	background-image: -o-linear-gradient(#1B6EFF 67%, #0047DD 67%);
	background-image: linear-gradient(#1B6EFF 67%, #0047DD 67%);
}
.scoreStar4:before{
	background-image: -webkit-linear-gradient(#1B6EFF 60%, #0047DD 60%);
	background-image: -o-linear-gradient(#1B6EFF 60%, #0047DD 60%);
	background-image: linear-gradient(#1B6EFF 60%, #0047DD 60%);
}
.scoreStar5:before{
	background-image: -webkit-linear-gradient(#1B6EFF 50%, #0047DD 50%);
	background-image: -o-linear-gradient(#1B6EFF 50%, #0047DD 50%);
	background-image: linear-gradient(#1B6EFF 50%, #0047DD 50%);
}
.scoreStar6:before{
	background-image: -webkit-linear-gradient(#1B6EFF 42%, #0047DD 42%);
	background-image: -o-linear-gradient(#1B6EFF 42%, #0047DD 42%);
	background-image: linear-gradient(#1B6EFF 42%, #0047DD 42%);
}
.scoreStar7:before{
	background-image: -webkit-linear-gradient(#1B6EFF 33%, #0047DD 33%);
	background-image: -o-linear-gradient(#1B6EFF 33%, #0047DD 33%);
	background-image: linear-gradient(#1B6EFF 33%, #0047DD 33%);
}
.scoreStar8:before{
	background-image: -webkit-linear-gradient(#1B6EFF 23%, #0047DD 23%);
	background-image: -o-linear-gradient(#1B6EFF 23%, #0047DD 23%);
	background-image: linear-gradient(#1B6EFF 23%, #0047DD 23%);
}
.scoreStar9:before{
	background-image: -webkit-linear-gradient(#1B6EFF 15%, #0047DD 15%);
	background-image: -o-linear-gradient(#1B6EFF 15%, #0047DD 15%);
	background-image: linear-gradient(#1B6EFF 15%, #0047DD 15%);
}
.scoreStar10:before{
	background-color: #0047DD;
}
.scoreStar0Red:before{
	background-color: #EB0000;
}
.scoreStar1Red:before{
	background-image: -webkit-linear-gradient(#EB0000 80%, #B30000 80%);
	background-image: -o-linear-gradient(#EB0000 80%, #B30000 80%);
	background-image: linear-gradient(#EB0000 80%, #B30000 80%);
}
.scoreStar2Red:before{
	background-image: -webkit-linear-gradient(#EB0000 72%, #B30000 72%);
	background-image: -o-linear-gradient(#EB0000 72%, #B30000 72%);
	background-image: linear-gradient(#EB0000 72%, #B30000 72%);
}
.scoreStar3Red:before{
	background-image: -webkit-linear-gradient(#EB0000 67%, #B30000 67%);
	background-image: -o-linear-gradient(#EB0000 67%, #B30000 67%);
	background-image: linear-gradient(#EB0000 67%, #B30000 67%);
}
.scoreStar4Red:before{
	background-image: -webkit-linear-gradient(#EB0000 60%, #B30000 60%);
	background-image: -o-linear-gradient(#EB0000 60%, #B30000 60%);
	background-image: linear-gradient(#EB0000 60%, #B30000 60%);
}
.scoreStar5Red:before{
	background-image: -webkit-linear-gradient(#EB0000 50%, #B30000 50%);
	background-image: -o-linear-gradient(#EB0000 50%, #B30000 50%);
	background-image: linear-gradient(#EB0000 50%, #B30000 50%);
}
.scoreStar6Red:before{
	background-image: -webkit-linear-gradient(#EB0000 42%, #B30000 42%);
	background-image: -o-linear-gradient(#EB0000 42%, #B30000 42%);
	background-image: linear-gradient(#EB0000 42%, #B30000 42%);
}
.scoreStar7Red:before{
	background-image: -webkit-linear-gradient(#EB0000 33%, #B30000 33%);
	background-image: -o-linear-gradient(#EB0000 33%, #B30000 33%);
	background-image: linear-gradient(#EB0000 33%, #B30000 33%);
}
.scoreStar8Red:before{
	background-image: -webkit-linear-gradient(#EB0000 23%, #B30000 23%);
	background-image: -o-linear-gradient(#EB0000 23%, #B30000 23%);
	background-image: linear-gradient(#EB0000 23%, #B30000 23%);
}
.scoreStar9Red:before{
	background-image: -webkit-linear-gradient(#EB0000 15%, #B30000 15%);
	background-image: -o-linear-gradient(#EB0000 15%, #B30000 15%);
	background-image: linear-gradient(#EB0000 15%, #B30000 15%);
}
.scoreStar10Red:before{
	background-color: #B30000;
}
.resSectionHeader{
background-color: #0C0C0C;
font-weight: normal;
font-size: 17px;
cursor: default;
padding: 5px 0;
}
.resSectionSubheader{
cursor: default;
background-color: #000;
}
.resSectionCell {
background-color: #141414;
border-right: 1px solid #1B1B1B;
border-left: 1px solid #1B1B1B;
text-align: center;
cursor: default;
}
.resolutionPerformanceTable {
	width: 100%;
	border-collapse: collapse;
float: left;
}
.metaScoreBlueStarEmpty {background: url(../images/rating/starBlue100x100GamePage.png) no-repeat;}
.addMetaScores{background: none;}
.addMetaScores:hover{background: none;}
.metaScoreData.hardwareRatingScoreStarEmpty{width:100px;}
/* Accordian style */
.accordion-toggle {
  cursor: pointer;
  font-size: 1.2rem;
  font-family: 'RobotoDraft';
  color: #FFF;
  background-color:#640202;
  border-radius: 3px;
  border: none;
  outline: none;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
  padding: 5px;
  text-align: center;
  margin-bottom: 10px;
}
.accordion-toggle:hover{
  background-color:#8a0303;
}
.accordion-content {
	display: none;
}
.accordion-content.default {
	display: block;
}
.advOptionsArrow{
	font-size: 20px;
	display: inline-block;
	transform: rotate(90deg);
}
/* Accordian style done */
/*hardware information box*/
.hardware-info-box-wrapper{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	font-family: 'RobotoDraft';
}
.hardware-info-box-category{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #790101;
	height: 30px;
	font-size: 1.2rem;
	color: #fff;
}
.hardware-info-box{
	width: 49.8%;
	border-right: 1px solid #151515;
}
.hardware-info-row{
	display: flex;
	width: 100%;
	border-bottom:1px solid #1A1A1A;
	height: 20px;
	    align-items: center;
}
.hardware-info-title{
	width: 49%;
	padding:3px;
	box-sizing: border-box;
	text-align: center;
	font-size: 0.8rem;
}
.hardware-info-value{
	width: 49%;
	border-left: 1px solid #1A1A1A;
	padding:5px;
	box-sizing: border-box;
	    text-align: center;
	    font-size: 0.8rem;
}
/* page layout redesign */
.g_wrapper{
	float:none !important;
	display: flex;
}
.hwBoxWrapper{
	display: flex;
    flex-wrap: wrap;
    width: 70%;
	align-content: flex-start;
 }
.hardware-right-column{
	width: 30%;
	    box-shadow: 0px -3px 15px -5px #000;
}
.systemRequirementsSubheadSmallerBox{
	background-color: transparent !important
}
.systemRequirementsSubheadSmallerBox{
	padding:0;
	padding-left: 5px;
	border:none;
	width: 100%;
	text-align: center;
}
.systemRequirementsSmallerBox{
	padding:0;
	padding-left: 5px;
	border:none;
}
.rightContainer{
	width: 100%;
}
#hardwarePageMainTitles{
	width: 98%;
 box-shadow: 0 4px 6px -6px #222;
     border: 1px solid #151515;
}
.speedo-container{
	padding-bottom: 0 !important;
}
.gameWeblinks{
	margin-bottom: 0 !important;
}
.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(2); }
.hardware-skip-wrapper{
    width: 100%;
    display: flex;
    justify-content: space-around;
    height: 50px;

  }
.hardware-skip-buttons{
	cursor: pointer;
    width: 150px;
    font-family: 'RobotoDraft';
    font-size: 1rem;
    color: #FFF;
    background-color: #640202;
    padding:5px;
    border-radius: 3px;
    border: none;
    outline: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
    margin-bottom: 5px;
}
.hardware-skip-buttons:hover{
	background-color: #8a0101
}
.select-2-game-fps{
	display: flex;
    width: 100%;
    justify-content: center;
    text-align: center;
}
.hardware-see-all-button-wrapper{
	width:100%;
	display: flex;
	justify-content: center;
}
.hardware-see-all-button{
	background-color: #2b942d;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
    padding: 9px;
    font-weight: normal;
    font-size: 11px;
    border: none;
    border-radius: 3px;
    outline: none;
    cursor: pointer;
    font-family: 'RobotoDraft', arial, sans-serif;
    margin-top: 10px;
}
.hardware-see-all-button a{
	color: #fff;
}
.hardware-see-all-button:hover{
    background-color: #217522;
}

.priceTable {
	width: 100%;
	margin-bottom: 2px;
}
.priceTable, .priceTable tr, .priceTable th, .priceTable td {
	border: solid 1px #151515;
	border-collapse: collapse;
}
.priceTable td {
	text-align: center;
}
.priceTable th {
	font-size: 1rem;
	font-family: 'RobotoDraft', serif;
	font-weight: normal;
}