/* CSS Document */
/* globle*/
html, body {
	margin: 0;
	padding: 0;
}

p {
    font-size: 11px;
	color: #666666;
	font-family: "Tahoma", "Times New Roman";
	text-align: justify;
	text-justify : newspaper;
	margin: 0px 0px 10px;
	padding: 0px;
}
	
 a {
 	text-decoration: none;
	font-size: 11px;
	color: #7C9CDE;
	font-family: "Tahoma", "Times New Roman";
	font-style: normal;
}
a:link {
	color:#2556A7;
	text-decoration: none;
	font-size: 11px;
}
a:visited {
	color: #2556A7;
}
a:hover {
	text-decoration: none;
	color: #7c9cde;
	background-color: #D8E1F5;
}

.all {
	min-width: 900px;
    width:expression(document.body.clientWidth < 900? "900px": "auto" );}

/* structure*/
#header {
	margin: 0px;
	height: 70px;
	padding: 0px 0px -3px;
	border: 0px;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	background-position: 30px 2px;}    

#banner {
	margin: 0px;
	background: #345CA0;
	height: 124px;
	border: 1px solid #FFFFFF;
	padding: 0px;

}    
#red {
	margin: 0px;
	background: #CE0637;
	height: 124px;
	border: 0px none #FFFFFF;
	padding: 0px;
	float: left;
	left: 787px;
	top: 71px;
	width: auto;
	clear: none;
	position: absolute;
	right: 0px;
}    

#leftsidebar {
	width: 200px;
	margin: 0px -225px 0px 0px;
	float: left;
	padding-top: 10px;
	padding-right: 0px;
	clear: left;
}    

#content1 {
	display: inline;
	float: left;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 225px;
	margin-right: 5px;
}    

#footer {
	background:#E4E4E4;
	text-align: center;
	height: 40px;
	padding-top: 10px;
	clear: both;
}  

/* things in header*/
#menu {
	position: absolute;
	left: 0px;
	top: 32px;
	z-index: 2;
	visibility: visible;
	margin: 0px;
	padding: 0px;
	width: 100%;
	}


.text {
	width: 70px;
	margin-left: 1px;
	list-style-type: none;
	white-space: nowrap;
	display: block;
	font-family: "Tahoma", "Times New Roman";
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-transform: capitalize;
	color: #345CA0;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	margin-right: 0px;
	padding-right: 0px;
	border: 0px;
	float: left;
}

.text a{
	height: 13px;
	width: 69px;
	margin-left: 1px;
	display: inline;
	padding: 0px;
}
.text a:link{
	color: #345CA0;
}

.text a:visited{
	color: #345CA0;
}
.text a:hover{
	color: #FFFFFF;
	background-color: #7C9CDE;
}
#contact{
	position: absolute;
	left: 638px;
	top:10px;
	white-space: nowrap;
}
.search {

	position: absolute;
	left: 720px;
	top:8px;
    width:300px
}
/* things in footer*/  
#footer a {
	text-decoration: none;
	font-style: normal;
}
/* things in banner*/

h2 {
	font-family: "Tahoma", "Times New Roman";
	font-size: 18px;
	color: #FFFFFF;
	text-transform: capitalize;
	float: left;
	width: 224px;
	text-align: center;
	vertical-align: middle;
	line-height: 100px;
	white-space: nowrap;
	z-index: 100;
	margin-top: 12px;
}
.smallh2 {
	font-size: 16px;
}
.bannerpicture{
	width:567px;
	margin: 0px;
	height: 124px;
	float: left;
	z-index: 1;
	border-right-width: 0px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	padding: 0px;
}    

/* things in content*/
#content dl{
	padding: 0px;
	text-indent: 0px;
}
#content dt {
	font-family: "Tahoma", "Times New Roman";
	font-weight: bolder;
	font-size: 11px;
	color: #4875d0;
	text-align: left;
	text-transform: capitalize;
	padding: 0px;
	text-indent: 0px;
	margin-top: 12px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: auto;
	background-repeat: no-repeat;
}

#content dt a:link {
	color: #4875d0;
}

#content dt a:visited {
	color: #4875d0;
}

