/****************************************************
 **  GENERAL  *********************
 ****************************************************/

body{
	background-color: #fff;
	font-size: 12px;
	font-family: Arial, sans-serif;
	color: #666;
	text-align: center; /* to center the container - for IE */
	padding: 0;
	margin: 0;
}
/* horizontally center the container in the browser */
#container {
	width: 905px;
	margin: auto;
	background-color: #fff; 
	text-align: left; /* to reset text alignment for all content */
	position: relative; /* to contain the menu which is absolutely positioned. */
	overflow: hidden;
}
a {
	color: #4e6f87;
	text-decoration: none;
	cursor: pointer;
}
a:hover {
	color: #0c3c60;
}
a img {
	border: 0px;	/* to eliminate the ugly 2px blue border around img inside a tags */
}



/****************************************************
 **  NAVIGATION BAR *********************
 ****************************************************/

#header {
	height: 39px;
	text-align: right;
	padding-top: 0.3em;
	padding-bottom: 20px !important;
	padding-bottom: 0px;
	position: relative; 
	margin: 38px 0px 29px 0px;
	width: 100%;
}

#menu {
	height: 33px;
	margin: 0;
	padding: 0;
	border: 0;
	background: url(../images/menu-bg.gif) repeat-x;
	z-index: 90;
	list-style: none;
	position: relative;
}

/* begin first level unselected */
#menu li {
	z-index:1000;
	position: relative;  /* to contain the dropdown menu */
	height: 33px;
	float: left;
	background: url(../images/menu-divider.gif) top right no-repeat;
	padding: 0 2px 0 0;
}
#menu li.left {
	height: 33px;
	width: 10px;
	background: url(../images/menu-left.gif) no-repeat;
	margin: 0 15px 0 0;
	padding: 0;
}
#menu li.right {
	height: 33px;
	width: 10px;
	background: url(../images/menu-right.gif) no-repeat;
	position: absolute;
	right: -1px;
	padding: 0;
}
#menu ul li:hover,
#menu ul li.sfhover {

}
#menu li a {
	display: block;
	font-family: Arial;
	font-size: 13px;	/* to override the browser default */
	font-weight: bold;
	color: #fff;
	line-height: 31px;
	padding: 0 10px 0 10px;
	*padding: 1px 10px 0px 10px;
}
#menu li a:hover,
#menu li:hover a,
#menu li.sfhover a {
	background: url(../images/menu-hover.gif) repeat-x;
}
/* end first level unselected */
/* begin first level selected */
#menu li.selected {

}
#menu li.selected a {
	background: url(../images/menu-hover.gif) repeat-x;
}
#menu li.selected a:hover {

}
/* end first level selected */
#menu li ul.dropmenu {
	position: absolute;
	display: block;
	left: -999em;
	height: auto;
	width: 174px;
	margin: 0;
	padding: 0 0 15px 0;
	background: none;
	overflow: hidden;
}
/* hack for IE6 transparencies */
.menu-background {
	padding: 0;
	margin: 0;
	width: 174px;
	height: 235px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(../images/menu-dropdown-block.png) !important;
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='http://www.royotech.com/images/menu-dropdown-block.png', sizingMethod='scale');
}
#menu li:hover ul.dropmenu,
#menu li.sfhover ul.dropmenu {
	left: -5px;
	top: 30px;
	z-index: 900; /* place it above the page content */
}
#menu li ul.dropmenu li {
	display: block;	
	height: 25px;
	background: none;
	float: none;
	padding: 0;
}
#menu li ul.dropmenu li.bottom {
	width: 174px;
	height: 15px;
}
#menu li ul.dropmenu li a {
	display: block;
	color: #333366;
	font-size: 12px;
	font-weight: normal;
	line-height: 25px;
	height: 25px;
	background: none;
	margin: 0 5px;
	padding: 0 8px;
}
#menu li ul.dropmenu li a.first {
	background: url(../images/menu-dropdown-gradient.gif) repeat-x;
}
#menu li ul.dropmenu li a:hover {
	background: #336699;
	color: #fff;
}
/* end drop down menu */

/****************************************************
 **  FOOTER *********************
 ****************************************************/

