@charset "utf-8";
/* CSS Document */
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 12px; line-height: 1.231;  font-family: Tahoma, Geneva, sans-serif;
background-image:url(); }

a:link {
	color: #000;
}
a:visited {
	color: #999;
}
a:hover {
	color: #000;
}
a:active {
	color: #000;
}

hr { 
margin:0;
border: 0;
color: #9E9E9E;
background-color: #9E9E9E;
height: 1px;
width: 100%;
}

#container {	
margin:auto;
width: 100%;
}

#container2 {	
margin:auto;
width: 900px;
}

#container:after, #container2:after {	
content: ".";	
display: block;	
clear: both;	
visibility: hidden;	
height: 0;
}

#container_sub {	
margin:auto;
width: 1009px;
position:relative;
}

#container_product {	
width: 880px;
border:#CCC 1px solid;
border-top:#C00 4px solid;
position:relative;
float:left;
}
#container_product_new {	
width: 880px;
border-left:#CCC 1px solid;
border-right:#CCC 1px solid;
border-bottom:#CCC 1px solid;
position:relative;
float:left;
}
#bottomline{
	background:url(images/bottomline.jpg) no-repeat; 
	margin-top:20px;
	width:884px;
	height:91px;
	float:left;
	color:#FFF
}
#bottomline5{
	background:url(images/bottomline5.jpg) no-repeat; 
	margin-top:20px;
	width:1008px;
	height:91px;
	float:left;
	color:#FFF
}
#logo2 {
	background: url(images/logo2.jpg) no-repeat;
	position:relative;
	top:0px;
	height: 90px;
	float:left;
	width: 882px;
	border-bottom:#ED1C24 6px solid;
	margin:0;
	}	
#textbottom {
	color:#333;
	margin-top:10px;
	margin-left: 235px;
	height: 57px;
	float:left;
	width: 650px;
	font:12px;
	line-height:17px;
	}	
#textbottom5 {
	color:#333;
	margin-top:10px;
	margin-left: 235px;
	height: 57px;
	float:left;
	width: 750px;
	font:12px;
	line-height:17px;
	}	
		  .title_square {
			background-color:#ED1C24;
			margin-top:12px;
			margin-right:15px;
			width:17px;
			height:69px;
			float:left;
		  }
		  
		    .title_square2 {
			background-color:#690;
			margin-top:12px;
			margin-right:15px;
			width:17px;
			height:69px;
			float:left;
		  }

		  .logo {
			position:absolute;
			top:25px;
			right:15px;
		  }
	  
		  h1 {
            padding:0px;
			font-size:28px;
			color:#ED1C24;
			font-weight:400;
     		 }	  
			h2 {
            padding:0px;
			font-size:28px;
			color:#690;
			font-weight:400;
     		 }	  
				  .h1_sub {
						padding:0px;
						font-size:17px;
						color:#939598;
						font-weight:400;
					  }	  
					.h1_sub2 {
						padding:0px;
						font-size:25px;
						color:#ED1C24;
						font-weight:400;
					  }	  
					  .h1_sub3 {
						margin-top:25px;
						padding:0px;
						font-size:25px;
						color:#ED1C24;
						font-weight:400;
					  }	  
					  .h1_sub4 {
						margin-bottom:5px;
						margin-top:5px;
						font-size:20px;
						color:#808285;
						font-weight:400;
						border-bottom:#808285 1px solid;
						margin-right:15px;
					  }	  			
					  	.h1_sub5 {
						margin-top:8px;
						margin-bottom:3px;
						font-size:17px;
						color:#000;
						font-weight:800;
					  }	 		
					  	.h1_sub6 {
						margin-top:8px;
						margin-bottom:3px;
						font-size:14px;
						color:#000;
						font-weight:800;
					  }	 
					  	.h1_sub7 {
						
						margin-top:15px;
						margin-left:15px;
						margin-bottom:0px;
						padding:0px;
						font-size:25px;
						color:#ED1C24;
						font-weight:400;
					  }	   
					  .h1_left, .h1_right {
						font-size:16px;
						color:#FFF;
						font-weight:400;
						background-color:#939598;
						padding:3px 3px 3px 3px;
					  }	 
					   		
					   .h1_right { text-align:right; margin-right:30px; }
						   