#content dt a:hover {
	color: #4875d0;
}

#content dd{
	text-decoration: none;
	font-size: 11px;
	color: #666666;
	font-family: "Tahoma", "Times New Roman";
	line-height: 15px;
	list-style-type: none;
	text-align: left;
	vertical-align: baseline;
	margin: 0px;
	padding: 0px;
	display: inline;
	text-indent: 0pt;
}
#content dd a:link {
	color: #2556A7;
	text-decoration: none;
	text-indent: 0px;
}
#content dd a:visited {
	color:#2556A7;
}
#content dd a:hover {
	background-color: #D8E1F5;
}

#content dd li{
	list-style-type: disc;
	clear: both;
	list-style-position: inside;
}

.graybordertd {
	border: 1px solid #CCCCCC;
	text-align: left;
	text-indent: 0pt;
	vertical-align: top;
	white-space: normal;
	padding: 10px;
	float: left;
	margin: 10px;
}

#content {
    min-width: 700px;
    width:expression(document.body.clientWidth < 700? "700px": "auto" );
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}   
/* things in leftside*/
#leftsidebar ul{
	display: block;
}
#leftsidebar p{
	margin: 0px;
	padding: 0px 20px 0px 0px;
	width: 200px;
	text-indent: 0pt;
	border-right-width: 0px;
	border-left-width: 0px;
	display: block;
	height: 14px;
	font-family: "Tahoma", "Times New Roman";
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	text-transform: capitalize;
}
#leftsidebar p a,#leftsidebar p a:link,#leftsidebar p visited{
	margin: 0px;
	padding: 0px 20px 0px 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	list-style-type: none;
	width: 200px;
		display: block;
}	
#leftsidebar p a:hover{
	background-color: #D8E1F5;
}
#leftmenu{
	font-family: "Tahoma", "Times New Roman";
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0px;
	display: table;
	white-space: nowrap;
	width: 200px;
	text-transform: capitalize;
	position: static;
}

#leftmenu li {
	margin: 0px;
	padding: 0px;
	display: block;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px solid #CCCCCC;
	border-left: 0px;
	height: auto;
	vertical-align: middle;
}

#leftmenu li a,#leftmenu li a:link,#leftmenu li a:visited{
	padding: 0px 0px 0px 20px;
	width: 200px;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	list-style-type: none;
	text-indent: 0pt;
	border-right-width: 0px;
	border-left-width: 0px;
	display: block;
	margin: 0px;
	height: auto;
}
#leftmenu ul {
	margin: 0px -20px 0px 0px;
	padding: 0px 20px 0px 0px;
	list-style-type: circle;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 1px solid #CCCCCC;
	border-left: 0px;
	width: 200px;
	font-weight: normal;
	background-color: #FFFFFF;
	text-transform: capitalize;
}
#sublist {
	margin: 0px;
	padding: 0px;
	list-style-type: circle;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 1px #CCCCCC;
	border-left: 0px;
	width: 200px;
	font-weight: normal;
	background-color: #FFFFFF;
	text-transform: capitalize;
	position: static;

}
#leftmenu li a:hover{
	background-color: #D8E1F5;
}

#sublist li a,#sublist li a:link,#sublist li a:visited{
	width: 180px !important;
	width: 200px;
	list-style-type: none;
	text-indent: 0pt;
	display: block;
	height: 14px;
	padding: 0px 0px 0px 40px;
	margin: 0px;
	border: 0px;
}

#sublist li a:hover {
	background-color: #D8E1F5;
}
.non-link {
	background-color: #d8e1f5;
	text-transform: capitalize;
}

/* others */

h6{
	font-family: "Tahoma", "Times New Roman";
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #345CA0;
	text-transform: uppercase;
	margin: 0px 0px 10px;
}
.borderimage {
	border: 1px solid #CCCCCC;
	margin: 5px 5px 5px 0px;
	display: inline;
	}
.borderimage-nomargin {
	border: 1px solid #CCCCCC;
	margin: 0px 5px 2px;
	float: left;
	vertical-align: text-top;
	height: 28px;
	width: 40px;
}
	
.clearboth {
	clear: both;
}

