/* CSS Document */

body{
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 11px;
	color: #999999;
	background: url(../Images/topBg.jpg) top repeat-x #ffffff;
}

a{
	color: #005992;
	text-decoration: none;
}

a:hover{
	color: #337AA9;
	text-decoration: underline;
}

img{border: none;}


.mainWrp{
	width: 100%;
}

.lightBlue{
	color: #337AA9;
}

.blue{
	color: #005992;
}


/*===== LEFT PART ===== */

.leftWrp{
	position: absolute;
	width: 218px;
	padding-top: 345px;
	z-index: 100;
	top: 0;
	left: 0;
	background: url(../Images/topMenuBg.jpg) top no-repeat;
	font-size: 12px;
	color: #ffffff;
}

	
	.leftWrp a.lightBlue{
		color: #337AA9;
		text-decoration: underline;
	}
	
	.leftWrp a.lightBlue:hover{
		color: #005992;
		text-decoration: underline;
	}
	.logo{
		position: absolute;
		top: 10px;
		left: 57px;
	}
	
	.infoBt{
		position: absolute;
		top: 69px;
		left: 173px;
	}
	
	.login{
		width: 100%;
		position: absolute;
		top: 118px;
		text-align: center;
	}
	
	.title1{
		font-weight: bold;
		position: absolute;
		width: 100%;
		text-align: center;
		top: 170px;
	}
	
	.title2{
		font-weight: bold;
		position: absolute;
		width: 100%;
		text-align: center;
		top: 268px;
	}
	
	.qSearch{
		position: absolute;
		top: 213px;
		left: 38px;
		width: 110px;
		height: 18px;
		background: none;
		border: none;
	}
	
	.qSearchSubmit{
		position: absolute;
		top: 213px;
		left: 163px;
	}
	
	.selectCat{
		position: absolute;
		top: 306px;
		left: 30px;
		width: 120px;
	}
	
	.menu{
		width: 170px;
		padding: 0px 16px 10px 30px;
		background: url(../Images/menuBg.jpg) top left repeat-y;
		min-height: 380px;
	}
	
		*html .menu{
			height: 380px;
		}
	
	.menu ul, .menu li{
		margin: 0;
		padding: 0;
		list-style:none;
	}
	
	.menu li{
		padding-bottom: 8px;
	}
	
	.menu li a{
		color: #ffffff;
	}
	
	.menu li ul{
		padding: 0 0 0 14px;
	}
	
	.menu li ul li{
		padding: 0 0 0 12px;
		background: url(../Images/menuLiBg.jpg) -2px left no-repeat;
	}
	
	
	.menu li.FS2 a, .menu li.FLS2 a, .menu li.MS2 a, .menu li.LS2 a{
		font-weight: bold;
		color: #005992;
	}	
	
	.menu li ul li.FS3, .menu li ul li.FLS3, .menu li ul li.MS3, .menu li ul li.LS3{
		background: url(../Images/menuLiSBg.jpg) center left no-repeat;
	}
	
	.menu li.FS2 ul li.F3 a, .menu li.FS2 ul li.FL3 a, .menu li.FS2 ul li.M3 a, .menu li.FS2 ul li.L3 a, 
	.menu li.FLS2 ul li.F3 a, .menu li.FLS2 ul li.FL3 a, .menu li.FLS2 ul li.M3 a, .menu li.FLS2 ul li.L3 a, 
	.menu li.MS2 ul li.F3 a, .menu li.MS2 ul li.FL3 a, .menu li.MS2 ul li.M3 a, .menu li.MS2 ul li.L3 a, 
	.menu li.LS2 ul li.F3 a, .menu li.LS2 ul li.FL3 a, .menu li.LS2 ul li.M3 a, .menu li.LS2 ul li.L3 a{
		color: #FFFFFF;
		font-weight: normal;
	}
	
	.menu li.FS2 ul li.FS3 a, .menu li.FS2 ul li.FLS3 a, .menu li.FS2 ul li.MS3 a, .menu li.FS2 ul li.LS3 a, 
	.menu li.FLS2 ul li.FS3 a, .menu li.FLS2 ul li.FLS3 a, .menu li.FLS2 ul li.MS3 a, .menu li.FLS2 ul li.LS3 a, 
	.menu li.MS2 ul li.FS3 a, .menu li.MS2 ul li.FLS3 a, .menu li.MS2 ul li.MS3 a, .menu li.MS2 ul li.LS3 a, 
	.menu li.LS2 ul li.FS3 a, .menu li.LS2 ul li.FLS3 a, .menu li.LS2 ul li.MS3 a, .menu li.LS2 ul li.LS3 a{
		/*color: #FFFFFF;*/
		font-weight: normal;
	}		
		 
	
	.menuCloser{
		width: 218px;
		height: 11px;
		background: url(../Images/menuBtm.png);
		font-size: 1px;
	}
	
	.footer{
		color: #cccccc;
		font-size: 10px;
		width: 218px;
		padding: 4px 0;
		text-align: center;
	}