.tablestyle1 td{
height: 21px;
font-size:14px;
}
.tablestyle2 td{
height: 18px;
font-size:13px;
}	
.tablestyle6 td{
text-align:center;
}	
.tablestyle5{
text-align:center;
margin-top:5px;
margin-bottom:15px;
font-size:12px;
font-weight:bold;
border:#FFF 1px solid;
}

.block {
margin-top:10px;
margin-right:15px;
margin-bottom:15px;
width:98px;
float:left;
font-weight:bold;
text-align:center;
font-size:13px;
color:#000;
}

.bottomline { border-bottom:#CCC 1px solid; }
.rightline { border-right:#CCC 1px solid; }

.textprice {
color:#F26522;
}	

.textinfo3 {
padding-right:30px;
margin-top:5px;	
line-height:25px;
color:#000;
font-size:14px;
}
.textinfo3-2 {
padding-right:30px;
margin-top:5px;	
line-height:17px;
color:#666;
font-size:12px;
}
.textinfo4 {
padding-right:30px;
margin-top:0px;	
line-height:25px;
color:#000;
font-size:14px;
}
.textinfo5 {
padding-left:20px;
padding-right:30px;
margin-top:0px;	
line-height:25px;
color:#000;
font-size:14px;
}
ul.textinfo6 li {
padding-left:8px;
}
ul.textinfo6{
float: left;
margin-top:-10px;
padding-left:35px;
line-height:25px;
font-size:14px;
}

.main_section {	
margin-left:15px;
margin-top:-5px;
width: 100%;
float:left;
position:relative;
}

.facebooklike{
	text-align:right;
	width:80px;
	height:35px;
	position:absolute;
	top:4px;
	right:30px;
}

.main_sectioncsr {	
margin-right:16px;
margin-top:16px;
width: 100%;
float:left;
}
.main_section2 {	
margin-left:18px;
margin-right:15px;
margin-bottom:10px;
width: 100%;
float:left;
}
.main_section3 {	
margin-left:15px;
margin-right:16px;
width: 100%;
float:left;
}
.main_section4 {	
margin-left:15px;
position:relative;
width: 100%;
float:left;
}
.main_section4-3 {	
margin-left:15px;
position:relative;
width: 100%;
float:left;
background:url(images/roller-shutters.gif) no-repeat;
height:542px;
}
.main_section4-2 {	
margin-left:15px;
margin-right:16px;
position:relative;
width: 100%;
float:left;
border-bottom:#CCC 1px solid;
}
.left_section2, .right_section2 {
width:50%;
float:left;
}

.left_section, .right_section {
width:50%;
float:left;
}

.left_section3, .right_section3 {
background:url(images/arrow1.jpg) no-repeat 360px center;
width:50%;
float:left;
}

.left_section3:hover, .right_section3:hover {
background:url(images/arrow2.jpg) no-repeat 360px center;
}

.left_section70 {
width:70%;
float:left;
}
.right_section30 {
width:30%;
float:left;
}
.left_section40 {
width:40%;
float:left;
}
.right_section60 {
width:60%;
float:left;
}
.right_section40 {
width:42%;
float:left;
}
.left_section60 {
width:58%;
float:left;
}
.left_section55 {
width:55%;
float:left;
}
.left_section50 {
width:50%;
float:left;
}
.left_section45 {
width:45%;
float:left;
}
.left_section32 {
width:31%;
height:265px;
float:left;
border-right:#CCC 1px solid;
}
.left_section32-2 {
width:31%;
height:265px;
float:left;
}
.left_section33 {
width:33.1%;
height:265px;
float:left;
border-right:#CCC 1px solid;
}
.left_section33-2 {
width:33.2%;
float:left;
}
.left_section35 {
width:36%;
border-right:#CCC 1px solid;
float:left;
height:270px;
}
.left_section35-2 {
width:36%;
float:left;
height:270px;
}
.left_section21{
width:21%;
border-right:#CCC 1px solid;
height:270px;
float:left;
}
.left_section21-2{
width:21%;
height:270px;
float:left;
}
.left_historylogo{
height:150px;
width:14%;
float:left;
}
.left_imagecsr{
height:145px;
width:193px;
float:left;
}
.left_csrdes{
height:145px;
width:235px;
float:left;
}
.left_section86{
width:86%;
float:left;
}
.left_section21-3{
width:21%;
height:360px;
float:left;
}
left_section79{
width:79%;
float:left;
}
left_section65{
width:62%;
float:left;
}
	  .bg_left1 { 
	  		color:#900;
	  		text-align:left;
			margin-left:20px;
			margin-top:25px;
			margin-bottom:0px;
			font-size:18px;
			padding-bottom:6px;
      }
	  
	  .bg_left2 { 
		    margin:0px;
			line-height:20px;
	  	 	margin-left:20px;
			margin-right:45px;
	  		text-align:left;
			color:#666;
			font-size:14px;
			border-bottom-color:#808284;
			border-bottom:1px solid;
			padding-bottom:18px;
      }  
	  .bg_left3 { 
		    margin:0;
			line-height:20px;
	  	 	margin-left:15px;
			margin-right:45px;
			height:80px;
	  		text-align:left;
			color:#666;
			font-size:14px;
			border-bottom-color:#808284;
			border-bottom:1px solid;
			padding-bottom:18px;
      } 
	  	  .bg_left3-2 { 
	  		color:#900;
	  		text-align:left;
			margin-left:15px;
			margin-top:15px;
			margin-bottom:0px;
			font-size:18px;
			padding-bottom:6px;
      }
	  .bg_left3-3 { 
		    margin:0;
			line-height:20px;
	  	 	padding-left:15px;
			padding-right:15px;
			height:80px;
	  		text-align:left;
			color:#666;
			font-size:14px;
			padding-bottom:18px;
      } 
	 .bg_left3-4 { 
	  		color:#900;
	  		text-align:left;
			margin-left:15px;
			margin-top:0px;
			margin-bottom:0px;
			font-size:18px;
			padding-bottom:6px;
      }  
	  	  .bg_left4 { 
		    margin:0;
			line-height:20px;
	  	 	margin-left:10px;
	  		text-align:left;
			color:#666;
			font-size:12px;
      } 	  	  
.img1 {  border:#CCC 1px solid; margin-bottom:15px; }
.img2 {  border:#CCC 1px solid;}
.img3 {  border:#CCC 1px solid; margin-bottom:15px; margin-left:16px;}
.img4 {  border:#CCC 1px solid; margin-bottom:15px; margin-left:2px; }
.img5 {  border-right:#CCC 1px solid; margin-top:5px; margin-bottom:15px; margin-left:2px; }
.img6 {  margin-left:9px; margin-top:30px; margin-top:5px;}
.img7 {  margin-top:-25px; border:#CCC 1px solid;}
.img8 {  margin-right:10px;}
.img9 {  margin-top:15px;}


#bar {
	background: url(images/bar-white.png) repeat-x;
	color:#999;
	height: 30px;
	text-align: right;
	padding: 4px 0px 4px 0px;
	position: relative;
	width: 100%;
	z-index: 999;
	}

#logo {
	background: url(images/logo.jpg) no-repeat;
	background-position:center; 
	top: -32px;
	height: 101px;
	position: relative;
	width: 1006px;
	margin:auto;
	z-index: 0;
	}			
		#Textinfo { 	
		position:absolute;
		text-align:right;
		color:#939598;
		top: 45px;
		left: 620px;
		width: 350px;
		height: 50px;
		z-index: 102;
		}
	
#borderleft {
	background:url(images/borderleft.png);
	position: absolute;
	float:left;
	top: 50px;
	left: 0px;
	width: 8px;
	height: 850px;
	z-index: 999;
}
#borderright {
	background:url(images/borderright.png);
	position: absolute;
	float:right;
	top: 50px;
	right: -1px;
	width: 8px;
	height: 850px;
	z-index: 999;
}

#zoom 		{  z-index:1000; }
#zoom p      {  line-height:1.6; }

#menu {
	position: relative;
	margin:auto;
	width: 1060px;
	top: -46px;
	left: -40px;
	z-index: 1;
	}	
					
					ul#main_menu li {
					display: inline;
					float:left;	
	
					}
					ul#main_menu a {
						display:block;
						float:left;
						height:40px;
						text-indent:-9999em;
						}
						
								ul#main_menu li .sub {
								position: absolute;	
								top: 45px; left: 210px;
								z-index:1000;
								padding: 5px 0px 0px 10px;
								color:#414042;
								background: #FFF url(images/submenu.png) repeat-x bottom;
								width:423px;
								height:185px;
								float: left;

								/*--top right rounded corner--*/
								-moz-border-radius-topright: 5px;
								-khtml-border-radius-topright: 5px;
								-webkit-border-top-right-radius: 5px;
								/*--top left rounded corner--*/
								-moz-border-radius-topleft: 5px;
								-khtml-border-radius-topleft: 5px;
								-webkit-border-top-left-radius: 5px;
								display: none;
								
								/*--Bottom right rounded corner--*/
								-moz-border-radius-bottomright: 5px;
								-khtml-border-radius-bottomright: 5px;
								-webkit-border-bottom-right-radius: 5px;
								/*--Bottom left rounded corner--*/
								-moz-border-radius-bottomleft: 5px;
								-khtml-border-radius-bottomleft: 5px;
								-webkit-border-bottom-left-radius: 5px;
								display: none;
								
								/*---Drop Shadow---*/
								-moz-box-shadow: 0px 0px 8px #555;
								-webkit-box-shadow: 0px 0px 8px #555;
								box-shadow: 0px 0px 8px #555;
								/* For IE 8 */
								-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, 			Direction=135, Color='#000000')";
								/* For IE 5.5 - 7 */
								filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
							}
							ul#main_menu li .sub ul.panel{
								list-style: none;
								margin: 0; padding: 0;
								width: 195px;
								float: left;
								line-height:21px;
							}
							ul#main_menu li .sub ul.motor{
								list-style: none;
								margin-left:7px;  padding: 0;
								width: 127px;
								float: left;
								line-height:21px;
							}
							ul#main_menu li .sub ul.acc{
								list-style: none;
								margin-left:7px; padding: 0;
								width: 110px;
								float: left;
								line-height:21px;
							}	
							ul#main_menu li .sub ul.panel li { 
							white-space: nowrap;
							text-overflow: ellipsis;
							width:100%; 
							height:21px;
						
							}
							
							ul#main_menu li .sub ul.motor li { width:127px; height:21px;}
							ul#main_menu li .sub ul.acc li { width:110px; height:21px;}
							ul#main_menu li .sub ul.partition1{
								list-style: none;
								padding: 0;
								float: left;
								vertical-align:text-bottom;
							}
							
							ul#main_menu li .sub ul.partition2{
								list-style: none;
								padding: 0;
								float: left;
								vertical-align:text-bottom;
							}								
								
							ul#main_menu .sub ul li a {
								float: none; 
								text-indent: 0; /*--Reset text indent--*/
								height: auto;
								padding-left:7px;
								padding-top:6px;
								display: block;
								text-decoration: none;
								color: #000;
							}
							ul#main_menu .sub ul li a:visited { color:#999; }
							ul#main_menu .sub ul li a:hover {color: #FFF;}
							ul#main_menu .sub ul.panel li a:hover, ul#main_menu .sub ul.panel li a:active {background:url(images/submenu1.png) no-repeat 0px 9px; }
							ul#main_menu .sub ul.motor li a:hover, ul#main_menu .sub ul.motor li a:active {background:url(images/submenu2.png) no-repeat 0px 9px;}
							ul#main_menu .sub ul.acc li a:hover, ul#main_menu .sub ul.acc li a:active {background:url(images/submenu3.png) no-repeat 0px 8px;}
							
					ul#main_menu li.current a ,ul#main_menu li a, ul#main_menu li:hover a, ul#main_menu li:active a {
						background-position: 0 -40px;	
						}				
					ul#main_menu a.aboutus {
						background: url(images/menu_aboutus.jpg) 0 0px;
						border-bottom:#821519 1px solid;
						width:168px;
						}
					ul#main_menu a.home {
						background: url(images/menu_Home.jpg) 0 0px;
						border-bottom:#821519 1px solid;
						width:168px;
						}
					ul#main_menu a.product {
						background: url(images/menu_Product.jpg) 0 0px;
						border-bottom:#821519 1px solid;
						width:168px;
						}				
					ul#main_menu a.service {
						background: url(images/menu_Service.jpg) 0 0px;
						border-bottom:#821519 1px solid;
						width:168px;
						}			
					ul#main_menu a.faq {
						background: url(images/menu_faq.jpg) 0 0px;
						border-bottom:#821519 1px solid;
						width:169px;
						}	
					ul#main_menu a.csr {
						background: url(images/menu_Csr.jpg) 0 0px;
						border-bottom:#821519 1px solid;
						width:168px;
						}			
					ul#main_menu a.application {
						background: url(images/menu_App.jpg) 0 0px;
						border-bottom:#821519 1px solid;
						width:168px;
						}																								
					ul#main_menu a.contact {
						background: url(images/menu_Contact.jpg) 0 0px;
						border-bottom:#821519 1px solid;
						width:168px;
						}	

