/* layout */
* {
	font-family:arial;
}
html {
	overflow-y:scroll;
}
html,body {
	margin:0;
	padding:0;
}
body {
	font-size:11px;/*70%;*/
	color:#000;
}

#page {
	width:760px;
	margin:0 auto;
	position:relative;
}

.clear
{
    clear:both;   
}

#headerBox
{
	width:760px;
	position:relative;
	padding:0px;
	margin:0pt auto;
	overflow:hidden;
	top:0px;
}
	#headerBox #topLine
	{
		float:right;
		height: 40px;
		position:absolute;
		top:0px;
		width:100%;
		left:0px;
	}
	#headerBox #top
	{
		height:82px;
		width:760px;
		top:42px;
		position:absolute;
		background:url('../../../Resources/Global/Image/Menu/top_bg.gif') no-repeat;
	}
		#headerBox #top #logo
		{
			float: left;
			width:105px;
			height:49px;
			position:absolute;
			top:20px;
			left:27px;
		}
		#headerBox #top #menu
		{
			display:block;
			height:23px;
			left:135px;
			top:35px;
			position:absolute;
			width:615px;
		}
		#headerBox #top #menu UL
		{
			list-style-type: none;
		}
		#headerBox #top #menu LI
		{
			float: left;
			height:23px;
			padding-left:20px;
			padding-right:20px;
		}

		#headerBox #top #menu LI.sepr
		{
			float: left;
			padding:0px !important;
			width:1px;
			background:url('../../../Resources/Global/Image/Menu/menu_sepr.gif') no-repeat;
		}

		#headerBox #top #menu LI A
		{
			color: #ffffff;
			font-size: 12px;
			text-decoration: none;
			font-family:Arial;
			position:relative;
			top:3px;
		}

		#headerBox #top #menu LI.curr A
		{
			color:#8bd0e8;
		}

		#headerBox #top #menu #langDiv
		{
			float: left;
			height:81px;
			width:100px;
		}

		#headerBox #top #menu #langDiv IMG
		{
			margin:0;
			padding:0;
		}

	#headerBox #subMenu
	{
		height:33px;
		background: url('../../../Resources/Global/Image/Menu/SubMenu_bg.gif') top repeat-x;
		display:block;
		width:inherit;
		position:relative;
		top:122px;
	   }
#langDiv .row
{
    padding-left:13px;
    padding-right:13px;
    padding-top:1px;
    width:inherit;
    height: 16px;
    background: url('../../../Resources/Global/Image/Icons/ArrowRightBlue.gif') no-repeat 0 6px;
}
#langDiv A
{
    padding-left:0px;
    color: #000;
    text-decoration: none;
}
#langDiv A:hover
{
    color: #737373;
}
#langDiv #langSelect
{
    float: left;
    width:inherit;
    height: auto;
    left:300px;
    position:relative;
    margin-top:13px;
}

#langDiv #langSelect .hide
{
    float: left;
    width:0;
    height:0;
    overflow:hidden;
}

#langDiv #langSelect DIV
{
    float: left;
    width: inherit;
    height: auto;
    
}

#langDiv #langSelect .langButton
{
    float:left;
    width: auto;
    height: auto;
    font-weight:bold;
    border:none;
    cursor: pointer;
}

#langDiv #langSelect div .langButton.Chinese
{
    background:url('../../../Resources/Global/Image/Icons/Chinese.gif') no-repeat ;
    width:20px;
}

#langDiv #langSelect div.hover .langButton.Chinese
{
    background:url('../../../Resources/Global/Image/Icons/Chinese_r.gif') no-repeat ;
}
#langDiv #langSelect div .langButton.Japanese
{
    background:url('../../../Resources/Global/Image/Icons/Japanese.gif') no-repeat ;
	width:21px;
}
#langDiv #langSelect div.hover .langButton.Japanese
{
    background:url('../../../Resources/Global/Image/Icons/Japanese_r.gif') no-repeat ;
}

#langDiv #langSelect div .langButton.English
{
    background:url('../../../Resources/Global/Image/Icons/English.gif') no-repeat ;
    width:12px;
}

