h1
	{
	font: 24pt verdana, arial;
	margin: 0;
	}

h2
	{
	font: 19pt verdana, arial;
	margin: 0;
	}

h3
	{
	font: 12pt verdana, arial;
	margin: 0;
	}

th a
	{
	color: #00008b;
	font: 9pt verdana, arial;
	}

a
	{
	color: #00008b;
	text-decoration: none;
	}

a:hover
	{
	color: #00008b;
	text-decoration: underline;
	}

div.outer
	{
	width: 90%;
	margin: 15%;
	}

table.viewmenu td
	{
	background-color: #006699;
	color: white;
	padding: 0 5%;
	}

table.viewmenu td.end
	{
	padding: 0;
	}

table.viewmenu a
	{
	color: white;
	font: 9pt verdana, arial;
	}

table.viewmenu a:hover
	{
	color: white;
	font: 9pt verdana, arial;
	}

a.tinylink
	{
	color: #00008b;
	font: 9pt verdana, arial;
	text-decoration: underline;
	}

a.link
	{
	color: #00008b;
	text-decoration: underline;
	}

.small
	{
	font: 9pt verdana, arial;
	}







/*edited by Mouce*/

body {
	margin:0;
	background:#fff url(images/top_nav_bg.gif) repeat-x;
	text-align:center;
	font-size:12px;
	font-family:Vernada, Helvetica, sans-serif;
	color:#7e7e7e;
}

form {border:0;margin:0 auto;padding:0;}
img {border:0}
ul {
	list-style:none;
	padding:0;
	margin:0
}
a {
	color:#7c7c7c;
	text-decoration:none
}
a:visited {
	color:#7c7c7c;
}
a:hover {
	/*color:#0086e3*/
}
.main {
	width:980px;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

.topmenu {
	height:32px;
	text-align:right;
}
#top_box {
	background:url(images/logo.gif) no-repeat;
	background-position: 0px 0px;
	padding-top:0px;
	height:70px;
}




.article_list{
}
.article_list ul{
	margin:0 12px;
}
.article_list li {
	border-bottom:1px solid #d8d8d8;
	margin-top:16px
}

.article_list li.end {
	border:0
}
.article_info {
	width:835px;
	float:right
}
h4 {
	font-size:0.8em;
	font-weight:normal;
	margin:0
}
h4 a {	
	font-size:12px;
	color:#0086e3;
	font-weight:bold
}
h4 a:visited {
	color:#0086e3;
}
h5 {
	color:#7e7e7e;
	padding:0;
	margin:0;
	font-size:1em;
	font-weight:normal
}
h7 {
   color: #a8a8a8;
   font-size:0.8em;
}
h8 {
   color: #595959;
   font-size:0.9em;
}
h8 a {
	background:url(template/images/mroe.gif) no-repeat center left;
	padding-left:16px;
	font-weight:normal
}
h8 a:hover {
	background:url(template/images/mroe_hover.gif) no-repeat center left;
}

h6 {
    color: #a8a8a8;
	font-size:1em;
	font-weight:normal
}
h6 p {/*text-indent:2em*/
}
h6 a {
	background:url(template/images/mroe.gif) no-repeat center left;
	padding-left:16px;
	font-weight:normal
}
h6 a:hover {
	background:url(template/images/mroe_hover.gif) no-repeat center left;
}