#main2 { 	
	margin-top:-15px;
	position: relative;
	float:left;
	width: 1006px;
	margin-bottom:35px;
	}
#Textinfo2 { 	
	float:left;
	margin-left:15px;
	text-align:left;
	width: 450px;
	height: 80px;
	z-index: 0;
	color:#555;
	}
.Textvision { 	
	margin:0;
	font-size:14px;
	float:left;
	margin-left:40px;
	width: 650px;
	}	
#imgindex { 	
	float:left;
	position:relative;
	margin-top:-10px;
	margin-left:0px;
	width: 450px;
	height:410px;
	z-index: 0;
	background:url(images/index-1-2.jpg) no-repeat -3px -3px;
	}
#Textinfoindex { 	
	position:absolute;
	top:0px;
	left:5px;
	text-align:left;
	width: 450px;
	height: 80px;
	z-index: 0;
	color:#555;
	}	
#sectionfacebook {
	position:relative;
	float:left;
	width: 535px;
	height:385px;
	overflow:hidden;
	margin-top:10px;
	border:#CCC 1px solid;
	
	/*--top right rounded corner--*/
	-moz-border-radius-topright: 11px;
	-khtml-border-radius-topright: 11px;
	-webkit-border-top-right-radius: 11px;
	/*--top left rounded corner--*/
	-moz-border-radius-topleft: 11px;
	-khtml-border-radius-topleft: 11px;
	-webkit-border-top-left-radius: 11px;
	
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 11px;
	-khtml-border-radius-bottomright: 11px;
	-webkit-border-bottom-right-radius: 11px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 11px;
	-khtml-border-radius-bottomleft: 11px;
	-webkit-border-bottom-left-radius: 11px;
	}	