#footer {
	position: relative;
	margin-bottom:10px;
	margin-top:10px;
	background-color: #f1f3f5;
	line-height:36px;
	height:36px;
}
#footer .legal {
	padding-right:5px;
	float:right;
}
#footer .copyright {
	padding-left:5px;
}
#footer a {
	padding-left: 0.6em;
	padding-right: 0.4em;
	color: #4e6f87;
	text-decoration: none;
}
#footer a:hover {
	color: #0c3c60;
	background-color: #fafaff;
}
#footer .and {
	border-left: 1px solid #666;
}
.clear { 
	display: block;
	clear: both; 
}
/****************************************************
 **  CSS FOR MAINPAGE *********************
 ****************************************************/ 
.body_above {
 	text-align:center;
 	margin-top:15px;
 	margin-bottom:3px !important;
 	margin-bottom:11px;
 }
 
.body_below {
	margin-top:3px !important;
 	margin-top:15px;
 }

.body_left_below {
	float: left;
	width:290px;
	text-align:left;
}
.body_left_below .leftContent{
	height:271px;
}
.body_left_below .leftContent .advs{
	width:100%;
	margin-top:7px;
}
.body_left_below .leftContent .advs .tdTitle{
	text-align:center;
	background-color:#E5EDF0;
	vertical-align:middle;
	height:18px;
	line-height:18px;
}
.body_left_below .leftContent .advs td{
	text-align:center;
	padding-bottom:5px;
	background-color:#F4F8F9;
}

.body_middle_below {
	float: left;
	width:290px;
	margin-left:16px;
	text-align:left;
}
.body_middle_below .content{
	overflow:hidden;
	height:271px;
}
.body_middle_below .buttonBox{
	text-align:right;
	margin-top:16px;
}
.body_middle_below .buttonBox .prevs{
	cursor:pointer;
}
.body_middle_below .buttonBox .next{
	cursor:pointer;
}
.body_middle_below .picSlideShow table{
	width:100%;
	text-align:center;
}


.body_right_below {
	float: left;
	width:290px;
	margin-left:16px;
	text-align:center;
}
.body_right_below .upContent{
	text-align:left;
	height:271px;
}

.title {
 	color: #333;
	font-size: 12px;
	font-weight: bold;
	background: url(../images/title-bg.gif) repeat-x;
	border: 1px solid #c9c9c9;
	height: 19px;
	line-height: 19px;
	margin-bottom: 10px;
	padding-left: 10px;
	text-align:center;
 }
.title a{
 	color: #333;
 	text-decoration: underline;
}
.content {
	padding-left:5px;
	padding-right:5px;
}
.content .imgTable {
	font-size:12px;
	line-height:18px;
	width:100%;
}
.content .imgTable td {
	height:230px;
	vertical-align:top;
}

	
.content ul li {
	padding-top:4px;
}

/********************************************************************************
 **  GENERIC CSS OF LAYOUT FOR ALL THE PAGES EXCEPT MAINPAGE*********************
 ********************************************************************************/
 
 /*
 Define Left column and Right column
 Left Column width:250px; Right Column width:635px;
 */
 #mainBody {
 }
.leftColumn {
    width:230px;
 	float:left;
 	padding:5px;
 }
 .rightColumn {
    width:655px;
    float:right;
    padding:5px;
    text-align:center;
 }
 /*Define Left column head and content*/
 .leftColumn .title {
 	color: #333;
	font-size: 12px;
	font-weight: bold;
	background: url(../images/title-bg.gif) repeat-x;
	border: 1px solid #c9c9c9;
	height: 19px;
	line-height: 19px;
	margin-bottom: 10px;
	padding-left: 10px;
	text-align:center;
 }
 .leftColumn .content {
	padding-left:5px;
	padding-right:5px;
	line-height:20px;
 }
 /*Define right column head and content*/
 .rightColumn .title {
 	color: #333;
	font-size: 12px;
	font-weight: bold;
	background: url(../images/title-bg.gif) repeat-x;
	border: 1px solid #c9c9c9;
	height: 19px;
	line-height: 19px;
	margin-bottom: 10px;
	padding-left: 10px;
	text-align:center;
 }
 .rightColumn .content {
	padding-left:5px;
	padding-right:5px;
	font-size:14px;
	margin-left:auto;
	margin-right:auto;
 }
 .rightColumn .info {
 	text-align:right;
 }
 /*Define TwoColumTable*/
