/***********************************/
	/* GENERAL SETTINGS                */
	/***********************************/
	html, body
	{
		font-family: arial, times;
		margin: 0px;
		padding: 0px;
	}
	
	
	/***********************************/
	/* GENERAL TABLE SETTINGS          */
	/***********************************/
	table
	{
		border-collapse: collapse;
	}
	
	td, th
	{
		vertical-align: top;
		text-align: left;
	}
	
	
	/***********************************/
	/* LINK SETTINGS                   */
	/***********************************/
	a
	, a:visited
	, .link
	, .link:visited
	{
		font-weight: bold;
		color: blue;
		cursor: pointer;
		text-decoration: underline;
	}
	
	  a:hover
	, a:active
	, .link:hover
	, .link:active
	{
		text-decoration: none;
	}
	
	.link
	{
		height: 20px;
	}
	
	.link#selected, .link#selected:hover
	{
		text-decoration: none;
	}
	
	
	
	/*********************************/
	/* ERROR AND SUCCESS SETTINGS    */
	/*********************************/
	#error, #success
	{
		padding: 10px;
		font-size: 12px;
	}
	
	#error
	{
		background: url(../images/error_back.gif) repeat-x top left #ffd721;
		list-style-type: none;
	}
	
	#success
	{
		background: #c4ffa1;
	}
	
	
	
	/*********************************/
	/* TITLE SETTINGS                */
	/*********************************/
	#title_big
	{
		font-size: 33px; 
		font-size: 27px;
		
		font-size: 23px;
		font-weight: bold;
	}
	
	#title_header
	{
		font-size: 25px;
	}
	
	#title
	{
		font-size: 20px;
	}
	
	#label
	{
		font-weight: bold;
	}
	
	
	
	/**********************************/
	/* REPORT AREA SETTINGS           */
	/**********************************/
	.report_area
	{
		width: 980px;
	}
	
	
	
	
	/**********************************/
	/* SIDE AREA SETTINGS             */
	/**********************************/
	#side_area
	{
		background: url(../images/side_area_back.gif) #e4f6ff repeat-x left top;
		width: 307px;
		width: 31%;
		height: 100%;
	}
	
	#side_area #report_card_row
	{
		line-height: 35px;
		padding: 0px 15px 0px 15px;
	}
	
	#side_area #product
	{
		font-size: 11px;
		line-height: 25px;
		padding-left: 10px;
		/* border: 1px solid orange; */
	}
	
	#side_area .home_page #content
	{
		font-size: 12px;
		padding: 10px;
		font-weight: bold;
	}
	
	
	
	/**********************************/
	/* MAIN AREA SETTINGS             */
	/**********************************/
	.main_area
	{
		width: 673px;
		border-right: 1px solid silver;
		width: 69%;
	}
	
	.main_area .button
	{
		margin-right: 0px;
	}
	
	
	.content_area
	{
		height: 430px;
		overflow: auto;
	}
	
	
	/**********************************/
	/* MENU AREA SETTINGS             */
	/**********************************/
	.menu_area
	{
		padding-right: 5px;
	}
	
	
	
	/***********************************/
	/* PANNEL SETTINGS                 */
	/***********************************/
	#panels
	{
		color: black;
	}
	
	#panels #panel
	{
		padding: 10px;
		display: none;
	}
	
	#panels #panel td, #panels #panel
	{
		font-size: 13px;
		text-align: left;
	}
	
	
	
	/***********************************/
	/* BODY PANEL REPORT CARD SETTINGS */
	/***********************************/
	#panels #panel #report_card
	{
		width: 300px;
		padding: 15px;
		
		font-size: 13px;
		text-align: left;
		
		border: 1px solid silver;
	}
	
	#panels #panel #report_card #report_card_row
	{
		line-height: 23px;
		border-bottom: 1px dashed silver;
		padding: 0px 15px 0px 15px;
	}
	
	
	
	/***********************************/
	/* DIVIDER SETTINGS                */
	/***********************************/
	  #divider
	, #side_area #divider_blue
	, #summary #divider
	{
		display: block;
		overflow: hidden;
		height: 1px;
		
		line-height: 1px;
		
		padding: 2px 0px 2px 0px;
		margin: 2px 0px 2px 0px;
	}
	
	#divider
	{
		border-bottom: 1px dashed silver;
	}
	
	#divider_vertical
	{
		display: block;
		width: 5px;
		height: 20px;
		
		border-left: 1px solid black;
		
		padding: 0px 5px 0px 0px;
		margin: 0px 0px 0px 10px;
	}
	
	#side_area div#divider_blue
	{
		padding: 0px;
		height: 2px;
		background: url(../images/divider_blue.gif) left top;
	}
	
	.body_area div#divider_blue
	{
		display: none;
	}
	
	
	
	/***********************************/
	/* CATEGORY HEADER ICON SETTINGS   */
	/***********************************/
	  .menu_icon div#RESULT
	, .menu_icon div#AV
	, .menu_icon div#AS
	, .menu_icon div#BACK
	, .menu_icon div#BACK
	, .menu_icon div#FW
	, .menu_icon div#OPT
	, .menu_icon div#P2P
	, .menu_icon div#SUMMARY
	, .menu_icon div#WIFI
	, .menu_icon div#WINDOWS
	, .menu_icon div#move_left
	, .menu_icon div#move_right
	{
		width: 65px;
		height: 83px;
		
		cursor: pointer;
	}
	
	  .menu_icon div.hover #RESULT
	, .menu_icon div.hover #AV
	, .menu_icon div.hover #AS
	, .menu_icon div.hover #BACK
	, .menu_icon div.hover #BACK
	, .menu_icon div.hover #FW
	, .menu_icon div.hover #OPT
	, .menu_icon div.hover #P2P
	, .menu_icon div.hover #SUMMARY
	, .menu_icon div.hover #WIFI
	, .menu_icon div.hover #WINDOWS
	{
		background-position: 0px -83px;
	}
	
	  .menu_icon div.select #RESULT
	, .menu_icon div.select #AV
	, .menu_icon div.select #AS
	, .menu_icon div.select #BACK
	, .menu_icon div.select #BACK
	, .menu_icon div.select #FW
	, .menu_icon div.select #OPT
	, .menu_icon div.select #P2P
	, .menu_icon div.select #SUMMARY
	, .menu_icon div.select #WIFI
	, .menu_icon div.select #WINDOWS
	{
		background-position: 0px -166px;
	}
	
	.menu_icon div#RESULT
	{
		background: url(../images/icon_menu_result.jpg) no-repeat left top;
	}
	
	.menu_icon div#AV
	{
		background: url(../images/icon_menu_av.jpg) no-repeat left top;
	}
	
	.menu_icon div#AS
	{
		background: url(../images/icon_menu_as.jpg) no-repeat left top;
	}
	
	.menu_icon div#BACK
	{
		background: url(../images/icon_menu_back.jpg) no-repeat left top;
	}
	
	.menu_icon div#FW
	{
		background: url(../images/icon_menu_fw.jpg) no-repeat left top;
	}
	
	.menu_icon div#OPT
	{
		background: url(../images/icon_menu_opt.jpg) no-repeat left top;
	}
	
	.menu_icon div#P2P
	{
		background: url(../images/icon_menu_p2p.jpg) no-repeat left top;
	}
	
	.menu_icon div#WIFI
	{
		background: url(../images/icon_menu_wifi.jpg) no-repeat left top;
	}
	
	.menu_icon div#WINDOWS
	{
		background: url(../images/icon_menu_windows.jpg) no-repeat left top;
	}
	
	.menu_icon div#SUMMARY
	{
		background: url(../images/icon_menu_summary.jpg) no-repeat left top;
	}
	
	
	
	/***********************************/
	/* CATEGORY SETTINGS               */
	/***********************************/
	.category
	{
		overflow: hidden;
	}
	
	.category .icon
	{
		display: block;
		width: 42px;
		height: 42px;
	}
	
	.category .message_background
	{
		display: block;
		width: 234px;
		
		color: white;
		font-size: 12px;
		margin-right: 10px;
	}
	
	
	.category #message_area
	{
		display: block;
		margin: 0px 15px 0px 15px;
	}
	
	.category #title, .category .grade_small
	{
		margin-top: 6px;
	}
	
	
	
	/***********************************/
	/* CATEGORY HEADER ICON SETTINGS   */
	/***********************************/
	  .category .icon div#AV
	, .category .icon div#AS
	, .category .icon div#BACK
	, .category .icon div#BACK
	, .category .icon div#FW
	, .category .icon div#OPT
	, .category .icon div#P2P
	, .category .icon div#SUMMARY
	, .category .icon div#WIFI
	, .category .icon div#WINDOWS
	{
		width: 100%;
		height: 100%;
	}
	
	.category .icon div#AV
	{
		background: url(../images/icon_header_av.gif) no-repeat left top;
	}
	
	.category .icon div#AS
	{
		background: url(../images/icon_header_as.gif) no-repeat left top;
	}
	
	.category .icon div#BACK
	{
		background: url(../images/icon_header_back.gif) no-repeat left top;
	}
	
	.category .icon div#FW
	{
		background: url(../images/icon_header_fw.gif) no-repeat left top;
	}
	
	.category .icon div#OPT
	{
		background: url(../images/icon_header_opt.gif) no-repeat left top;
	}
	
	.category .icon div#P2P
	{
		background: url(../images/icon_header_p2p.gif) no-repeat left top;
	}
	
	.category .icon div#WIFI
	{
		background: url(../images/icon_header_wifi.gif) no-repeat left top;
	}
	
	.category .icon div#WINDOWS
	{
		background: url(../images/icon_header_windows.gif) no-repeat left top;
	}
	
	.category .icon div#SUMMARY
	{
		background: url(../images/icon_header_summary.gif) no-repeat left top;
	}
	
	
	
	/***********************************/
	/* CATEGORY MESSAGE BACK SETTINGS  */
	/***********************************/
	.category .message_background div#header
	{
		height: 20px;
		width: 100%;
		background: url(../images/message_back_top.gif) black no-repeat left top;
	}
	
	.category .message_background div#body
	{
		width: 100%;
	}
	
	  .category .message_background div#AV
	, .category .message_background div#AS
	, .category .message_background div#BACK
	, .category .message_background div#FW
	, .category .message_background div#OPT
	, .category .message_background div#P2P
	, .category .message_background div#SUMMARY
	, .category .message_background div#WIFI
	, .category .message_background div#WINDOWS
	{
		padding-bottom: 238px;
		width: 100%;
	}
	
	
	.category .message_background div#AV
	{
		background: url(../images/banner_antivirus.jpg) black no-repeat left bottom;
	}
	
	.category .message_background div#AS
	{
		background: url(../images/banner_spyware.jpg) black no-repeat left bottom;
	}
	
	.category .message_background div#BACK
	{
		background: url(../images/banner_data.jpg) black no-repeat left bottom;
	}
	
	.category .message_background div#FW
	{
		background: url(../images/banner_firewall.jpg) black no-repeat left bottom;
	}
	
	.category .message_background div#OPT
	{
		background: url(../images/banner_upgrade.jpg) black no-repeat left bottom;
	}
	
	.category .message_background div#P2P
	{
		background: url(../images/banner_recycle.jpg) black no-repeat left bottom;
	}
	
	.category .message_background div#WIFI
	{
		background: url(../images/banner_badge.jpg) black no-repeat left bottom;
	}
	
	.category .message_background div#WINDOWS
	{
		background: url(../images/banner_windows.jpg) black no-repeat left bottom;
	}
	
	
	
	
	
	
	/**********************************/
	/* HELP MESSAGE SETTINGS          */
	/**********************************/
	.help .icon
	{
		display: block;
		overflow: hidden;
		height: 45px;
		width: 45px;
		background: url(../images/icon_help.jpg) no-repeat 0px 0px;
		cursor: pointer;
	}
	
	.help .icon:hover, .help .icon#selected
	{
		background-position: 0px -45px;
	}
	
	
	.help #message_area
	{
		display: none;
		width: 300px;
		
		position: absolute;
		left: 0px;
		margin-left: 300px;
		
		border: 1px solid gray;
		background: white;
		padding: 10px;
	}
	

	.vista #message_area
	{
		
		position: absolute;
		left: 0px;
		margin-left: 300px;
		
		border: 1px solid gray;
		background: white;
		padding: 10px;

	}
	

	
	/**********************************/
	/* BIG GRADE SETTINGS             */
	/**********************************/
	.grade_big div, .grade_small div, .grade_tiny
	{
		display: block;
		overflow: hidden;
		text-align: center; 
		padding-right: 2px;
		margin: 0px 5px 0px 5px;
	}
	
	  .grade_big div
	, .grade_big#improve div
	{
		font-size: 33px; 
		font-size: 27px;
		
		font-size: 24px;
		font-weight: bold;
	}
	
	  .grade_small div
	, .grade_small#improve div
	{
		font-size: 20px;
	}
	
	  .grade_tiny div
	, .grade_tiny#improve div
	{
		font-size: 15px;
		font-weight: bold;
	}
	
	  .grade_big#improve
	, .grade_small#improve
	, .grade_tiny#improve
	{
		background: url(../images/icon_start_tiny.gif) no-repeat right top;
	}
	
	div#A
	{
		color: #0066ff;
	}
	
	div#B
	{
		color: #009900;
	}
	
	div#C
	{
		color: #ff9900;
	}
	
	div#D
	{
		color: #cc0000;
	}
	
	
	
	/***********************************/
	/* PRODUCT AREA SETTINGS           */
	/***********************************/
	.product
	{
		overflow: hidden;
		font-size: 13px;
		padding-bottom: 10px;
	}
	
	.product #header
	{
		display: block;
		font-weight: bold;
	}
	
	.product #graphic
	{
		overflow: hidden;
		display: block;
		
		text-align: right;
		
		margin-right: 10px;
		padding: 0px 5px 0px 10px;
	}
	
	.product #graphic img, .product #graphic
	{
		width: 80px;
		height: 80px;
	}
	
	.product #title, .product #price
	{
		font-weight: bold;
		font-size: 15px;
	}
	
	
	
	/***********************************
	* SUMMARY PAGE SETTINGS            *
	************************************/
	#summary td
	{
		padding: 0px;
		margin: 0px;
	}
	
	#summary #area_1, #summary #area_2
	{
		border: 1px solid #abb9ca; 
		height: 100%;
	}
	
	#summary #title
	{
		font-size: 15px;
		font-weight: bold;
		padding: 5px;
	}
	
	#summary #content
	{
		height: 100%;
		padding: 5px;
		border-top: 1px solid #abb9ca;
	}
	
	#summary #content #product
	{
		line-height: 10px;
		border-bottom: 1px dashed gray;
		padding: 5px 0px 5px 0px;
	}
	
	#summary #content #product img
	{
		width: 25px;
		height: 25px;
		position: relative;
		bottom: 5px;
		background: white;
	}
	
	#summary #content #product #title, #summary #content #product #price
	{
		font-weight: bold;
		font-size: 13px;
		padding: 5px;
		background: white;
	}
	
	#summary .button
	{
		margin: 0px;
	}
	
	#summary .icon_area
	{
		text-align: center;
		background: #ffffcc;
	}
	
	.icon_area #button
	{
		padding: 10px;
		line-height: 12px;
	}
	
	.icon_area #icon_big
	{
		padding: 10px;
		
		font-size: 10px;
		white-space: nowrap;
	}
	
	.icon_area #icon_small
	{
		width: 130px;
		height: 100%;
		
		padding: 5px;
		
		font-size: 10px;
		line-height: 18px;
		white-space: nowrap;
	}
	
	.icon_area #icon_small .button
	{
		margin: 0px 5px 0px 5px;
	}
	
	.icon_area #border_right
	{
		border-right: 1px solid #ffe052;
	}
	
	.icon_area #border_left
	{
		border-left: 1px solid #ffe052;
	}
	
	.icon_area a
	{
		color: black;
		text-decoration: none;
	}
	
	.icon_area a:hover
	{
		text-decoration: underline;
	}
	
	
	/***********************************/
	/* BUTTON SETTINGS                 */
	/***********************************/
	.button_area
	{
		text-align: center;
	}
	
	.button
	{
		display: block;
		overflow: hidden;
		margin: 5px;
		
		cursor: pointer;
		
		background-position: left top;
		background-repeat: no-repeat;
	}
	
	.button#improve_big
	{
		width: 314px;
		height: 58px;
		background: url(../images/button_improve.jpg);
	}
	
	.button#next_big
	{
		float: right;
		width: 122px;
		height: 38px;
		background: url(../images/button_next_big.jpg);
	}
	
	.button#next_small
	{
		width: 85px;
		height: 26px;
		background: url(../images/button_next_small.jpg);
	}
	
	.button#back
	{
		float: left;
		height: 38px;
		width: 70px;
		padding-left: 10px;
		padding-top: 10px;
		
		color: blue;
		font-weight: bold;
		text-decoration: underline;
		font-size: 13px;
		
		background: url(../images/arrow_back.gif) no-repeat left center;
	}
	
	.button#ok
	{
		width: 73px;
		height: 38px;
		background: url(../images/button_ok.jpg);
	}
	
	.button#start_wizard
	{
		width: 223px;
		height: 38px;
		background: url(../images/button_start_wizard.jpg);
	}
	
	.button#proceed_download_big
	{
		width: 233px;
		height: 40px;
		background: url(../images/button_proceed_download_big.jpg);
	}
	
	.button#proceed_download_small
	{
		width: 157px;
		height: 25px;
		background: url(../images/button_proceed_download_sma.jpg);
	}
	
	.button#proceed_summary
	{
		width: 223px;
		height: 38px;
		background: url(../images/button_start_wizard.jpg);
	}
	
	.button#trash
	{
		width: 18px;
		height: 17px;
		background: url(../images/icon_trash.gif) no-repeat left top;
	}
	
	.button#trash_blue
	{
		width: 18px;
		height: 17px;
		background: url(../images/icon_trash_blue.gif) no-repeat left top;
	}
	
	.button#email_big
	{
		width: 31px;
		height: 32px;
		background: url(../images/icon_email_big.gif) no-repeat left top;
	}
	
	.button#email_small
	{
		width: 23px;
		height: 17px;
		background: url(../images/icon_email_small.gif) no-repeat left top;
	}
	
	.button#print_big
	{
		width: 33px;
		height: 32px;
		background: url(../images/icon_print_big.gif) no-repeat left top;
	}
	
	.button#print_small
	{
		width: 27px;
		height: 21px;
		background: url(../images/icon_print_small.gif) no-repeat left top;
	}