div .active{	 background:url(images/arrowup1.jpg) no-repeat 795px center; }
div .active:hover{	 background:url(images/arrowup2.jpg) no-repeat 795px center; }

.trigger:hover, .trigger2:hover { background:url(images/arrowdown2.jpg) no-repeat 795px center; }

.trigger2{
	background:url(images/arrowdown1.jpg) no-repeat 795px center;
	font-size:14px;
	color:#333;
	font-weight:600;
	float:left;
	padding: 10px 10px 10px 10px;
	width: 94%;
	margin-top:15px;
	border:#CCC 1px solid;
	cursor:pointer;
}
.trigger{
	background:url(images/arrowdown1.jpg) no-repeat 795px center;
	font-size:14px;
	color:#333;
	font-weight:600;
	float:left;
	padding: 10px 10px 10px 10px;
	width: 94%;
	margin-top:15px;
	border:#CCC 1px solid;
	cursor:pointer;
	
	/*--top right rounded corner--*/
	-moz-border-radius-topright: 15px;
	-khtml-border-radius-topright: 15px;
	-webkit-border-top-right-radius: 15px;
	/*--top left rounded corner--*/
	-moz-border-radius-topleft: 15px;
	-khtml-border-radius-topleft: 15px;
	-webkit-border-top-left-radius: 15px;
	
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 15px;
	-khtml-border-radius-bottomright: 15px;
	-webkit-border-bottom-right-radius: 15px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 15px;
	-khtml-border-radius-bottomleft: 15px;
	-webkit-border-bottom-left-radius: 15px;
	
	/*--IE9 rounded corner--*/
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;

		/*---Drop Shadow---*/
	-moz-box-shadow: 0px 0px 5px #AAA;
	-webkit-box-shadow: 0px 0px 5px #AAA;
	box-shadow: 0px 0px 5px #AAA;
	/* For IE 8 */
	-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, 	Direction=95, Color='#AAAAAA');
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=95, Color='#AAAAAA');
	}

 .toggle_container p, .toggle_container2 p {
	 font-size:14px;
	 color:#900;
	 padding: 0px 50px 0px 15px;
 }
  .toggle_container2 {
	float:left;
	position:relative;
	margin-left:25px;
	width: 89%;
	border-bottom:#DDD 1px solid;	
	border-left:#DDD 1px solid;	
	border-right:#DDD 1px solid;	
  }
  
 .toggle_container {
	float:left;
	position:relative;
	margin-left:25px;
	width: 89%;
	border:#DDD 1px solid;	
	
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 11px;
	-khtml-border-radius-bottomright: 11px;
	-webkit-border-bottom-right-radius: 11px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 11px;
	-khtml-border-radius-bottomleft: 11px;
	-webkit-border-bottom-left-radius: 11px;
		/*--IE9 rounded corner--*/
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
		/*---Drop Shadow---*/
	-moz-box-shadow: 0px 0px 3px #CCC;
	-webkit-box-shadow: 0px 0px 3px #CCC;
	box-shadow: 0px 0px 3px #CCC;
	/* For IE 8 */
	-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#DDDDDD');
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#DDDDDD');
 }
