﻿
/* 7" landscape 800*480 */
/*@media only screen and (orientation:landscape) and (device-width: 800px) 
{*/
    /* Global Styles */

header
{
	padding:10px 25px 0px;
	width:750px;
	overflow:hidden;
	
}






#container
{
	max-width:800px;
}

#main
{ 
	padding:0px 25px 0px 25px;
	width:750px;
	background-color:#ffffff;	
	padding-top:10px;
	float:left;
	
}
#mainNav
	{	
	   
		
	    width:100%;	   
		margin:20px 0 0px 0;
		
		
	}


#mainNav li
{
	font-size:14px;
	color:#2c3d00;
	display:block;
	float:left;
	background:#a6c755;
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	padding:6px 15px;
	margin:0 5px 0px 0;	
	 
	
}

/*homepage revamp**/


#leftCol
{
    width:440px;
    overflow:hidden;
    float:left;
}
#rightCol
{
   
    width:290px;
    float:left;
    margin-left:20px;
    overflow:hidden;
}

/**************newly Apps***********/
#newlyApps
{
    width:440px; height:190px;
}



.appList
{
    float:left;
    margin-left:0px; margin-top:24px;
    width:330px; height:160px; overflow:hidden;
}
.app
{
    float:left;
    margin-left:30px;
    width:80px;
    height:150px;
}
.app img
{
    float:left;
    width:80px; height:80px;
}
.app a.img
{   
    float:left;
    width:80px;
     
}
.app a.text
{
    width:80px;
    margin-top:10px;
    float:left;
    text-align:center;
    font-size:11px;
    color:#323232;
}
.appMore
{
    float:left;
    margin-left:30px;margin-top:24px;
    width:80px;
    height:80px; line-height:80px;
    text-align:center;
    overflow:hidden;
    background-image:url(../images/homepage/newly_apps_bg.jpg);
    background-position:-580px -52px; background-repeat:no-repeat;
   
  
}
.appMore a
{
     font-size:14px;  color:#FFFFFF;
     display:block;
    
}

/***************news***************/
.newsline
{
    margin:10px 0;
    background-image:url(../images/homepage/line1.jpg); height:1px;  
    width:100%;
   
}
.newsItemLine
{
    margin:10px 0;
    background-image:url(../images/homepage/line1.jpg); height:1px;  
    width:100%;
    margin-left:17px;
    
}

#newsblock
{
    
     width:440px;      
     background-repeat:no-repeat;
     float:left;
     overflow:hidden; 
}


#newsblock .navTitle
{
    
    font-size:16px;
    color:#608600;
    height:28px;  line-height:28px;
    background-image:url(../images/homepage/whatsnew_bg.jpg); background-repeat:no-repeat;
    padding-left:17px;  font-weight:500;
   
}

#newsblock div.list
{    
   float:left;
   width:100%; overflow:hidden;
   margin-top:15px;
   overflow:hidden;
}
div.news
{
    width:100%;
    float:left;
}

div.news .title .titleLeft
{
    margin-left:17px;  width:75%; float:left;
}

div.news a
{
    text-decoration:none;
    font-size:14px;
    color:#608600;
    font-weight:500;
    
}
div.news .title .date
{     
    font-size:12px;
    color:#608600;
    float:right;
   
}
div.news .brief
{
    
    float:left;
    width:98%;
    margin-left:17px;margin-top:7px;
    font-size:12px; color:#323232;
}


#newsblock .linkMore
{
    margin-top:15px;
    text-align:right; 
      
}
.btnMore
{
    color:#323232;
     width:55px; height:26px; line-height:26px;
     text-align:center;
     float:right;
     margin-top:5px;
     background-image:url(../images/homepage/btn_more.jpg); background-repeat:no-repeat;
    
}

#onLikeUsLine
{
    background-image:url(../images/homepage/line1.jpg); height:1px;
    width:auto; float:left; margin-left:25px;
}

/*************tips************/
.tipsline
{
   background-image:url(../images/homepage/line1.jpg); height:1px;
    width:100%; float:left;
    margin:10px 0px;
    display:none;
}
#tips
{
    width:100%;
    float:left;
    margin-left:0px;        
    overflow:hidden;    
}
#tips .title
{
    width:100%;   
}
.subtitle
{
    width:auto;
     font-size:1.1em; color:#608600;
    margin-left:14px;
}
#tips ul
{
    padding:0px; margin:0px;
    width:90%;
    margin-left:14px;
    float:left;
    margin-top:5px;   
    list-style: disc outside none;
    display:block;
    padding-right:5px;
}
#tips ul li
{   
   margin-top:9px;
   margin-left:5px;
   
}
#tips ul li a
{
    font-size:12px;
    color:#323232;   
}
.topMore
{
    margin-top:15px;
    text-align:right; 
    padding-right:5px;
    
}



/*********************like us****************/

#likeUs
{ 
     width:100%;          
     margin-top:0px;     
}



.likebutton
{
    width:100%; height:183px; 
}





/*}*/




