.background
{ 
   background-color: #dfdfdd;
   background-image: url(../image/background.jpg);
   background-repeat:repeat-x;
   margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 0px; 
} 

/*main white background
.mainback
{ 
   margin:0 auto;
   background-image:url(../image/Main.png);
   background-repeat:repeat-y;
   position:relative;
   padding-bottom:10px;
   width:980px;
   height:100%
} */

/*header
.header
{
  width:905px;
  height:120px;
  position:relative;
  margin:0 auto;
}

.logo
{
  width:275px;
  height:80px;
  top:30px;
  left: 0px;
  position:relative;
  float:left;
  background-color:#CCCCCC
}


.headermenu
{
  width:600px;
  height:20px;
  top:100px;
  float:right;
  position:relative;
}*/

/*Menu
.menu
{
  height: 40px;
  width:905px;
  position:relative;
  background-image:url(../image/Menu_Back.jpg);
  background-repeat:repeat-x;
  margin:0 auto
}

.homemenu
{
  position:relative;
  height:40px;
  background-image:url(../image/Home_Menu.png)
}

.linebottommenu
{ 
  position:relative;
  margin:0 auto;
  height:5px;
  width:905px;
  background-color:#5e5e5e
}*/

/*content
.maincontent
{
  position:relative;
  margin:0 auto;
  margin-top:20px;
  background-color:#FFFFFF;
  width:905px;
  height:100%;
}*/

/*todays Software
.todayscontent
{
  position:relative;
  background-color:#FFFFFF;
  width:538px;
  height:336px;
  float:left
}

.todaystop
{
  position:relative;
  background-image:url(../image/Todays_Top.jpg);
  height:25px;
  width:538px;
}
.todaycenter
{
  position:relative;
  background-image:url(../image/Todays_Center.gif);
  background-repeat:repeat-x;
  height: 285px;
  width:538px;
}*/

.todaycenterTitle
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:25px;
  font-weight:bold;
  color:#5e5e5e
}

/*
.todaycenterIcon
{
  position:relative;
  height:200px;
  width:210px;
  margin-left:15px;
  float:left
}*/

.todaycenterContentTitle
{
  position:relative;
  height:25px;
  width:295px;
  float:left
}
/*
.todaycenterContent
{
  position:relative;
  height:45px;
  width:295px;
  float:left
}

.todaybottom
{
  position:relative;
  background-image:url(../image/Todays_Bottom.jpg);
  height:25px;
  width:538px;
}/*

/*Software Category*/
.SoftwareCategory
{
  position:relative;
  background-color:#FFFFFF;
  width:178px;
  height:336px;
  float:left;
  margin-left:10px; 
}
.SoftwareTop
{
  position:relative;
  background-image:url(../image/Software_Top.jpg);
  width:178px;
  height:35px;
}
.SoftwareLeft
{
  position:relative;
  background-color:#b3b3b3;
  width:1px;
  height:287px;
  float:left;
}
.SoftwareContent
{
  position:relative;
  background-color:#FFFFFF;
  width:174px;
  height:287px;
  float:left;
}
.SoftwareRight
{
  position:relative;
  background-color:#b3b3b3;
  width:1px;
  height:287px;
  float:right;
}
.SoftwareBottom
{
  position:relative;
  background-image:url(../image/Software_bottom.gif);
  background-repeat:no-repeat;
  height:14px;
  clear:both
}

/*Tips and Trick Info*/
.Tips
{
  position:relative;
  margin-left:735px;
  height:336px;
  width:165px;
}

.TipsContent
{
  position:relative;
  height: 115px;
  width:164px;
}

.TipsContentText
{
  position:relative;
  height:15px;
  width:164px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#5e5e5e
}

/*News*/
.SecondRow
{
  position:relative;
  margin-top:20px;
  width:900px;
  height:auto;
  clear:both;
  float:left
}

.News
{
  position:absolute;
  margin-top:20px;
  width:538px;
  height:auto;
  float:left
}

.FreeDownload
{
  position:absolute;
  background-color:#00FF00;
  margin-left:20px;
  width:350px;
  height:auto;
}

/*font*/
.headermenufonts
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#0063c1
}

.headermenufonts a
{
  color:#0063c1;
  text-decoration:none
}

.headermenufonts a:hover
{
  color:#0986ff
}

.topheadermenufonts
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#b3b3b3
}

.topheadermenufonts a
{
  color:#b3b3b3;
  text-decoration:none
}

