/******************************* Home.aspx page css with download button**********************************/

body, div, p, h1, h2, h3, ul, li
{
    margin: 0;
    padding: 0;
    font: normal 12px Arial;
}
img
{
    border-width: 0;    
}
.MainHome
{
	width: 793px;
	margin: 0 auto;
}
.TopImage
{
	height: 14px;
	font-size: 14px;
	line-height: 14px;
}
.logo
{
	position: absolute;
	top: -9px;
	left: 10px;
	z-index: 1000;
}
.CenterHome
{
	border-left: 6px solid #a3d5fa;
	border-right: 6px solid #a3d5fa;
	background: #fff;
	position: relative;
}
 .OnlyMsn
 {
     text-align: left;
     padding-left: 15px;
     padding-bottom: 10px;
     color: Gray;
     font-size: 11px;
 }
 .Bullets
 {
     font-size: 12px;
     line-height: 20px;
     padding-top:5px;
 }
.Bullets ul
{
    list-style-type: none;
}

.Bullets ul li
{
    line-height:1.6;
    padding-left: 15px;
    padding-right: 15px;
}
.Lang
{
    font-size:12px;
    color:#545454;
    font-weight:bold;
}
	.CenterHome .Header
	{
		background: #dfefff;		
		height: 36px;
		position: relative;
		margin-bottom: 10px;
		
	}	
	.CenterHome .HeaderLinks
	{
		text-align: right;
		padding: 10px 10px 10px 0;
		color: #8eaed0;
		position:absolute;
		right:3px;
	}
	.CenterHome .Header .HeaderLinks a
	{
		color: #207bc5;
		font: bold 12px Arial;
		text-decoration: none;		
	}
	.CenterHome .Header .HeaderLinks a:hover
	{
		color: #194ea2;
		text-decoration: underline;
	}
	.CenterHome .FlashHome
	{
		padding: 0px 10px 0 10px;
		width: 761px;
		color: White;
		text-align: center;
	}	
		.CenterHome .FlashHome .FlashTopImage
		{
			height: 8px;
			font-size: 8px;
			line-height: 8px;
		}

		.CenterHome .FlashHome .FlashCenter h1
		{
			padding: 7px 0 5px 0;
			font: bold 26px Arial;			
		}		
		.CenterHome .FlashHome .FlashCenter h2
		{
			font: normal 16px Arial;
			padding-bottom: 10px;
		}		
		.CenterHome .FlashHome .FlashBottomImage
		{
			height: 43px;
		}
	.CenterHome .WhatIsHiYo
	{
		font: normal 12px Arial;		
	}	
	.CenterHome .WhatIsHiYo p
	{
		padding-top: 5px;
		line-height: 20px;
	}	
	.CenterHome .WhatIsHiYo #DefaultBullets
	{
	    padding-bottom: 50px;
	}	
	.CenterHome #Notice
	{
        padding: 20px 0 0 70px;
	}
	.CenterHome #Notice p
	{
	    padding: 10px 0 0 18px;
        font-weight: bold;
	}	
	.CenterHome #Notice #RedTitle
    {
        color: Red;
        font-size: 18px;
    }
    .CenterHome #Notice #BottomNotice
    {
        padding-bottom: 30px;
    }
	.CenterHome .Footer
	{
		height: 15px;
		background-color: #dfefff;
		color: #8eaed0;
	}	
	.Footer a
	{
		font: normal 11px Arial;
		color: #207bc5;
		text-decoration: none;
	}	
	.Footer a:hover
	{
		text-decoration: underline;
	}	
	.BottomImage
	{
		height: 8px;
		font-size: 8px;
		line-height: 8px;
	}	
	.Copyright
	{
		text-align: center; 
		padding: 20px 0;
		font: normal 11px Arial;
		color: #1d5dc5;
	}
	.bbb
    {
       position:absolute;
       width:116px;
       height:46px; 
    }
    .FreeAndSafeLinks img
    {
        vertical-align:middle;
    }
    .FreeAndSafeLinks a
    {
        padding-left:10px;
    }

/********************* new home page *********************/