/*===== RIGHT PART ===== */

.rightWrp{
	position: relative;
	width: 686px;
	padding: 90px 24px 0 236px;
	min-height: 645px;
	background: url(../Images/topBg.jpg) top repeat-x #F0F0F0;	
}

*html .rightWrp {
	height: 645px;
}

.rightWrpExtend{
	position: relative;	
	padding: 90px 24px 0px 236px;
	min-height: 645px;
	background: url(../Images/topBg.jpg) top repeat-x #F0F0F0;
	min-width:686px;
}

*html .rightWrpExtend {
	height: 645px;
	width:686px;
}

	.returnBt{
		 position: absolute;
		 top: 20px;
		 right: 20px; 
	}
	
/* ===== BREAD CRUMB ===== */
.breadCrumb{
	float: left;
}

.breadOpen{
	float: left; 
	width: 14px;
	height: 46px;
	background: url(../Images/breadLeft.jpg);
}

.breadMidle{
	float: left;
	padding: 12px 0 16px;
	height: 20px;
	background: url(../Images/breadCrumbBg.jpg) top left repeat-x;
	font-size: 16px;
}

.breadClose{
	float: left;
	width: 14px;
	height: 46px;
	background: url(../Images/breadRight.jpg);
}

.breadCrumb ul{
	float: left;
	margin: 0;
	padding: 0;
	background: url(../Images/breadCrumbBg.jpg) top left repeat-x;
}

.breadCrumb li{
	float: left;
	margin: 0;
	padding: 12px 0 16px 0;
	display: inline;
	font-size: 16px;
}

.breadCrumb li.F a, .breadCrumb li.FL a, .breadCrumb li.FLS a, .breadCrumb li.FS a{
	color: #005992;
	text-decoration: none;
}

.breadCrumb li.L a, .breadCrumb li.M a, .breadCrumb li.MS a, .breadCrumb li.LS a{
	color: #999999;
	text-decoration: none;
	padding-left: 16px;
	background: url(../Images/breadCrumbSep.jpg) center left no-repeat;
}

.breadCrumb li.F a:hover, .breadCrumb li.FL a:hover, .breadCrumb li.FLS a:hover, .breadCrumb li.FS a:hover,
.breadCrumb li.L a:hover, .breadCrumb li.M a:hover, .breadCrumb li.MS a:hover, .breadCrumb li.LS a:hover{
	text-decoration: underline;
}

.options{
	float: left;
	padding: 7px 7px 20px 20px;
}

	.options img{
		margin-left: 2px;
	}


