/*****************************************************
common
*****************************************************/
@import url("base.css");
@import url("header_footer.css");


/*****************************************************
********* common: index page  **********
*****************************************************/

.clear{
    clear:both;
	}	
	
	
/*****************************************************
******************* Index page  **********************
*****************************************************/
	
/*****************************************************
main area
*****************************************************/
p#flash{
	clear:both;
	width:922px;
	height:280px;
	margin:1px 0px 2px;
	}

	
/*****************************************************
contents
*****************************************************/
/*=== 3column layout ===============================*/
div#left-centerbox{
    float:left;
	width:691px;
	margin:0px 2px 2px 0px;
	}
div#rightbox{
	float:left;
	width:229px;
	height:650px;
	margin:0px 0px 2px 0px;
	background:url(../img/bg_index_gray.jpg) left top repeat-x;
	}

div#left-centerbox div#leftbox{
    float:left;
	width:229px;
	margin-right:2px;
	height:650px;
	background:url(../img/bg_index_gray.jpg) left top repeat-x;
    }
div#left-centerbox div#centerbox{
    float:left;
	width:460px;
	height:487px;
	background:url(../img/bg_index_gray.jpg) left top repeat-x;
    }

/*--title(background:gray)--*/	
p.menutitle{
    margin:0px;
    padding:4px 0px 0px 17px;
	height:23px;
    font-weight:bold;
	color:#000;
	}
div#centerbox p.menutitle{
    width:443px;
    background:url(../img/menu_title_left.png) left top no-repeat;
	}
div#rightbox p.menutitle{
    width:212px;
    background:url(../img/menu_title_right.png) left top no-repeat;
    color:#003366;
	}
	
/*=== News(leftbox)================================*/

div#leftbox #releases{
    display:none;
	}

/* --- title (button) --- */
div#leftbox p.menutitle{
    float:left;
	padding-left:12px;
	}
div#leftbox p#newstitle01{
    width:103px;
	background:url(../img/bt_news01.gif) left top no-repeat;
	}
div#leftbox p#newstitle02{
    width:103px;
	background:url(../img/bt_news02.gif) left top no-repeat;
	}
div#leftbox p#releasetitle01{
    width:102px;
	background:url(../img/bt_releases01.gif) left top no-repeat;
	}
div#leftbox p#releasetitle02{
    width:102px;
	background:url(../img/bt_releases02.gif) left top no-repeat;
	}
div#leftbox p.menutitle a{
    color:#fff;
	font-size:100%;
    text-decoration:none;
	}	
		
dl.news{
    width:209px;
	margin:0px 10px;
	padding-top:5px;
	}
dl.news dt{
	padding-top:4px;
	padding-bottom:2px;
	line-height:16px;
	font-weight:bold;
	}
dl.news dd{
    padding-bottom:10px;
	line-height:14px;
	font-size:100%;
	color:#666666;
	text-align:left;
	}
dl.news img{
	line-height:14px;
	vertical-align:middle;
	display: table-cell;
	font-size:100%;
	color:#666666;
	
	}
dl.news dt a{
    text-decoration:none;
	color:#0066cc;
	}
dl.news dd a{
    text-decoration:none;
	color:#333;
	}
dl.news dt a:hover,
dl.news dt a:active{
    color:#3399ff;
	}
dl.news dd a:hover,
dl.news dd a:active{
    color:#777;
	}
	
	/*----news download-=-----*/
	
dl.newsdownload{
    width:209px;
	margin:0px 10px;
	padding-top:5px;
	}
dl.newsdownload dt{
	padding-top:4px;
	padding-bottom:2px;
	line-height:16px;
	font-weight:bold;
	text-align:center;
	}
dl.newsdownload dd{
    padding-bottom:10px;
	line-height:14px;
	font-size:100%;
	color:#666666;
	font-size:9px;
	text-align:center;
	}
dl.newsdownload dt a{
    text-decoration:none;
	color:#0066cc;
	}
dl.newsdownload dd a{
    text-decoration:none;
	color:#333;
	}
dl.newsdownload dt a:hover,
dl.newsdownload dt a:active{
    color:#3399ff;
	}
dl.newsdownload dd a:hover,
dl.newsdownload dd a:active{
    color:#777;
	}
	
	/*-------------------*/
	
p.morenews{
    width:60px;
    position:absolute;
	top:922px;
	margin-left:170px;
	}
p.morenews a{
    display:block;
	width:60px;
	padding:0px 0px 1px 0px;
	background:url(../img/bt_more.png) left top no-repeat;
	text-decoration:none;
	font-weight:bold;
	color:#000;
	}
p.morenews a:hover,
p.morenews a:active{
    color:#333;
	}	

/*=== Products Information(centerbox) =======================*/	

	
dl.probox{
    width:421px;
    margin:0px 16px 0px 23px;
	padding-top:13px;
	clear:both;
	}
dl.probox dt{
    margin-bottom:8px;
	width:176px;
	height:22px;
	}
dl.probox dt img{
	
	height:22px;
	}
dl.probox dd.protxt{
    float:right;
	width:327px;
	padding-left:20px;
	}
dl.probox dd.proimg{
    float:left;
	width:74px;
	}

dl.probox dd span{
    display:block;
	padding-top:3px;
	}
dl.probox dd span a{
    display:block;
	float:left;
	font-size:100%;
	color:#333;
	text-decoration:none;
	text-align:right;
	}
dl.probox dd span a.learnmore{
    margin-right:20px;
    padding-right:12px;
    width:62px;
	height:14px;
    background:url(../img/learnmore.gif) right center no-repeat;
	}
dl.probox dd span a.download{
    padding-right:12px;
	width:86px;
	height:14px;
    background:url(../img/download_trial.png) right center no-repeat;
	}
dl.probox dd span a:hover,
dl.probox dd span a:active{
    color:#333;
	text-decoration:underline;
	}	
	
/*=== Compare(rightbox) ==================================*/

div#rightbox div.cccblock{
    width:205px;
	padding:0px 12px 20px;
	}
div.cccblock p{
    padding-top:10px;
	}
div#rightbox p.links{
	}
div#rightbox p.links a{
    color:#660000;
	text-decoration:none;
	}	
div#rightbox p.links a:hover,
div#rightbox p.links a:active{
    color:#660000;
	text-decoration:underline;
	}