@charset "UTF-8";
/* TREND SECURITY IQ CSS Document */

html {
	margin:0;
	padding:0;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:20px;
	background:url(../images/tm_bg_tile32.gif) top left repeat;
}

/* LINKS --------------------------------------------------------- */
a:link {
	color:#d10000;
	text-decoration:none;
}

a:hover {
	color:#000000;
	text-decoration:underline;
}

a:visited {
	color:#d10000;
	text-decoration:none;
}

/* CLEAR FLOATS---------------------------------------  */
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* HEADERS -------------------------------------------------------------- */
h1 {
	font-weight:normal;
	margin:0;
	padding:0;
}
h1 a {
	width:222px;
	text-indent:-9999px;
	background:transparent url(../images/trendmicro.jpg) top left no-repeat;
	display:block;
}
h2 {
	font-size:36px;
	font-weight:normal;
	margin:0;
	padding:0;
}
h3 {
	font-size:16px;
	color:#666;
	font-weight:normal;
	margin:0;
	padding:0;
}

/* LAYOUT -------------------------------------------------------------- */
#wrap {
	margin:0 auto;
	height:100%;
}
#main {
	margin:0 auto;
	padding:0;
	width:980px;
	background:url(../images/body_shadow.png) top left repeat-y;
}
#header {
	height:100px;
	margin:0 0 0 20px;
}
#nav {
	float:right;
	margin:-30px 20px 0 0;
	font-size:10px;
	color:#666;
}
#nav ul {
	list-style:none;
	font-size:10px;
	color:#666;
	display:inline;
}
#nav ul li {
	list-style:none;
	font-size:10px;
	color:#666;
	display:inline;
	padding:0 10px 0 0;
}
#nav ul li .active{
	color:#111;
}

#nav ul li a {
	font-size:10px;
	color:#666;
	text-transform:uppercase;
	text-decoration:none;
}
#nav ul li a:hover {
	color:#d10000;
	text-decoration:underline;
}
#nav ul li a:hover {
	color:#666;
	text-decoration:none;
}
#image_box {
	width:960px;
	height:300px;
	margin:0 0 0 10px;
	z-index:999;
}
#image_box a img {
	border:0;	
}
#image_box h2 {
	margin:0 0 0 20px;
	padding:20px 0 10px 0;
	color:#6e4087;
	line-height:40px;
}
#image_box h2 a {
	text-decoration:none;
	color:#6e4087;
}
#image_box h3 {
	margin:0 0 0 20px;
	color:#534b73;
	line-height:20px;
}
#row1 {
	margin:0 10px 0 10px;
}
#row2 {
	margin:0 10px 0 10px;
}
#row3 {
	margin:0 10px 0 10px;
	clear:both;
}
#row1 .left, #row2 .left {
	float:left;
	width:450px;
	height:300px;
	background:#fffeff;
	border:#e0e0e0 1px solid;
	margin:20px 0 0 20px;
}
#row1 .left2 {
	float:left;
	width:450px;
	height:400px;
	background:#fffeff;
	border:#e0e0e0 1px solid;
	margin:20px 0 0 20px;
}
#row1 .right, #row2 .right {
	float:right;
	width:450px;
	height:300px;
	background:#fffeff;
	border:#e0e0e0 1px solid;
	margin:20px 20px 0 0;
}

#row3 .vids {
	float:left;
	width:920px;
	height:320px;
	background:#fffeff;
	border:#e0e0e0 1px solid;
	margin:20px 20px 0 20px;
}
.flash_alternative {
	float:left;
}
.flash_alternative2 {
	float:right;
}
.results {
	width:920px;
	height:200px;
	background:#fffeff;
	border:#e0e0e0 1px solid;
	clear:both;
	margin:0 10px 20px 10px;
}
.rating {
	width:920px;
	height:480px;
	background:#fffeff;
	border:#e0e0e0 1px solid;
	clear:both;
	margin: 0 10px 0 10px;
}
.holiday {
	width:920px;
	background:#fffeff;
	border:#e0e0e0 1px solid;
	clear:both;
	margin: 0 10px 0 10px;
}
#q_right {
	float:left;
	width:450px;
	margin:0 0 10px 0;
}
#q_wrong {
	float:left;
	width:450px;
	margin:0 0 10px 0;
}
#score {
	float:right;
	width:450px;
}
.score_txt {
	color:#d10000;	
}
#test_again {
	float:right;
	width:450px;
}
.no_border {
	border:0;			
}
#quiz_box {
	margin:20px;
}
#right_column {
	float:right;
	margin:0 10px 0 0;
	padding:20px;
	background:#f6f6f6;
}
#quiz {
	
}
#video {
	padding:10px;
	text-align:center;
}
#footer {
	margin:0 auto;
	width:980px;
	height:100px;
	background:url(../images/footer_bkgd.png) top left no-repeat;
}
#footer_content {
	margin:0 20px;	
}
#footer_content p {
	margin:0;	
	padding:30px 10px 0 0;
	float:right;
	display:block;
	color:#CCC;
}
#footer_content p.footer_left {
	padding:30px 0 0 10px;
	float:left;
}