#langDiv #langSelect div.hover .langButton.English
{
    background:url('../../../Resources/Global/Image/Icons/English_r.gif') no-repeat ;
}

#langDiv #customerLogin  
{
    float:left;
}
#langDiv #contactUs  
{
    float:left;
}
#langDiv #searchHeader  
{
    float:left;
}
#langDiv #searchInput  
{
    float:left;
    padding-right:4px;  
}

#langDiv #searchInput .searchBox 
{
    float:left;
    height:12px;
    width:112px;
    border:solid 1px #c0c5c9;
}
#langDiv #submitSearch
{
    float:left;
    width:14px;
    background:url('../../../Resources/Global/Image/Icons/SearchGo.gif') no-repeat ;
}
#langDiv #submitSearch .submitSearchButton
{
    background:none;
    float:left;
    height:24px;
    width:inherit;
    border:none;
    cursor: pointer;
}

/* content */
#content
{
    position:relative;
    float:left;
    width:760px;
    top:0px;
    display:block;
    margin-bottom:14px;
}

#content #header
{
    position:relative;
    float:left;
    top:0px;
    display:block;
    height:131px;
    width:760px;
    background:url('../../../Resources/Global/Image/Misc/header_bottom.gif') no-repeat 25px 130px;
}

#content #header #main
{
    float: left;
    height:131px;
    width:inherit;
    display:block;
    margin:0px;
    padding:0px;
    top:0px;
    text-align: left;
    color:#000000;
    font-family:Arial;
    position:absolute;
}

#content #header #main .cat 
{
	position:absolute;
	top:50px;
	width:400px;
	left:26px;
	font-size:13px;
	font-weight:normal;
}

#content #header #main .subCat 
{
	position:absolute;
	font-size:24px;
	width:400px;	
	font-weight:normal;
	left:25px;
	top:67px;
}
#content #header #right
{
    float: right;
    height:131px;
    right:17px;
    width:auto;
    top:0px;
    position:absolute;
}

#content #header #right img
{
	position:absolute;
	right:0px;
	bottom:1px;	
}

#contentBody
{
    min-height: 340px;
    height:auto !important; /* IE min-height hack */
    height:340px;           /* IE min-height hack */
}

#contentBody .spacer
{
    clear:both;
    width:760px;
    height: 14px;
}

#LoginView
{
    clear:both;
    float:right;
    width:202px;
    height: 19px;
    padding:6px 13px 0 0;
    margin-right:2px;
    overflow:hidden;
}

#LoginView .welcome
{
    float:left;
    padding-left:6px;
}

#LoginView .logout
{
    float:right;
}

#headerBox #subMenu #sideNavigation
{
    float:left;
    width:595px;
    left:162px;
    position:absolute;
}

#headerBox #subMenu #sideNavigation UL
{
    list-style-type: none;
    padding:0px;
    margin-top:10px;
}

#headerBox #subMenu #sideNavigation A
{
	color:#000000;
	
}

#headerBox #subMenu #sideNavigation A:hover
{
	color:#0068a0;
}


#headerBox #subMenu #sideNavigation LI
{
    padding-left:9px;
    padding-right:9px;
    float:left;
}
#headerBox #subMenu #sideNavigation LI.sepr
{
    padding:2px !important;
    height:14px;
    width:1px;
    background:url('../../../Resources/Global/Image/Menu/sidemenu_sepr.gif') no-repeat;
}
#headerBox #subMenu #sideNavigation LI A
{
    text-decoration: none;
}

#headerBox #subMenu #sideNavigation LI A.Curr
{
    color: #0068a0;
}
#contentArea
{
    float:left;
}
	#contentArea #body
	{
		float: left;
		width: 510px;
		padding:0 30px 0 26px;
	}
	#contentArea #body.fullBody
	{
		float: left;
		width:710px;
	}
	#contentArea #BodyWithoutMenu
	{
		float: left;
		width: 510px;
		padding:0 30px 0 26px;
		min-height: 300px;
		height:auto !important; /* IE min-height hack */
		height:300px;           /* IE min-height hack */
	}
	#contentArea #BodyWithoutMenu.fullBody
	{
		width:710px;
	}