.width300 {
	width: 350px;
	float: left;
	display: inline;
	height: 34px;
	background-attachment: scroll;
	background-image: url(../images/pdficon_small.gif);
	background-repeat: no-repeat;
	background-position: 300px top;
}
.aligncenter {
	text-align: center;
}	

/* banner pictures */
#picture-fiber-optical-components {
	background: url(../images/Fiber%20Optical%20Components.jpg) no-repeat center;

}    
#picture-company {
	background: url(../images/company.jpg) no-repeat center;

}
#picture-products {
	background: url(../images/products.jpg) no-repeat center;

}
#picture-optical-attenuators-VOA {
	background: url(../images/optical-attenuators-VOA.jpg) no-repeat center;

}
#picture-technology {
	background: url(../images/technology.jpg) no-repeat center;

}
  #picture-news {
	background: url(../images/news.jpg) no-repeat center;

} 
  #picture-careers {
	background: url(../images/careers.jpg) no-repeat center;

} 
  #picture-contact {
	background: url(../images/contact.jpg) no-repeat center;

} 
  #picture-Thermal-Cameras {
	background: url(../images/Thermal-Cameras1.jpg) no-repeat left;

} 
  #picture-detectors {
	background: url(../images/detectors.jpg) no-repeat left;

} 

  #picture-GRIN-Lenses {
	background: url(../images/GRIN-Lenses.jpg) no-repeat left;

} 
#picture-optical-components {
	background: url(../images/Optical%20Components.jpg) no-repeat center;

}    
#picture-Precision-Glass-Tubings {
	background: url(../images/Precision%20Glass%20Tubings.jpg) no-repeat center;

}    


#picture-Infrared-Imaging-Lenses {
	background: url(../images/Infrared%20Imaging%20Lenses.jpg) no-repeat center;

}   
#picture-Optical-Variable-Time-Delay {
	background: url(../images/Optical%20Variable%20Time%20Delay.jpg) no-repeat center;

}   

#picture-Device-Package-Service {
	background: url(../images/Device%20Package%20Service.jpg) no-repeat center;

}   
#picture-Nano-Composite-Coatings {
	background: url(../images/Nano-Composite%20Coatings.jpg) no-repeat center;

}   
#picture-Reliability-Test-Service {
	background: url(../images/Reliability%20Test%20Service.jpg) no-repeat center;

}   
#picture-splice {
	background: url(../images/splice.jpg) no-repeat center;

}   
#picture-highpower-optical-components {
	background: url(../images/highpower%20Optical%20Components.jpg) no-repeat center;

}      
#picture-mems-foundery-service {
	background: url(../images/mems-foundery-service.jpg) no-repeat center;

}        
#picture-uvlight {
	background: url(../images/solid-state-uv-light.jpg) no-repeat center;

} 
#picture-bendable-fiber {
	background: url(../images/bendable-fiber.jpg) no-repeat center;

} 

/*special formats*/
/*fiber mechanical splice*/
.floatleft {
	float: left;
	clear: none;
}

span {
	font-weight: bold;
	margin-right: 10px;
}

.in {
	text-indent: 12pt;
	list-style-type: none;
}
.floatright {
	clear: none;
	float: right;
	position: relative;
	left: 30px;
	top: 60px;
	margin: 30px 30px 30px 5px;
}
/*themaltron*/
#right {
	clear: none;
	float: left;

}
#left {
	float: left;
	width: 250px;

}
#table1 {
	font-family: "Tahoma", "Times New Roman";
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	border: 1px solid #CCCCCC;
	width: 300px;
	margin: 0px;
	padding: 0px;

}
#table1 td{
	border: 1px solid #CCCCCC;
	text-align: center;
	margin: 0px;
	padding: 0px;
	text-transform: none;
}

/*fiber opticaltools*/
.toppading {
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/*newpages for services*/
.picturetable {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	font-style: normal;
	color: #666666;
	border-top: 1px solid #999999;
	border-right: 0px solid #FFFFFF;
	border-bottom: 0px solid #999999;
	border-left: 0px solid #FFFFFF;
	margin: 0px 0px 0px 5px;
	padding: 0px;
}

/*single and array detectors*/
.clearleft {
	clear: left;
}