.title {font-size:16px;font-weight:bold;color:#ff9900;}


/**********************************************************/

.search {
	height:52px;
	background:url(images/searchbar_bg.gif) repeat-x;
	margin:16px auto 0 auto;
	color:#666;
}

.search .search_left {
	background:url(images/searchbar_side.gif) no-repeat;
	background-position:0px 0px;
	width:9px;
	float:left;
	height:52px
}
.search .search_right {
	background:url(images/searchbar_side.gif) no-repeat;
	background-position:-9px 0px;
	width:9px;
	float:right;
	height:52px;
}
.search p {
	padding:14px 0 0 0;
	margin:0 auto ;
	color: #666666;
}

.search .topic {
	float:left;
	height:52px;width:80px;
	background:url(../images/topic_search.gif) no-repeat;
	background-position:0px 15px;
}

.search .searchbutton {
	float:right;
	margin:0 auto;
	padding:12px;
}


.mainbody {
	_float:left;
	width:718px;
	margin:0;
	padding:0 0 0 20px;
}


.leftside {
	float:left;
	width:242px;
	margin:0;
	padding:0;
}

.leftcolumn {
	width:242px;
	background:url(images/leftside_bg.gif) repeat-y;
	margin:0px auto 0 auto;
	color:#666;
}

.leftcolumn .topside {
	background:url(images/leftside_side.gif) no-repeat;
	background-position:0px 0px;
	width:242px;
	height:8px;
	_font-size:7px;
}

.leftcolumn .bottomside {
	background:url(images/leftside_side.gif) no-repeat;
	background-position:0px -8px;
	width:242px;
	height:8px;
	_font-size:7px;
}

.login {
	width:240px;
	padding:20px 0 0 0;
	margin:0 auto ;
	color: #666666;
}

.login .topic{
	height:40px;width:240px;
	background:url(../images/topic_login.gif) no-repeat;
	background-position:10px 0px;
}

.news,.enquiry {
	width:240px;
	padding:20px 0 0 0;
	margin:0 auto ;
	color: #666666;
}

.news .topic{
	height:40px;width:240px;
	background:url(../images/topic_news.gif) no-repeat;
	background-position:10px 0px;
}


.enquiry .topic{
	height:40px;width:240px;
	background:url(../images/topic_enquiry.gif) no-repeat;
	background-position:10px 0px;
}



.leftcontent {
	padding:0 20px 20px 20px;
	font-size:12px;
	color:#666;
	line-height:2;
}

.formname {
	font-size:12px;
	color:#666;
	line-height:2;
}
.formitem {
	font-size:12px;
	color:#666;
	padding:5px 0 5px 0;
}
.formbutton {
	padding:20px 0 0 0;
}

.bottom {
	width:100%;
	padding:0;
	margin:20px 0 20px 0;
}
.bottom .copyright {
	float:right;
	font-size:12px;
	color:#666;
	line-height:2;
}


.bottom a {
	color:#666;
	font-size:12px;
	line-height:2;
}

.bottom .info {
	text-align:right;
	font-size:12px;
	line-height:1.5;
}




/*main body*/

.mainbody .topicwhatsnew {
	height:30px;width:240px;
	background:url(../images/topic_whatsnew.gif) no-repeat;
	background-position:0px 0px;
}

.mainbody .topicaboutus {
	height:30px;width:240px;
	background:url(../images/topic_aboutus.gif) no-repeat;
	background-position:0px 0px;
}

.mainbody .topicproducts {
	height:30px;width:640px;
	background:url(../images/topic_products.gif) no-repeat;
	background-position:0px 0px;
	padding-left:140px;
	padding-top:5px;
	font-size:16px;
	font-weight:bold;
	color:#ff9900;
}
.mainbody .topicproducts span{
	background:url(../images/li.gif) no-repeat;
	background-position:0px 4px;
	padding-left:16px;
	height:30px;
}
.mainbody .topiccontactus {
	height:30px;width:240px;
	background:url(../images/topic_contactus.gif) no-repeat;
	background-position:0px 0px;
}

.mainbody .topicenquiry {
	height:30px;width:240px;
	background:url(../images/topic_enquiry1.gif) no-repeat;
	background-position:0px 0px;
}

.mainbody .topicnews {
	height:30px;width:240px;
	background:url(../images/topic_news.gif) no-repeat;
	background-position:0px 0px;
}

.mainbody .bigline {
	background:#ff9900;
	height:4px;
}

.mainbody .searchresult {
	background:#fff9f0;
	padding:10px;
}

.mainbody .content {
	padding:10px 0 10px 0;
	text-align:justify;text-justify:inter-ideograph
	font-size:12px;
	font-family:Verdana;
	line-height:2;
}


.picholder {
	width:152px;
	height:122px;
	padding:10px;
	background:url(images/pic_bg.gif) no-repeat;
}

.toyno {
	width:152px;
	font-size:12px;
	color:#000000;
	padding:0;
	border:0;
}
.toyname {
	width:152px;
	font-size:12px;
	color:#666666;
	padding:0;
	border:0;
}


.productslist {
	padding:20px 0 20px 0;
}

.productline {
	background:#cccccc;
	height:1px;
	margin:20px 0 20px 0;
}




#fixedtipdiv{
	position:absolute;
	padding: 4px;
	border:1px solid #ccc;
	font:normal 12px verdana;
	line-height:18px;
	z-index:100;
}





.listHolder {padding:20px 0 20px 0; width:980px;} 
.listHolder div.listCol {float:left; padding:10px; margin:0; width:225px;}
.listHolder div.listCol h5 {padding:5px 0 0 0; margin:0; color:#006600; font-size:12px; font-weight:bold; line-height:13px; background:url(images/linedot.gif) repeat-x left bottom;}
.listHolder div.listCol ul {padding:12px 0 8px 0; margin:0; list-style:none;}
.listHolder div.listCol ul li {line-height:20px; padding:0; margin:0; font-size:12px; color:#999999;}
.listHolder div.listCol ul li a {color:#666; text-decoration:none; font-weight:normal;}
.listHolder div.listCol ul li a:hover {text-decoration:underline;}
.listHolder div.bottomLine {clear:left; background:#666; padding:5px 10px;}
.listHolder div.bottomLine p {padding:0 0 0 15px; margin:0; line-height:20px; color:#ccc; background:url(images/arrow.gif) no-repeat left center;}
.listHolder div.bottomLine p a {color:#fff; text-decoration:underline;} 
.listHolder div.bottomLine p a:hover {text-decoration:none;}
.listHolder div.bottomLine p span {color:#fc0; font-weight:bold;}