.twoColumnTableTextCenter {
	margin-left:auto;
	margin-right:auto;
	width:80%;
	font-size:14px;
}
.twoColumnTableTextCenter td{
	padding-top:15px;
	padding-right:2px;
	width:50%;
	text-align:center;
}
.twoColumnTableTextLeft {
	margin-left:auto;
	margin-right:auto;
	width:80%;
	font-size:14px;
}
.twoColumnTableTextLeft td{
	padding-top:15px;
	padding-right:2px;
	width:50%;
	text-align:left;
}

.linkTable{
	font-size:14px;
	width:100%;
}
.linkTable .title{
	background:#CCCCCC;
	font-weight:bold;
	color:#000000;
	text-align:center;
}
.linkTable .firstColumn{
	width:35%;
	height:30px;
	padding-left:10px;
}
.linkTable td{
	border-bottom:1px dashed #cccccc;
}
.linkTable .lastRow td{
	border-bottom:0px;
}

.mediasTable{
	font-size:14px;
	width:100%;
}
.mediasTable td{
	width:25%;
	text-align:center;
	height:30px;
	border-bottom:1px dashed #cccccc;
}
.mediasTable .lastRow td{
	border-bottom:0px;
}
.showcaseTable td{
	font-size:14px;
	border-bottom:1px dashed #cccccc;
	padding: 3px 0px 3px 0px;
}
.showcaseTable .lastRow td{
	border-bottom:0px;
}
.showcaseTable .description_td{
	padding-left:5px;
}
#tableContainer td{
	vertical-align:top;
}
.borderBottom{
	border-bottom:1px solid #cccccc;
}
.contactTable{
	border:1px solid #666666;
	width:316px;
	font-size:12px;
	text-align:left;
	margin:5px 0px 0px 0px;
}
.contactTable .titleColumn{
	width:70px;
	padding-left:10px;
	padding-bottom:5px;
}
.contactTable .goThere{
	text-align:right;
	cursor:pointer;
	font-weight:bold;
}
/*Round Corner Box*/
dl.roundCornerLeft {background:#F7F7F7 url(../images/leftTop.gif) top left no-repeat; margin-right:16px; padding:0; float:left; width:290px; display:inline;}
dl.roundCornerLeft dt {height:26px; line-height:28px; background:transparent url(../images/rightTop.gif) top right no-repeat; text-align:center; color:#000000; border-bottom:1px solid #666666;}
dl.roundCornerLeft dd {background:#F7F7F7 url(../images/leftBottom.gif) bottom left no-repeat; margin:0;} 
dl.roundCornerLeft dd p {background:transparent url(../images/rightBottom.gif) bottom right no-repeat;padding:5px 10px 5px 10px; margin:0; height:235px !important; height:248px; line-height:20px;}
dl.roundCornerLeft dd p img {margin-top:10px; margin-right:2px;}
dl.roundCornerLeft dd p img .tail {margin-top:10px;}

dl.roundCornerCenter {background:#F7F7F7 url(../images/leftTop.gif) top left no-repeat; margin-right:16px; padding:0; float:left; width:290px; display:inline;}
dl.roundCornerCenter dt {height:26px; line-height:28px; background:transparent url(../images/rightTop.gif) top right no-repeat; text-align:center; color:#000000; border-bottom:1px solid #666666;}
dl.roundCornerCenter dd {background:#F7F7F7 url(../images/leftBottom.gif) bottom left no-repeat; margin:0;} 
dl.roundCornerCenter dd p {background:transparent url(../images/rightBottom.gif) bottom right no-repeat;padding:5px 10px 5px 10px; margin:0; height:235px !important; height:246px; line-height:20px;}
dl.roundCornerCenter dd p span {margin-left:12px;}

dl.roundCornerRight {background:#F7F7F7 url(../images/leftTop.gif) top left no-repeat; padding:0; float:left; width:290px;  display:inline;}
dl.roundCornerRight dt {height:26px; line-height:28px; background:transparent url(../images/rightTop.gif) top right no-repeat;text-align:center; color:#000000; border-bottom:1px solid #666666;}
dl.roundCornerRight dd {background:#F7F7F7 url(../images/leftBottom.gif) bottom left no-repeat; margin:0;} 
dl.roundCornerRight dd p {background:transparent url(../images/rightBottom.gif) bottom right no-repeat;padding:5px 10px 5px 10px; margin:0; height:235px !important; height:246px; line-height:20px;} 
dl.roundCornerRight dd img .head{margin-top:15px; margin-right:17px;} 
dl.roundCornerRight dd img {margin-top:15px; margin-right:15px;} 
dl.roundCornerRight dd img .tail {margin-top:15px;} 
 

/*Google Search*/
#googleSearch {
	text-align:right;
}

/*bei an*/
#beiAn{
	width:100%;
	text-align:left;
	margin-bottom:5px;
	color:#999999;
}

/*ToolBox*/
.listFont{
	color:#000000;
	font-weight:bold;
	border-bottom:1px solid;
	line-height:30px;
} 

/*Index Slide Show*/
.container,.container a img{
    width:610px;
	height:205px;
	float:left;
}
.container img{border:none;}
.num{float:right;left:450px;position:absolute;top:180px;}
.num li{
	float:left;
	list-style:none;
	color: #86A2B8;
	text-align: center;
	line-height: 15px;
	width: 15px;
	height: 15px;	
	font-family: Arial;
	font-size: 12px;
	cursor: pointer;
	margin-left:8px;
	background:url(../images/slideShow/flashbutton.gif) no-repeat -15px 0px;
	
}
.num li.on{
	line-height: 15px;
	width: 15px;
	height: 15px;	
	color:#FFFFFF;
	background:url(../images/slideShow/flashbutton.gif) no-repeat;

}
/*End: Index Slide Show*/

/*News Area*/
.newsArea {
	float:right;
	width:282px;
	text-align:left;
	margin-left:7px;
	margin-right:3px;
}
.newsArea .newstitle{
	color: #000000;
	text-align:left;
	height:25px;
	line-height:25px;
	background:url(../images/slideShow/blueline.gif) no-repeat bottom left; 
	font-size:14px;
	font-weight:bold;
}

.newsArea .newscontent ul {
	margin:0px;
	padding:0px;
	float:left;
	padding-top:2px;
}
.newsArea .newscontent ul .bluedot{
	list-style:none;
	padding:0 0 0 12px;
	line-height:20px;
	background:url(../images/slideShow/bluedot.gif) no-repeat left center; 
}
.newsArea .newscontent ul .more{
	list-style:none;
	text-align:right;
}
/*End News Area*/
.clickIn{
	height:30px;
	line-height:30px;
	*height:40px;
	*line-height:40px;
}
h1{
	font-size:12px;
	font-weight:bold;
	display:inline;
}
h2{
	font-size:12px;
	font-weight:normal;
	display:inline;
}

#freeTranslationText, #freeAdvText, #priceText, #crossBrowserText{
	display:none;
	position:absolute;
	margin-top:-10px; 
	z-index:100;
	border:1px solid #cccccc;
	background:#FFFFFF;
	width:200px;
}
.titleLink{
	color: #333;
	font-size: 12px;
	font-weight: bold;
	background: url(../images/title-bg.gif) repeat-x;
	border: 1px solid #c9c9c9;
	height: 19px;
	line-height: 19px;
	margin-bottom: 10px;
	padding-left: 10px;
	text-align:center;
}
.titleLink a{
	color:#000000;
}
#slideShowPic2, #slideShowPic3, #slideShowPic4{
	display:none;
}
#onlineContact{
	position:absolute;
	top:0px;
	color:#000000;
	text-align:right;
	width:100%;
	z-index:99;
	background:url(../images/onlineChatBg.gif) right no-repeat;
	padding:3px 0px 10px 0px;
}
#onlineContactTable{
	display:none;
	position:absolute;
	top:0px;
	right:0px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	width:280px;
	text-align:left;
}
#serviceText{
	font-size:14px;
	color:#4e6f87;
	margin-right:8px;
	font-weight:bold;
}
.picSlideShow table{
	width:100%;
	border-collapse:collapse;  
	border-spacing:0;
	}
.picSlideShow table td{
	text-align:center;
	}
.picSlideShow img {
	border:1px solid #CCCCCC;
	padding:6px;
}
#hotLinkContainer{
	border-top:1px dashed #cccccc;
	width:100%;
	margin-top:12px;
}
#hotLinks{
	/*height:48px;适应百度需要*/
	overflow:hidden;
	font-size:12px;
}
#hotLinks div{
	line-height:24px;
}
#adsenseContainer{
	border-top:1px dashed #cccccc;
	width:100%;
}
.homepagecn{
	padding-left:23px;
	line-height:29px;
	background:url(../images/flags/flag_cn.gif) no-repeat 2px 3px;
	*background:url(../images/flags/flag_cn.gif) no-repeat 2px 1px;
}
.homepageen{
	padding:8px 0px 5px 25px;
	background:url(../images/flags/flag_uk.gif) no-repeat 4px 10px;
}
.float-right{
	float:right;
}
.float-left{
	float:left;
}
.text-align-left{
	text-align:left;
	}
