@charset "UTF-8";

body {
	background:#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #4c4c4c;
	text-align: left;
	margin:0;
	padding:0;
}

a { color: #ff7300; text-decoration:none;}
	a:hover { color: #000; 	}
	a:active {  outline: none;}

a img {border: 0px solid #FFFFFF;}
form { margin:0;}
fieldset { margin:0; padding:0; border:0;}
form label { float: left; width: 140px; margin: 3px 10px 0 0; text-align:right;}
form input {border:1px solid #CECECE; background:#fff;  display:inline; height:20px; margin:0 5px 10px 0; padding:0 0 0 3px; width:200px;}
form textarea {border:1px solid #CECECE; background:#fff;  display:inline; width: 300px; height:130px;}
form input[type="submit"] {background: #FF7800; border: none; color: #fff; padding: 5px 10px; margin: 15px 0 0 0; height: auto; width: 120px; cursor: pointer;}
form input.hidden {display: none;}

.left { float: left;}
.right { float: right;}
.clearer {height: 1px; font-size: 1px; clear: both; float:none;}

input.hidden {display: none;}

/* main */
div.main {margin: 0 auto; width: 1043px; padding: 0 0 20px 0;}

div.top { width: 1000px; margin: 5px auto 0; height: 135px; position: relative}
	
/* logo */
	a.logo { display: block; margin: 0 0 0 -41px; width: 275px}
		a.logo img {margin: 15px 0 0 20px;}
		
/* menu */
	div.menu { position: absolute; bottom:0; right: 0; border-top: solid 1px #cecece;}
		a.menu-i { font-size: 12px; font-family: Arial; display: block; text-transform: uppercase; padding: 16px 28px 30px; color: #000; float: left; text-decoration: none;}
		a.menu-i:hover, a.active {color: #ff7300;}
		
	div.sysmenu { position: absolute; top:42px; right:11px; font-size:11px;}
		a.sysmenu-i {color: #5f5f5f; float: left; padding: 5px 18px; text-decoration: none; position: relative}
		a.sysmenu-i:hover {color: #ff7300;}
		
	div.popup {position: absolute; top:25px; width: 325px; display: none; background: #fff; z-index: 10; padding: 10px}
		div.popup a.active {color: #fe9100;}
		
	div.langmenu { position: absolute; top:-28px; left:18px; font-size: 11px; width:100px;}
		a.lang-i, div.lang-i {display: block; float: left; margin: 0 10px; color: #5f5f5f;}
			a.lang-i:hover {color: #ff7300;}
		

/* white on main */
	div.white {background: #fff; height: 334px; padding: 10px 0 0 0; color: #4c4c4c; }
		div.white-content {width: 980px; margin: 0 auto; position: relative}
		em.white {line-height: 16px;}

	
	div.white-menu { width: 1043px; margin: 0; padding: 0; overflow-x: hidden; background: url(../images/prm-bg.jpg) top no-repeat; height: 119px;  }
		a.white-i { float: left; display: block; font-size: 20px; letter-spacing: -1px; text-decoration: none; line-height: 14px; height: 74px; color: #fff;}
			a.white-i strong {font-size: 12px; letter-spacing: -0.5px; color: #ffdeb5; font-weight: normal; display: block; margin: 22px 0 0 0; text-transform: uppercase;  }
		a.c1 {width: 322px; padding: 27px 0 17px 42px;}
		a.c2 {width: 298px; padding: 27px 0 17px 50px;}
		a.c3 {width: 281px; padding: 27px 0 17px 50px;}
		a.white-i:hover, a.white { background: #fff; font-size: 20px; color: #ff7300; }
			a.white-i:hover strong, a.white strong {color:#000;}
		

		h1.white, h2.white { font-size: 32px; font-weight: normal; line-height: 28px; margin: 45px 0 0 10px; padding: 0; letter-spacing: -1px; color:#000;}
		
		div.about { position: absolute; top:7px; right:10px; width: 320px;  line-height: 13px;}
			div.about sup {margin: 0; padding: 0; font-size: 8px;}
			h3.white { font-size: 22px; line-height:20px; font-weight: normal; padding: 0; margin: 0 0 23px 0; color:#000;}
			
		div.p-i {position: absolute; top:125px; line-height: 14px;}
			div.p-i img {margin: 0 0 10px 0;}
		div.i-1 {left:10px; }
		div.i-2 {left:132px; }
		div.i-3 {left:254px; }
		div.i-4 {left:630px; }
		div.i-5 {left:762px; }
		div.i-6 {left:894px; }
		div.s-main {position: absolute; top:-35px; left: 385px; height:270px;}
		div.b-main {position: absolute; top:25px; left: 395px; height:270px;} 
		div.d-main {position: absolute; top:-10px; left: 370px; height:270px;} 
		div.m-main {position: absolute; top:-10px; left: 370px; height:270px;}
		
		
/* white on next */
		div.white.next { height: 280px; position: relative; color: #4c4c4c}
		h2.white-next, h1.white-next { font-size: 24px; font-weight: normal; line-height: 28px; margin: 0 0 0 10px; padding: 0; letter-spacing: -1px; color:#000;}
			h1.white-next {font-size: 30px; font-weight:bold;  margin: 25px 0 0 10px;  }
			
		h2.products {font-size: 30px; font-weight:bold;  margin: 25px 0 0 10px;}
		h1.products {font-size: 24px; font-weight: normal; margin: 0 0 0 10px;}
		
		p.white-text { position: absolute; display: block; top:100px; left: 370px; margin: 0; width: 300px; font-style: italic; font-size: 14px; }
			p.white-text2 {width: 500px; }
		img.white-img { position: absolute; top:40px; left:740px;}
			
		div.submenu { margin: 40px 0 0 15px; width: 300px; }
			a.submenu-i { padding: 4px; display: block}
			a.submenu-i.active { color: #000;}
			
/* content */
	div.content {width: 962px; padding: 20px 40px 0 41px;  color: #4c4c4c; line-height: 16px; border-top:solid 1px #ff7300;}
		div.c-l { width: 285px; float: left;}
		div.c-c { width: 275px; float: left; margin: 0 0 0 80px;}
		div.c-r { width: 240px; float: left; margin: 0 0 0 80px;}
		
		div.c2 { width: 640px; float: left;}
		div.c2r { width: 595px; margin: 0 0 0 80px; float: left;}
		
		div.content ul, div.content ol {margin: 0; padding: 0 0 0 20px;}
		div.content h5 { font-size: 14px; font-weight: normal; margin: 20px 0 5px 0; color: #000;}
		div.content h4 { font-size: 15px; letter-spacing: -1px; color: #000; font-weight: normal; text-transform: uppercase; font-style: normal; margin: 20px 0 20px; padding: 0;	}
		div.content h3 { font-size: 16px; font-weight: normal; margin: 20px 0 20px 0; color: #000;letter-spacing: -1px;}
		div.content h2 { font-size: 20px; font-weight: normal; margin: 20px 0 20px 0; color: #000;letter-spacing: -1px;}
		
			div.content div.submenu3 { margin: 20px 0 0 15px;}
			div.content div.submenu3 a.submenu3-i { padding: 4px; display: block}
			div.content div.submenu3 a.submenu3-i.active { color: #000;}
			
			div.content div.submenu3 ul {list-style-type: none; padding: 0 0 10px 20px;}
				div.content div.submenu3 ul li {padding: 4px}


/* for */
	div.for {width: 960px; margin: 40px auto 0;  position: relative}
		div.for-i { color: #5f5f5f; line-height: 16px; font-style: normal;}
		h4 { font-size: 15px; letter-spacing: -1px; color: #000; font-weight: normal; text-transform: uppercase; font-style: normal; margin: 0px 0 20px; padding: 0;	}
			h4 a { color: #000;}
				h4 a:hover { color: #fe9100;}
		div.for-l { width: 286px; float: left;}
		div.for-c { width: 276px; float: left; margin: 0 0 0 85px;}
		div.uspr {position: absolute; right:0; top:-3px; width: 241px; z-index: 1;}
			p.uspr-i { margin: 0 0 25px 0;}
		
/* news */ 
	div.news {width: 960px; margin: 30px auto 0; overflow: auto; position: relative}
		div.news-i {width: 654px; overflow: auto; margin: 0 0 25px 0;}
			div.news-date { width: 132px; float: left; font-size: 11px; color: #000;}	
		div.news-i a {float: left; width: 506px;}
		div.news-n {width: 595px; overflow: hidden; margin: 0 0 25px 0;}
		div.news-n a {float: left; width: 463px;}
		
	div.events {margin: 0 0 50px 0;}
		div.events a { margin: 0 0 25px 0; display: block}
		
	div.archive {}
		div.archive a { margin: 0 10px 0 0; }
			div.archive a sup {color: #5f5f5f;}
		div.archive a.arch-y { margin: 15px 0 4px; padding: 0 0 5px 0; display: block; color: #5f5f5f; font-size: 11px; font-weight: bold;}
			 div.archive a b, div.archive a.arch-y {color:#000; font-weight: normal;}
		

	
	div.news-s h2 { font-size: 18px; font-weight: normal; line-height: 22px; margin: 20px 0 20px; padding: 0 0 20px; letter-spacing: -1px; color:#000;  border-bottom: solid 1px #fff; }	
	div.news-s-date {color: #000; font-style: italic; margin: 0 0 20px 0;}
	div.news-img { width: 296px;  margin: -20px 25px 20px 0; background: #fff; float: left; padding: 4px 4px 0px;}
	div.news-img img { margin: 0 2px 2px;}
	
	
	div.copyright { width: 1003px; margin: 30px auto; font-size: 10px; border-top: solid 1px #cecece; color: #5f5f5f; padding: 10px 0 0 40px}
	
/* feedback-form */
	form.contact-form label { float: left; width: 140px; margin: 3px 10px 0 0; text-align:right;}
	form.contact-form input {border:1px solid #CECECE; background:#fff;  display:inline; height:20px; margin:0 5px 10px 0; padding:0 0 0 3px; width:200px;}
	form.contact-form textarea {border:1px solid #CECECE; background:#fff;  display:inline; width: 300px; height:130px;}
	form.contact-form input.button {background: #FF7800; border: none; color: #fff; padding: 5px 10px; margin: 15px 0 0 0; height: auto; width: 120px; cursor: pointer;}
	form.contact-form input.hidden {display: none;}
	
	div#contact-form form.contact-form {margin: 20px;}
	
/* sales works demo form */
	.tx-srfeuserregister-pi1 form label { float: left; width: 170px; margin: 3px 10px 0 0; text-align:right;}
	.tx-srfeuserregister-pi1 form input {border:1px solid #CECECE; background:#fff;  display:inline; height:20px; margin:0 5px 10px 0; padding:0 0 0 3px; width:200px;}
	.tx-srfeuserregister-pi1 form textarea {border:1px solid #CECECE; background:#fff;  display:inline; width: 300px; height:130px;}
	.tx-srfeuserregister-pi1 form input.button {background: #FF7800; border: none; color: #fff; padding: 5px 10px; margin: 15px 0 0 0; height: auto; width: 120px; cursor: pointer;}
	.tx-srfeuserregister-pi1 form input.hidden {display: none;}

.top-logout {margin: 0; padding: 0;}
	.logout-form label {display: none}
.sysmenu .logout-form .signout {font-size: 11px; background:none; padding:0; margin: 0; width: auto; border:0; color:#4c4c4c}
.sysmenu .logout-form .signout:hover {color: #ff7300}