/*-------------------------------------------------
HOW IT WORKS - CONDITIONAL CSS
-------------------------------------------------*/

.howIntro, .howQ1 {
	text-align: center;
}
.howQ1 {
	padding: 75px 0 0 0;
}
.howLinks {
	padding: 10px 0 100px 0;
	text-align: center;
}
.howLinks h4 {
	font-weight: bold;
	font-size: 22px;
	margin: 0 0 25px 0;
}
.howLinks a:link,
.howLinks a:visited {
	cursor: pointer;
	white-space: nowrap !important;
	padding: 5px 10px !important;
	text-decoration: none !important;
	font-size: 13px !important;
	color: #fff !important;
	background: #005a02;
	font-weight: bold;
	border: 2px solid #ccc !important;
	border-right: 2px solid #000 !important;
	border-bottom: 2px solid #000 !important;
	font-family: Arial, verdana, sans-serif;
}
.howLinks a:hover {
	background: #aa1d1d !important;
}

.howP1 table {
	width: 400px;
	margin: 0 auto;
}
.howP1 td {
	text-align: center;
}

.how_start {
	padding: 75px 0 25px 0;
}
.how_start a:link,
.how_start a:visited {
	color: #aa1d1d !important;
	font-weight: bold;
}
.how_start a:hover {
	color: #fff !important;
	background: #aa1d1d !important;
}

/* P2 */

.howQ2 {
	padding: 0 0 35px 0;
	text-align: center;
}
.howList h4 {
	font-weight: bold;
	font-size: 22px;
	margin: 20px 0 10px 0;
}
.howList li {
	float: left;
	padding: 10px 10px 20px 10px;
}
.howList li.genreSelected a,
.howList li.platformSelected a {
	background: #aa1d1d !important;
}
.howList li a:link,
.howList li a:visited {
	cursor: pointer;
	white-space: nowrap !important;
	padding: 5px 10px !important;
	text-decoration: none !important;
	font-size: 13px !important;
	color: #fff !important;
	background: #005a02;
	font-weight: bold;
	border: 2px solid #ccc !important;
	border-right: 2px solid #000 !important;
	border-bottom: 2px solid #000 !important;
	font-family: Arial, verdana, sans-serif;
}
.howList li a:hover {
	background: #aa1d1d !important;
}

/* P3 */

.resultTable td {
	width: auto !important;
	height: 50px !important;
}
.productColumn {
	font-weight: bold;
}
td.midTD {
	width: 70px !important;
	border: none !important;
}
.how_btnBox {
	padding: 15px 0 0 0;
}
.how_btnBox button {
	cursor: pointer;
	white-space: nowrap !important;
	padding: 5px 10px !important;
	text-decoration: none !important;
	font-size: 13px !important;
	color: #fff !important;
	background: #005a02;
	font-weight: bold;
	border: 2px solid #ccc !important;
	border-right: 2px solid #000 !important;
	border-bottom: 2px solid #000 !important;
	font-family: Arial, verdana, sans-serif;
	margin: 0 10px 0 0;
}