/* ===== PAGER ===== */
.pager{
	float: right;
	width: 220px;
}

	.pager ul{
		margin: 0;
		padding: 8px 0 0 0;
		
	}
	
	.pager li{
		float: left;
		margin: 0;
		padding: 0 2px;
		display: inline;
		font-size: 16px;
	}	
	
	.pager li a{
		display: block;
		width: 26px;
		height: 24px;
		padding-top: 2px;
		background: #ffffff;
		border: 1px solid #cccccc;
		text-align: center;
		color: #8DD7EC;
		font-weight: bold;
	}
	
	.pager li a:hover{
		background: #8DD7EC;
		color: #ffffff;
		border: 1px solid #8DD7EC;
	}
	
	.pager li.P a, .pager li.N a{
		background: none;
		height: 28px;
		padding: 0;
		border: none;
	}
	
	.pager li.P a:hover, .pager li.N a:hover{
		border: none;
	}
	
	.pager li.FS a, .pager li.FLS a, .pager li.MS a, .pager li.LS a{
		background: #8DD7EC;
		color: #ffffff;
		border: 1px solid #8DD7EC;
	}
	
/* ===== GALERY ===== */ 
.galery{
	padding: 60px 0 20px 0;
	margin: 0 0 20px 0;
	width: 100%;
	min-height: 150px;
}

*html .galery{
	padding-top: 0px;
}

.galery .item{
	float: left;
	position: relative;
	width: 160px;
	height: 160px;
	padding: 0 11px 12px 0;
	background: url(../Images/galleryBg.jpg) top left no-repeat;
	text-align: center;
}

	.galery .item h2 a{
		color: #999999;
		text-decoration: none;
		line-height: 10px;
	}
	
	.galery .item h2 a:hover{
		text-decoration: underline;
	}
	
	.galery .item h2 {
		padding: 12px 0 8px 0;
		margin: 0;
		width: 160px;
		text-align: center;
		font-size: 12px;
		font-weight: normal;
	}
	
	.galery .item table{
		position: absolute;
		top: 35px;
		left: 0;
	}
	
	.galery .zoom{
		position: absolute;
		bottom: 18px;
		right: 18px;	
	}
	
/* ===== DETAIL PAGE ===== */
.return{
	padding-top: 8px;
	float: right;
	font-size: 16px;
}

.detail{
	padding: 60px 0 0 0;
	margin: 0 0 20px 0;
	width: 100%;
	min-height: 150px;
}

*html .detail{
	padding-top: 0px;
}

.detail .thumbnail{
	float: left;
	position: relative;
	width: 160px;
	height: 160px;
	padding: 0 11px 12px 0;
	background: url(../Images/galleryBg.jpg) top left no-repeat;
	text-align: center;
}

	.detail .thumbnail h2 a{
		color: #999999;
		text-decoration: none;
		line-height: 11px;
	}
	
	.detail .thumbnail h2 a:hover{
		text-decoration: underline;
	}
	
	.detail .thumbnail h2 {
		padding: 12px 0 8px 0;
		margin: 0;
		width: 160px;
		text-align: center;
		font-size: 12px;
		font-weight: normal;
	}
	
	.detail .thumbnail table{
		position: absolute;
		top: 35px;
		left: 0;
	}
	
	.detail .thumbnail .zoom{
		position: absolute;
		bottom: 18px;
		right: 18px;	
	}
	