.topheadermenufonts a:hover
{
  color:#FFFFFF;
}

.TodayTitleFont
{
  font-family: Arial, Helvetica, sans-serif;
  font-size:19px;
  font-weight:600;
  text-decoration:none;
  color:#FFFFFF
}

.TodayTitleFont a
{
  text-decoration:none;
  color:#FFFFFF
}

.TodayTitleFont a:hover
{
  color:#e3e3e3;
}

.TodayContentFont
{
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  line-height:15px;
  font-weight:600;
  text-decoration:none;
  color:#FFFFFF
}

.TodayReadMore a
{
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  line-height:15px;
  font-weight:600;
  text-decoration:none;
  color:#bfd67c
}

.TodayReadMore a:hover
{
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  line-height:15px;
  font-weight:600;
  color:#bfd67c;
  text-decoration:underline;
}

.TitleFont
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:16px;
  font-weight:bold;
  text-decoration:none;
  color:#0162c0
}

.TitleFont a
{
  text-decoration:none;
  color:#0162c0
}

.TitleFont a:hover
{
  color:#0986ff;
}


.NewsIntro
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:13px;
  font-weight:bold;
  text-decoration:none;
  float:left;
  color:#0162c0
}

.NewsIntro a
{
  text-decoration:none;
  color:#0162c0
}

.NewsIntro a:hover
{
  color:#0986ff;
}

#NewIcon
{
  
  background-image:url(image/New-Icon.gif);
  background-repeat:no-repeat;
  font-size:10px; 
  color:#FFFFFF;
  text-decoration:blink;
  width:100px;
 
 
}


.ContentFont
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  line-height:15px;
  color:#5e5e5e
}

.ContentFont a
{
  color:#0162c0
}

.ContentFont a:hover
{
  color:#0986ff;
}

.LatestContentFont
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  line-height:13px;
  color:#0162c0
}

.LatestContentFont a
{
  color:#0162c0;
  text-decoration:none
}

.LatestContentFont a:hover
{
  color:#0986ff;
  text-decoration:underline
}

.SoftCategoryTitle
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  font-weight:bold;
  color:#5e5e5e
}

.SoftCategoryContent
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:9px;
  line-height:13px;
  color:#5e5e5e
}

.SoftCategoryContent a
{
  text-decoration:none
}

.SoftCategoryContent a:hover
{
  text-decoration:underline
}

.FreeDownloadHeader
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:20px;
  font-weight:bold;
  color:#5e5e5e
}

.FreeDownloadTitle
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:bold;
  color:#0162c0
}

.FreeDownloadTitle a
{
  color:#0162c0;
  text-decoration:none
}

.FreeDownloadTitle a:hover
{
  color:#0986ff
}

.SmallTableHeader
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  margin-left:5px;
  color:#5e5e5e
}

.SmallTableContent
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  line-height:15px;
  margin-left:5px;
  color:#0162c0
}

.SmallTableContent a
{
   text-decoration:none;
   color:#0162c0
}

.SmallTableContent a:hover
{
   color:#0986ff
}

.History
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:9px;
  color:#0162c0
}

.History a
{
  color:#0162c0
}

.History a:hover
{
  color:#0986ff
}

.Date
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:9px;
  color:#989898
}

.Rate
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:9px;
  line-height:17px;
  color:#217cd4
}

.Rate a
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:9px;
  line-height:17px;
  color:#217cd4;
}

.Rate a:hover
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:9px;
  line-height:17px;
  color:#217cd4;
}

.RatingTitle
{ 
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;
  color:#FFFFFF
}

.PageTitle
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:23px;
  font-weight:bold;
  color:#5e5e5e
}

.FooterMenu
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#b9b9b9
}

.FooterMenu a
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#b9b9b9;
  text-decoration:none
}

.FooterMenu a:hover
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#b9b9b9;
  text-decoration:underline
 
}

#HeadLatest_news ul{margin:0 0 8px -25px;list-style:none inside none;}
#HeadLatest_news li{text-decoration:none;no-repeat -50px -6px;}


.info{
    position:relative; /*this is the key*/
    z-index:24; 
    color:#000;
    text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	line-height:14px;
	}

.info:hover{z-index:25;}

.info span{display: none}

.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:25px; left:-250px; width:250px;
    border:1px solid #5e5e5e;
    background-color:#000000; color:#ababab;
	padding: 8px 10px 8px 10px;
    text-align: left}