﻿/* Content CSS */
.maintop{ padding-top:210px;}
.innertop{ padding-top:215px;}
.greenborder{ border-bottom:5px #18a062 solid;}
.idxpadtop{ padding-top:18px}	.idxpadtop div{ padding-top:5px}
.pointer{ background:url(../img/pt.gif) 0 1px no-repeat ; padding-left:20px; }
.idxdivleft{float:left ; width:330px ; height:24px ; line-height:22px; padding-left:5px ; margin-right:15px ; overflow-y:hidden ; vertical-align:bottom}
.idxdivrt{float:left ; text-align:right; width:115px ; height:24px ; line-height:22px;  vertical-align:bottom}
.clear{clear:both}
.idxmaga-content{padding:20px 0px}
.titlepad{padding-bottom:10px}
.dotted{ background:url(../img/dotted.gif) repeat-x bottom ; padding-bottom:5px}
/* End of Content CSS */
/*Magazine*/
.magali{float:left ; width:125px ; padding-top:7px}
.magali_content{float:left; width:20px ; padding:5px 0}
.magali_date{float:left; width:80px ; text-align:right ; padding:5px 0}
/*News*/
.news{width:640px; text-align:left}
.newsli{float:left ; width:90px ; padding-bottom:10px}
.newscontent{float:left ; width:550px ; padding-left:10px ; padding-bottom:10px}
.newsd{width:710px; height:280px ;overflow-x: hidden; overflow-y: hidden;border: 0px  black; float:left}
.newsdpic{width:135px; float:left}
.newsdcontent{width:575px; padding-left:20px;  float:left}
.newsdscroll{width:40px ; padding-left:10px ; float:left;}
/*article*/
.article{background:url(../img/dotted.gif) repeat-x bottom ; width:720px; padding-bottom:5px text-align:left}
.articleli{float:left ; width:90px ; padding-top:10px}
.articlename{float:left ; width:150px ; padding-left:5px ; padding-top:10px}
.articlecontent{float:left ; width:480px ; padding-left:5px ; padding-top:10px}
.articlepage{width:720px; text-align:left}
.articled{width:730px; height:285px ;overflow-x: hidden; overflow-y: hidden;border: 0px  black; float:left}
.articledpic{width:135px; float:left}
.articledcontent{width:575px; padding-left:20px;  float:left}
.articledscroll{width:40px ; padding-left:10px ; float:left;}
.articled2 img{margin:0 10px ; border:2px #FFFFFF solid}
/* Contact */
.con_add{ width:530px;}
.con_add div{ padding-bottom:5px;}
/* Registration Form */
.form_h{float:left ; width:90px ; padding-bottom:8px}
.form_h span{color:#FF0000; margin-right:5px}
.form_input{float:left; width:310px ; padding-bottom:8px}
.form_input input{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left:4px;
	color: #222222;
	background-color: #FFFFFF;
	height: 20px;
	width: 210px;
	border: 1px solid #7f9db9;
}
.form_input2{float:left; width:310px ; padding-bottom:8px}
.form_input2 span{margin-right:3px;}
.form_input2 div{width:100px ; float:left}
/* header control */
.menulayer1 {position:absolute ; z-index:91}
.menulayer2 {width:990px; padding-left:675px; height:1px ;text-align:left}
.menulayer3 {position:absolute ; z-index:92 ;}
.menutable {padding-top:50px;}
.picmember {padding-right:15px;}
.innermenulayer {padding-left:130px ; padding-top:6px;}
.innermenulayer2 {padding-left:180px ; padding-top:6px; vertical-align:bottom}
/* end of header control */
/* BG control & Common style */
.pagingdiv{	text-align:center}
.pagingdiv img{ margin:0px 5px 2px 5px}
.repeatx {
	background-repeat: repeat-x;
}
.repeaty {
	background-repeat: repeat-y;
}
.norepeat {
	background-repeat: no-repeat;
}
.pad10t{
	padding-top:10px;
}
.border {
	border: 1px solid #585858;
}
.picborder img{
	border: 2px solid #ffffff;
}
/* End of BG control & Common style */

/*About Us */
.about_class{
	background-image:url(../img/about_bg.jpg);	background-repeat:no-repeat;
	width:919px;	padding:290px 30px 0px 30px;	text-align:left
}
.about-margin{	padding-left:30px;}
.about-l{		BACKGROUND: url(../img/about_side.gif) repeat-y 0px 0px;}
.about-r{		BACKGROUND: url(../img/about_side.gif) repeat-y 100% 0px;}
.about-t{		BACKGROUND: url(../img/about_top.gif) repeat-x 0px 0px;	width:715px;}
.about-b{		BACKGROUND: url(../img/about_top.gif) repeat-x 0px 100%;}
.about-lt{		BACKGROUND: url(../img/about_lt.gif) no-repeat 0px 0px;}
.about-rt{		BACKGROUND: url(../img/about_rt.gif) no-repeat 100% 0px;}
.about-lb{		BACKGROUND: url(../img/about_lb.gif) no-repeat 0px 100%;}
.about-rb{		BACKGROUND: url(../img/about_rb.gif) no-repeat 100% 100%;}
.about-padding{	padding:2px;}
.about-left{	BACKGROUND: url(../img/about_pic.jpg) no-repeat 0px 6px; width:263px; height:331px}
.about-left img{	margin:32px 0px 0px 115px}
.about-right{	padding:32px 0px 10px 0px ; width:335px; line-height:22px;}
.about-shadow{ BACKGROUND: url(../img/about_shadow.gif) no-repeat; height:60px;	width:715px; margin-top:5px; margin-left:30px;}
#about-layer{	position:absolute;	z-index:20;}
.about-layer-pad{	padding:82px 0px 0px 25px;}
/* End of About us*/

/* Scrolling DIV */
.prodetailcontentdiv{
	width: 465px;
	height: 425px;
	padding-right:10px;
	background-color: transparent;
	overflow:auto ;
	scrollbar-face-color:#4b5b80;
	scrollbar-highlight-color:#4b5b80;
	scrollbar-3dlight-color:#4b5b80;
	scrollbar-darkshadow-color:#4b5b80;
	scrollbar-shadow-color:#4b5b80;
	scrollbar-arrow-color:#ffffff;
	scrollbar-track-color:#ffffff;
}
/* Scrolling DIV */

/* Field CSS */
.field {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left:4px;
	color: #b9c2bd;
	background-color: #FFFFFF;
	height: 20px;
	width: 195px;
	border: 1px solid #7f9db9;
}
.field_mem {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left:4px;
	color: #b9c2bd;
	background-color: #FFFFFF;
	height: 20px;
	width: 105px;
	border: 1px solid #7f9db9;
}
.con_field {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left:4px;
	color: #222222;
	background-color: #FFFFFF;
	height: 20px;
	width: 210px;
	border: 1px solid #7f9db9;
}
.con_msg {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left:4px;
	color: #222222;
	background-color: #FFFFFF;
	height: 90px;
	width: 210px;
	border: 1px solid #7f9db9;
}
.art_field {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left:4px;
	color: #222222;
	background-color: #FFFFFF;
	height: 20px;
	width: 470px;
	border: 1px solid #7f9db9;
}
.art_msg {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left:4px;
	color: #222222;
	background-color: #FFFFFF;
	height: 210px;
	width: 470px;
	border: 1px solid #7f9db9;
}
.art_attach {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left:4px;
	color: #b9c2bd;
	background-color: #FFFFFF;
	width: 200px;
	border: 1px solid #7f9db9;
}

.art_td td{ padding-bottom:10px}
.field_msg {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left:4px;
	color: #b48c88;
	background-color: #FFFFFF;
	height: 90px;
	width: 195px;
	border: 1px solid #7f9db9;
}
/* End of Field CSS */