.logoA {
			position:absolute;
			top:10px;
			right:15px;
}
#positonfacebook {
	float:left;
	margin-top:21px;
	margin-left:10px;
}
.facebookicon {
	position:absolute;
	left:473px;
	top:-14px;
	z-index:1;
	}		
.textfacebookposition {
	font-size:14px;
	color:#58595B;
	position:absolute;
	width:429px;
	left:523px;
	top:1px;
	background-color:#FFF;
	z-index:1;
	}			
#banner { 	
	float:left;
	margin-top:20px;
	margin-left:0px;
	width: 535px;
	overflow:hidden;
	}
#Footer { 	
	margin-top:-36px;
	float:left;
	width: 100%;
	/*background:url(images/footer.jpg) repeat-x;*/
	}
#Footertext1 { 	
	position: relative;
	padding-left: 15px;
	padding-top: 6px;
	color:#FFF;
	float:left;
	width: 300px;
	height: 32px;
	}
#Footertext2 { 	
	position: relative;
	text-align:right;
	padding-right: 15px;
	padding-top: 6px;
	color:#FFF;
	float:left;
	width: 675px;
	height: 32px;
	}

.lof-slidecontent{
	margin:auto;
	position:relative;
	overflow:hidden;
	border:#F4F4F4 solid 1px;
	width:1006px;
	height:435px;
	top: -47px;
	left: 0px;
}
.lof-slidecontent .preload{
	height:100%;
	width:100%;
	background:#FFF;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	color:#FFF;
	text-align:center
}
.lof-slidecontent .preload div{
	height:100%;
	width:100%;
	background:transparent url(images/load-indicator.gif) no-repeat scroll 50% 50%;
}
.lof-main-outer{
	position:relative;
	height:100%;
	width:1009px;
	z-index:0;
	overflow:hidden;
}