.detail .desc{
	float: left;
	position: relative;
	background: url(../Images/detailDescBg.jpg);
	width: 500px;
	height: 160px;
	margin-left: 0px;
}

	.detail .desc .title{
		position: absolute;
		top: 17px;
		left: 32px;	
		color: #666666;
		font-weight: bold;
		font-size: 12px;	
	}
	
	.detail .desc .descIn{
		position: absolute;
		top: 50px;
		left: 32px;	
		font-size: 11px;
		color: #999999;	
		width: 450px;
	}
	
	.downloadList{
		padding-bottom: 20px;
	}
	.downloadList .title{
		padding-top: 28px;
		font-size: 12px;
		font-weight: bold;
		color: #666666;
		width: 452px;
		border-bottom: 1px solid #999999;
		margin-bottom: 4px;
	}
	
	.downloadList .item{
		padding-top: 6px;
		width: 670px;		
	}
	
		.downloadList .item .topPart{
			width: 670px;
			background: url(../Images/itemTopBg.jpg);
			height: 3px;
			font-size: 0px;
		}
		
		.downloadList .item .midPart{
			position: relative;
			width: 668px;
			border-left: 1px solid #E8E8E8;	
			border-right: 1px solid #E8E8E8;
			background: url(../Images/regular.jpg) #ffffff top left no-repeat;	
			min-height: 84px;
		}
		
		*html .downloadList .item .midPart{
			height: 84px;		
		}
		
		.downloadList .item .HD{
			background: url(../Images/HD.jpg) #ffffff top left no-repeat;	
		}
		
		.downloadList .item table{
			position: relative;
			padding: 17px 0 0 18px;	
		}		
		
		.downloadList .item .btmPart{
			width: 670px;
			background: url(../Images/itemBtmBg.jpg);
			height: 3px;
			font-size: 0px;
		}
		
		.downloadList .item .itemName{
			position: absolute;
			width: 435px;
			height: 20px;
			top: 18px;
			left: 90px;
		}
		
			.itemName .fileName{
				font-size: 12px;
				color: #666666;
				font-weight: bold;
				width: 300px;
				height: 16px;
				overflow: hidden;
			}
			
			.itemName .fileFormat{
				position: absolute;
				top: 0;
				left: 324px;
				font-size: 11px;
				color: #999999;
			}	
			
			.itemName .download{
				position: absolute;
				top: 4px;
				left: 435px;
			}
			
			.downloadList .item .itemDesc{
				margin: -30px 0 0 90px;
				width: 395px;	
				padding: 0 0 10px 0;
				border-top: 1px solid #F0F0F0; 	
			}
			
			
/* ===== GENERIC PAGE ===== */
	.generic{
		padding: 60px 0 20px 0;
		text-align: left;
	}
	
	
	.generic .topPart{
			width: 670px;
			background: url(../Images/itemTopBg.jpg);
			height: 3px;
			font-size: 0px;
		}
		
		.generic .midPart{
			position: relative;
			width: 632px;
			border-left: 1px solid #E8E8E8;	
			border-right: 1px solid #E8E8E8;
			background: #ffffff;	
			min-height: 20px;
			padding: 10px 18px 10px 18px;
			margin: 0;
		}

		
		*html .generic .midPart{
			height: 20px;		
		}

		
		.generic .btmPart{
			width: 670px;
			background: url(../Images/itemBtmBg.jpg);
			height: 3px;
			font-size: 0px;
			margin-bottom: 10px;
		}
		
/* ===== LOGIN PAGE ===== */

.loginWrp{
	width: 468px;
	margin: auto;
	padding: 0;
	position: relative;
	background: url(../Images/loginBg.jpg) top left no-repeat; 
	padding: 178px 0 0 0;	
}

	.loginWrp .title{
		position: absolute;
		top: 128px;
		left: 0;
		width: 100%;
		font-size: 12px;
		font-weight: bold;
		color: #005992;
		text-align: center;
	}
	
	.loginWrp .content{
		width: 348px;
		position: relative;
		background: url(../Images/loginBgContent.jpg) top center repeat-y; 
		padding: 0 60px 10px 60px;	
		margin: 0;
		color: #ffffff;
	}
	
	.loginWrp .closer{
		width: 348px;
		height: 11px;
		padding: 0;
		position: relative;
		background: url(../Images/loginBgBtm.jpg) top left repeat-y; 
		padding: 0 60px 0 60px;	
		margin: 0;
		font-size: 1px;
	}
	
	.loginWrp input, .loginWrp select{
		color: #666666;
		font-size: 11px;
		font-family: "Trebuchet MS", Verdana, sans-serif;
	}