/*Related Content*/
#relatedContent
{
    float:left;
    width:176px;
    height:auto;
    overflow: hidden;
    background:#f1f4f6;
}
#relatedContent.fullBody
{
    visibility: hidden;
    overflow:hidden;
}
	#relatedContent .top
	{
		width:176px;
		height:38px;
		overflow:hidden;
		position:absolute;
		z-index:3;
		overflow:hidden;
	}
	#relatedContent .bottom
	{
		height:38px;
		background: url('../../../Resources/Global/Image/Content/relatedContent_bg_top.gif') no-repeat;
		z-index:3;
		overflow:hidden;
	}

	#relatedContent .rc_title
	{
		margin-top:6px;
		margin-bottom:8px;
		color: #434343;
		font-size: 14px;
		font-weight: bold;
	}

	#relatedContent .rc
	{
		padding:18px 0 0 23px;
		width: 133px;
		overflow:hidden;
		z-index:20;
		position:relative;
	}

	#relatedContent .downloadItem
	{
		margin-bottom:12px;
		padding-left:12px;
		background:transparent url(../../../Resources/Global/Image/Icons/ArrowRightBlue.gif) no-repeat scroll 0px 4px;
	    
	}
		#relatedContent .downloadItem a
		{
			font-weight:bold;
			color:#00678A;
		}

	#relatedContent .link
	{
		width: 147px;
		color: #00678A;
		text-decoration: none;
	}
		#relatedContent .link A
		{
			color: #00678A;
			text-decoration: none;
			margin-right:5px;
			font-weight:bold;
			padding-left:12px;
			background: url('../../../Resources/Global/Image/Icons/ArrowRightBlue.gif') no-repeat 0 6px;
		}

	#relatedContent .seperator
	{
		margin-left:20px;
		width: 137px;
		height:15px;
		overflow:hidden;
		border-bottom:1px solid #D1D1D1;
	}

/* footer */
#footer {
	border-top:1px solid #E3E3E3;
	padding:10px 0 10px 0;
	margin-top:9px;
	float:left;
	clear:both;
	width:100%;
	z-index:40;
}
	#footer * {
		color:#737373;
		font-size:10px;
	}
	#footer #mantis {
		float:right;
	}
		#footer #mantis a {
			text-decoration:none;
		}
		#footer #mantis a:hover {
			text-decoration:underline;
		}
		#footer #mantis a .mantisLogo{
			font-family:Rockwell;
			font-size:10px;
			font-weight:bold;
			color: #000;
		}
/* /layout */


/* misc */
a {
	color:#00678A;
}
a:hover {
	color:#00678A;
}

select,input {
	font-size:11px;/*100%;*/
}
img {
	border:none;
}
form {
	margin:0;
}
.hidden {
	display:none;
}

ul,ol
{
    margin:0px;
    padding:0px;
}

p
{
    margin:0 0 15px 0;
}

li
{
    margin:0;
    padding:0;
}

h1
{
    color:#000000;
    font-size:19px;
    font-weight:normal;
    margin-bottom:0px;
}

h2
{
    color:#000000;
    font-size:14px;
}

h5
{
    color:#00678A;
    font-size:14px;
    font-weight:normal;
}

.bullet {
	background:url('../../../Resources/Global/Image/Icons/ArrowRightBlue.gif') no-repeat 0px 4px;
	padding-left:12px;
}

li.bullet {
	list-style-type: none;
}
a.linkArrow1 
{
    background:url('../../../Resources/Global/Image/Icons/ArrowRightBlue.gif') no-repeat 0px 4px;
	padding-left:12px;
}

a.linkArrow2 
{
    background:url('../../../Resources/Global/Image/Icons/ArrowRightBlue.gif') no-repeat;
    background-position: right;
	padding-right:10px;
}