/*******************************************************/
.lof-main-item-desc{
	z-index:100;
	position:absolute;
	top:270px;
	left:0px;
	width:390px;
	padding-bottom:8px;
	background:url(images/transparent_bg2.png);
	/* filter:0.7(opacity:60) */
}
.lof-main-item-desc2{
	z-index:100;
	position:absolute;
	top:270px;
	left:0px;
	width:390px;
	padding-bottom:8px;
	background:url(images/transparent_bg2.png);
	/* filter:0.7(opacity:60) */
}
.lof-main-item-desc p, .lof-main-item-desc2 p{
	color:#000;
	font-size:12px;
	margin:0;
	padding:0px 0px 10px 13px;
}
.lof-main-item-desc h3, .lof-main-item-desc2 h3{
	color:#000;	
	margin:0;
	font-size:18px;;
	padding:14px 0px 0px 13px;
	font-family:Tahoma, Geneva, sans-serif;
}
.colorred { color:#F00; }
.colorblue { color:#06F; }

/*
.lof-main-item-desc h3 a, .lof-main-item-desc2 h3 a{
	text-decoration:underline;
}*/


/* main flash */
ul.lof-main-wapper{
	/* margin-right:auto; */
	background:transparent url(images/load-indicator.gif) no-repeat scroll 50% 50%;
	padding:0px;
	margin:0;
	height:435px;
	width:1009px;
	position:absolute;
	overflow:hidden;
}

ul.lof-main-wapper li img{
z-index:100;
}
	
ul.lof-main-wapper li{
	overflow:hidden;
	padding:0px;
	margin:0px;
	height:100%;
	width:1009px;
	float:left;
}
.lof-opacity li{
	position:absolute;
	top:0;
	left:0;
	float:inherit;
}
ul.lof-main-wapper li img{
	padding:0px;	
	width:1009px;
	overflow:hidden;
}

li-desc{
	z-index:0;
	position:absolute;
	top:150px;
	left:50px;
	width:100%;
	background:url(images/transparent_bg.png);

	/* filter:0.7(opacity:60) */
}
li-desc p{
	color:#FFF;
	margin:0 8px;
	padding:8px 0
}
li-desc h3{
	color:#FFF;	
	margin:0;
	font-size:140%;
	padding:20px 8px 2px;
	font-family:Tahoma, Geneva, sans-serif;
}
/*
li-desc h3 a:hover{
	color:#FF6;
	text-decoration:underline;
}
*/
/* item navigator */
ul.lof-navigator{
	top:0;
	padding:0;
	margin:0;
	position:absolute;
	width:100%;
}
ul.lof-navigator li{
	cursor:hand; 
	cursor:pointer;
	list-style:none;
	width:100%;
	padding:0;
	margin:0;
}

.lof-navigator-outer{
	position:absolute;
	right:0px;
	top:1px;
	z-index:0;
	width:92px;
	height:435px;
	color:#F00;
}

.lof-navigator li.active{
	background:url(images/arrow-bg.png) no-repeat scroll left center; 
	color:#FFF
}
.lof-navigator li:hover{
	
}

.lof-navigator li h3{
	color:#FFF;
	font-size:100%;
	padding:15px 0 0 !important;
	margin:0;

}
.lof-navigator li div{
	background:url(images/transparent_bg.png) no-repeat;
	left: 19px;
	width:92px;
	height:77px;
	position:relative;
}

.lof-navigator li.active div{
	background:url(images/grad-bg.jpg);
	color:#FFF;
}
.lof-navigator li img{
	height:50px;
	width:50px;
	margin:8px 8px 8px 15px;
	float:left;
	padding:3px;
	border:#C5C5C5 solid 1px;
}
.lof-navigator li.active img{
	border:##6C8E5C  solid 1px;
}
.lof-navigator li.active h3{
	color:#FFF;
}