.left-background
{
	height: 530px;
	position: absolute;
	width: 50%;
	left: 0px;
}
.right-background
{
	height: 530px;
	position: absolute;
	width: 50%;
	right: 0px;
}
.top
{
	position: relative;
	width: 1002px;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
	height: 530px;
}
.top a
{
	color: #fff;
}
.top .content
{
	position: absolute;
	padding-left: 111px;
}
.top .hiyo-logo
{
	position: absolute;
	top: 29px;
	z-index: 2;
}
.top .logo-download
{
	text-align: center;
	position: absolute;
	top: 47px;
	left: 337px;
	z-index: 2;
}
.top .logo-download img
{
	margin-bottom: 3px;
}
.top .logo-download a
{
	font-size: 11px;
	white-space:nowrap;
}
.top .text
{
	position: absolute;
	top: 140px;
	width: 390px;
	padding-left: 13px;
	z-index: 2999;
}
.top .text .title
{
	font-size: 22px;
	font-weight: bold;
	color: #f0ff00;
	margin-bottom: 7px;
}
.top .text .body
{
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 5px;
}
.top .download-button-container
{
	position: absolute;
	top: 342px;
	left: 120px;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
	width: 305px;
}
.top .download-button-container a.text-link
{
	color: #f0ff00;
	position: relative;
	z-index: 2;
}
#homePageDownloadButton 
{
	color: #f0ff00;
	z-index: 2;
	/*display:block;*/
}
#flash-movie-container
{
	position: absolute;
}
.emoticons-section
{
	margin: 0px auto 0px auto;
	width: 820px;
}
.emoticons-section .title
{
	font-size: 20px;
	color: #0f3850;
	margin-top: 13px;
	text-align: center;
}
.emoticons-section .emoticons .text
{
	position: relative;
	float:left;
	left: 30px;
	margin-top: 27px;
	width: 335px;
	color: #6a6a6a;
	font-size: 12px;
	line-height: 24px;
}
.emoticons-section .emoticons img
{
	position: relative;
	float: right;
	width: 400px;
	margin-left: 130px;
	width: 321px;
	height: 160px;
	margin-top: 17px;
}
.emoticons-section .animated
{
	position: relative;
	float: left;
	margin-top: 33px;
	width:100%;
	
}

.emoticons-section .animated .text
{
	position: relative;
	float: left;
	left: 30px;
	margin-top: 27px;
	width: 335px;
	margin-top: 10px;
	color: #6a6a6a;
	font-size: 12px;
	line-height: 24px;
}
.emoticons-section .animated img
{
	position: relative;
	float: right;
	width: 321px;
	height: 151px;
	margin-left: 130px;
}
.bottom
{
	clear: both;
	text-align: center;
	padding-top: 35px;
}
.bottom .security-seals
{
	margin: 17px auto 0px auto;
}
.bottom .security-seals .free-safe
{
	float: left;
	width: auto;
	text-align:left;
	margin-right:20px;
}
.bottom .security-seals .free-safe a
{
	display: block;
	line-height: 22px;
}
.bottom .security-seals .mcafee
{
	float: left;
	margin-right: 20px;
	position: relative;
	top: 5px;
}
.bottom .security-seals .bbb
{
	float: left;
}
.middle-seperator
{
	height: 30px;
	clear: both;
}
.what-do-you-get-title
{
	clear: both;
	height: 40px;
	background: #042474;
	text-align: center;
	width: 820px;
	margin: 0px auto 0px auto;
}
.what-do-you-get-title .text
{
	color: #fff;
	font-size: 20px;
	padding-top: 7px;
}
.what-do-you-get-title .left
{
	float: left;
	width: 8px;
	height: 40px;
}
.what-do-you-get-title .right
{
	float: right;
	width: 8px;
	height: 40px;
}
.what-do-you-get
{
	clear: both;
	width: 760px;
	margin-left: auto;
	margin-right: auto;
}
.what-do-you-get .feature
{
	clear: both;
	margin: 0px 0px 45px 0px;
	padding-top: 20px;
	height: 150px;
}
.what-do-you-get .feature .title
{
	line-height: 24px;
	font-size: 14px;
	font-weight: bold;
	width: 355px;
}
.what-do-you-get .feature .text
{
	line-height: 24px;
	color: #6a6a6a;
	width: 355px;
}
.what-do-you-get .feature .image-container
{
	border: 1px solid #fff;
	float: right;
	width: 310px;
	text-align: center;
}
.what-do-you-get .feature .image-container img
{
	margin-bottom: 10px;
}
.what-do-you-get .feature .image-container a
{
	display: block;
}
.long-bottom-container
{
	text-align: center;
	width: 382px;
	margin-left: auto;
	margin-right: auto;
	line-height: 24px;
	padding-top: 16px;
}
.long-bottom-container .no-spyware
{
	font-size: 11px;
	color: #9a9a9a;
}
.long-bottom-container .download-text
{
	display: block;
}
.bottom-links
{
	clear: both;
	text-align: center;
	padding-top: 35px;
	font-size: 12px;
	color: #6a6a6a;
}

.bottom-links a
{
	color: #6a6a6a;
	text-decoration: none;
}
.bottom-links a:hover
{
	text-decoration: underline;
}
.bottom-links a.hiyo
{
	color: #0000ff;
	font-weight: bold;
	cursor:hand;
}
.copyrights
{
	clear: both;
	padding-top: 23px;
	padding-bottom: 30px;
	font-size: 11px;
	color: #6a6a6a;
	text-align: center;
}
.languages 
{
	clear: both;
	padding-top:23px;
	font-size: 11px;
	color: #6a6a6a;
	text-align: center;
}
.languages a
{
    text-decoration:none;
    color: #6a6a6a;
    font-size:11px;
}

.langs-inner
{
    width:600px;
    border:0px solid red;
    line-height:19px;
}
.security-seals .bbb
{
   width:116px;
   height:46px;
   position:relative;  
}