.text-align-right{
	text-align:right;
	}
.text-align-center{
	text-align:center;
	}
.boldCenter{
	font-weight:bold;
	text-align:center;
	width:100px;
}
.more-news{
	height:37px;
	line-height:37px;
	text-align:right;
	}
.important-font{
	color:red;
	font-weight:bold;
	font-size:14px;
	margin-left:0px;	
}
.process-title{
}
.title-underline{
	text-decoration:underline;
}
.software-content{
	text-align:left;
}
#newsOuterDiv ul{
	margin-top:5px;
	*margin-top:5px;
}
#introOuterDiv div{
	padding-top:9px;
	*padding-top:0px;
	*margin-top:11px;
}
#introOuterDiv div p{
	margin:0px 0px 8px 0px;
}
/*News category pages*/
.news-left-col{
	width:655px;
 	float:left;
 	padding:5px;
}
.news-left-col .content{
	font-size:14px;
	padding:0px 5px;
	margin-bottom:10px;
	line-height:20px;
}
.news-left-col .content .text-align-right{
	font-size:12px;
}
.news-left-col .content ul li i{
	font-size:12px;
}
.news-right-col{
	width:230px;
    float:right;
    padding:5px;
}
.news-right-col{
	line-height:20px;
}
.pop-list{
	margin:0px 0px 8px 8px;
	padding-left:0px;
}
.pop-list li{
	padding-left:7px;
	line-height:23px;
	height:23px;
	overflow:hidden;
	list-style:none;
	background:url("../images/bullet.gif") no-repeat left 12px;
	*background:url("../images/bullet.gif") no-repeat left 11px;
}
.rank {
	margin: 0px;
	margin-left:8px;
	padding: 0px;
	list-style:none;
}
.rank li {
	padding-left: 18px;
	line-height: 23px;
	height:23px;
	overflow:hidden;
}
.rank li.no1 {
	background: url(../images/1.gif) no-repeat 4px 7px;
}
.rank li.no2 {
	background: url(../images/2.gif) no-repeat 4px 7px;
}
.rank li.no3 {
	background: url(../images/3.gif) no-repeat 4px 7px;
}
.rank li.no4 {
	background: url(../images/4.gif) no-repeat 4px 7px;
}
.rank li.no5 {
	background: url(../images/5.gif) no-repeat 4px 7px;
}
.rank li.no6 {
	background: url(../images/6.gif) no-repeat 4px 7px;
}
.rank li.no7 {
	background: url(../images/7.gif) no-repeat 4px 7px;
}
.rank li.no8 {
	background: url(../images/8.gif) no-repeat 4px 7px;
}
.rank li.no9 {
	background: url(../images/9.gif) no-repeat 4px 7px;
}
.rank li.no10 {
	background: url(../images/10.gif) no-repeat 4px 7px;
}
.page-no{
	font-size:12px;
	text-align:center;
}
.current-pos{
	margin:3px 0px 7px 0px;
}
.page-no{
	border-top:1px solid #CCCCCC;
	padding-top:5px;
}
.news-left-col .content .browser-compatible-table td{
	vertical-align:top;
	text-align:center;
	font-size:12px;
	color:red;
}
.news-left-col .content .browser-compatible-table .table-title td{
	font-size:12px;
	font-weight:bold;
	color:#000000;
}
.introBox{
	text-align:left;
}
.introBox td{
	padding:10px;
}
.nameTd{
	width:150px;
	text-align:center;
	padding:10px 0px 10px 0px;
	border-right:1px solid #eeeeee;
}
.cms-table{
	width:575px;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
.cms-table td{
	font-size:12px;
	text-align:center;
}
.cms-table .cms-title-tr td{
	font-weight:bold;
	text-decoration:underline;
}