sup
{
	font-size: 7px;
	_font-size: 10px;
}
/* /misc */
/* LightBox */
.lightBoxBg {
	background-color:#000000;
	filter:alpha(opacity=60);
	height:100%;
	width:100%;
	display:block;
	opacity:0.6;
}
.LightBoxContainer
{
	width:528px;
	height:560px;
	display:block;
	background: url('../../../Resources/Global/Image/Default/LightBoxBg.gif') no-repeat;
}
	.LightBoxContainer a.closed
	{
		width:14px;
		height:14px;
		position:absolute;
		top:24px;
		left:494px;
		cursor:pointer;
		display:block;
	}
	.LightBoxContainer h3.title
	{
		padding:0px;
		display:block;
		position:absolute;
		color:#00678a;
		margin:0px;
		font-weight:normal;
		top:28px;
		left:38px;
		font-size:16px;	
	}
	.LightBoxContainer .text
	{
		font-size:11px;
		color:#000000;
		font-weight:bold;
		display:block;
		position:relative;
		top:74px;
		left:38px;
		margin-bottom:28px;
	}
	.LightBoxContainer .form
	{
		position:relative;
		display:block;
		width:auto;
		top:66px;
		left:38px;
		height:auto;
	}
		.LightBoxContainer .form .line
		{
			position:relative;
			height:55px;
			display:block;
			width:100%;
		}

		.LightBoxContainer .form .line.comments
		{
			height:	115px;
		}

		.LightBoxContainer .form .element
		{
			display:block;
			float:left;
			padding-right:20px;
			position:relative;
		}
			.LightBoxContainer .form .element .lbl
			{
				font-size:11px;
				color:#000000;
				position:relative;
				margin-bottom:6px;
			}
			.LightBoxContainer .form .element .lbl.req
			{
				font-weight:bold;
			}
			.LightBoxContainer .form .element .ctrl
			{
				position:relative;
				display:block;	
			}
		.LightBoxContainer .form input.txt
		{
			height:16px;
			border-color:#000000;
			border-width:1px;
			width:130px;
		}
		.LightBoxContainer .form input.txt.wide
		{
			width:207px;
		}
		.LightBoxContainer .form .txt.area
		{
			height:78px;
			width:438px;
		}
		.LightBoxContainer .form .mandatory
		{
			color:#000000;
			font-weight:bold;
			position:relative;
			top:8px;
			display:block;
		}
		.LightBoxContainer .form .submitBtn
		{
			color:#000000;
			font-weight:bold;
			position:relative;
			top:18px;
			display:block;
			width:75px;
			height:19px;
		}
		.LightBoxContainer .form .errorMessage
		{
			position:absolute;
			top:370px;
			left:230px;
			color:Red;
		}
/* /Lightbox */

	#footer .footerMenu
	{
		/*position:relative;*/
		display:block;
		height:auto;
		width:540px;
		float:right;
		z-index:900;
	}

		#footer .footerMenu ul,#footer .footerMenu li
		{
			list-style:none !important;
			direction:rtl;
		}
		
		#footer .footerMenu .mm ul
		{
			padding:0px;
			margin: 0pt auto;
			position:relative;
			display:block;
			width:auto;
			height:auto;
			z-index:999;
		}	
		
			#footer .footerMenu ul li
			{
				text-align:@altalign;
				xfloat:left;
				position:relative;
				display:inline;
				width:auto;
				height:auto;				
			}
			
			#footer .footerMenu ul li.sepr
			{
				margin-left:9px;
				margin-right:9px;				
				display:inline;
				width:auto;
				height:auto;
				text-align:@altalign;
			}
									
				#footer .footerMenu ul li a
				{
					color:#737373;
					text-decoration:none;
					font-size:10px;
				}	
				
				#footer .footerMenu ul li a:hover
				{
					text-decoration:underline;	
					color:#000000;							
				}
.paging{display:block;text-align:center;padding-top:40px;padding-bottom:10px;}									
	.paging .prev{margin-right:15px;}
	.paging .next{margin-left:25px;padding-top:5px;}
	.paging .nums a{padding-left:8px;text-decoration:none;}
	.paging .nums a:hover{color:#000;font-weight:bold;}
	.paging .nums a.curr{color:#000;font-weight:bold;}
#contentPage ul
{
	padding-left: 18px;
}

.feed a
{
    background-image:url('../../../Resources/Global/Image/feed-icon-10x10.gif');
    background-position:left center;
    background-repeat:no-repeat;
    padding-left:15px;
    color:#00678a;
    text-decoration: none;
}

#topFeed
{
    position:absolute;top:134px;
}