ol li {
	margin:20px 0 10px -10px;
	font-weight:bold;
	padding:0;
}
.answers {
	display:block;
	margin:0;
	padding:0;
	clear:both;
}
.answers2 {
	display:block;
	margin:0;
	padding:0;
	clear:both;
}
#quiz_box .answers input {
	margin:0 6px 4px 0px;	
}
#quiz_box .answers input .input_txt {
	margin:-2px 0 0 0;	
}
#quiz_box .answers2 input {
	margin:0 6px 4px 0;	
}
#quiz_box .answers {
	padding:0;
	font-weight:normal;
}
#quiz_box .answers2 {
	padding:0;
	font-weight:normal;
}
.bonus {
	padding:10px 10px 0 10px;
	margin:0 0 0 0;
	font-weight:bold;
	font-size:14px;
	line-height:14px;
	color:#d10000;
}
.question {
	font-weight:bold;
	padding:10px 10px 0 10px;
	margin:0;
}
.buttons {
	padding:10px;	
}
.column {
	width:437px;
	float:left;	
	background:#fffeff;
	border:#e0e0e0 1px solid;
	margin: 0 10px 0 10px;
}
.header {
	margin:0;	
	padding:10px;
	font-weight:bold;
	font-size:14px;
	line-height:14px;
	color:#505050;
	text-transform:uppercase;
	background:transparent url(../images/gradient.jpg) top left repeat-x;
	border-bottom:#e0e0e0 1px solid;
}
.header a {
	color:#505050;	
	text-decoration:none;
}
.header a:hover {
	color:#d10000;	
	text-decoration:none;
}
.header a:visited {
	text-decoration:none;
}
.sidebar_header {
	margin:0;	
	padding:10px;
	font-weight:bold;
	font-size:18px;
	color:#505050;
	text-transform:uppercase;
	background:#e6e6e6;
}
.sidebar_text {
	margin:0;	
	padding:10px;
	font-size:14px;
	line-height:20px;
}
p.sidebar_text {
	margin:0;	
	padding:10px 10px 0 10px;
	font-size:14px;
	line-height:20px;
}
.sidebar_text2 {
	margin:0;	
	padding:0 10px;
	font-size:14px;
	line-height:20px;
}
.holiday_space {
	margin:10px 0 0 0;	
}
.thumbnail {
	margin:10px 10px 0 10px;
	padding:10px;
	border:#dfdfdf 1px solid;
	background:#ffffff;
}
.icon {
	margin:0;
	padding:10px;
	background:#ffffff;
	float:left;
}
.icon2 {
	margin:0;
	padding:10px;
	background:#ffffff;
	float:left;
}
.sale {
	margin:10px;
	border:1px solid #e0e0e0;
	float:right;
	padding:10px;
}
.tips {
	margin-left:auto;
	margin-right:auto;
	width:800px;
}
ol li {
	font-weight:normal;	
}
p.disclaimer {
	margin:0;	
	padding:30px 10px 0 10px;
	font-size:10px;
	line-height:12px;
	color:#333;
}
ul.sidebar_text {
	margin:0 0 0 14px;	
}
p.sidebar_subhead {
	margin:0;	
	padding:10px 10px 0 10px;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
}
table {
	margin:10px;
	border:1px solid #e0e0e0;
	border-collapse: collapse;	
}
table th {
	background:transparent url(../images/gradient.jpg) top left repeat-x;
    color: #505050;
    text-transform: uppercase;
	padding:5px 0 5px 0;
	border-bottom:1px solid #e0e0e0;	
}
table td {
	padding:10px;
	border-right:1px solid #f0f0f0;	
}
.category {
	background:#f0f0f0;
	padding:4px 10px 4px 10px;
}
.even {
	border-top:1px solid #e0e0e0;	
	border-bottom:1px solid #e0e0e0;	
}
td>p {
	margin:0;
	padding:0;	
}
.footnote {
	font-size:10px;
	text-align:right;
	font-style:italic;
	padding:0 20px 0 0;	
}