body{
	margin:0;
	font:14px Arial, Helvetica, sans-serif;
}
a{text-decoration:underline;}

img{border:0;}

p{
	margin:0;
}
ul{
	padding:0;
	margin:0;
	list-style:none;
}
br{
	height:0px;
	overflow:hidden;
	width:100%;
	line-height:0px;
}
#main{
	margin:0 auto;
}
#header{
	width:984px;
	margin: 10px 0 25px 0px;
	float:none;

}
ul.top-nav{
display: none;
}
ul.top-nav li, ul.top-nav li.first-top{
	float:right;
	background:url(../../images/top-nav-li-split.gif) no-repeat 0 100%;
	padding:0 4px 0 5px;
	line-height:10px;
}
ul.top-nav li.first-top{
	background:none;
}
ul.top-nav li a{
	color:#606A74;
}
form.search-form{
display: none;
}
input.search-inp{
	width:96px;
	height:13px;
	border:1px solid #AFB2B7;
	float:right;
	margin:0 3px 0 0;
	display:inline;
	padding:2px 0 1px 2px;
	font-size:10px;
}
input.go-button{
	background:url(../../images/go-button.gif) no-repeat 0 0;
	width:19px;
	height:22px;
	float:right;
	margin:-4px 0 0 0;
}

#content{
	width:auto;
	float:none;
	margin:26px 0 0 0;
	padding:0 0 20px 0;
}
#content a{
	color:#0066CC;
}
#content p{
	padding:0 0 10px 0;
	float:none;
}
#content-left{
	width:auto;
	float:left;
	margin:0 5px 0 0;
}
#content-right{
	width:70%;
	float:right;
}

#home #content-right {
	width: 100%;
	float: none;
}

#home #content-left {
	width:auto;
	float:none;
	margin:0 5px 0 0;
}

#home-left-img{
display: none;
}

span.news-sp{
	width:auto;
	padding:4px 0 0 4px;
	margin:0 0 0 0px;
	font-size:15px;
	font-style:italic;
	color:#333;
	font-weight:bold;
}
ul.news, ul.events{
	width:auto;
	padding:12px 0 0 9px;
}
ul.news li, ul.events li{
	width:auto;
	padding:0 0 10px 0;
	color:#000;
	line-height:14px;
}
ul.news li span, ul.events li span{
	background:url(../../images/news-li-bg.gif) no-repeat 0 3px;
	width:auto;
	margin:0 6px 0 0;
}
ul.news li a, ul.events li a{
	color:#0066CC;
}	
ul.events li{
	width:auto;
}
ul.events li a{
	color:#000 !important;
	text-decoration:underline;
}
ul.events li a:hover{
	text-decoration:none;
}
.products {
	width:auto;
	/*margin:7px 3px 0 1px; */
}

.products-last {
	page-break-after:always;
}

.products ul{
	width:auto;
	padding:3px 0 0 6px;
	float:none;
}
.products ul li{
	float:none;
	width:auto;
	line-height:14px;
}
.products p, {
	margin:3px 0 0 6px;
	
}
.products h3, {
	padding:3px 0 0 3px;
	margin:0;
	font-size:12px;
	font-weight:normal;
}
h2.custom-products, h2.standard-products, h2.technology-corner, h2.electronic-services{
	margin: 10px 0 0 10px;
	padding:0;
	float:none;
	width:auto;
}

h2.page-name{
	padding:15px 0 15px 9px;
	margin:0 0 14px 2px;
	display:inline;
	float:left;
	font-size:21px;
	color:#333;
	width:775px;
	background:url(../../images/nav-style2-bg.gif) repeat-x 0 100%;
}
/*
ul.tabs{
	float:left;
	width:200px;
	margin:0 0 0 3px;
	display:inline;
}
ul.tabs li{
	float:left;
	background:url(../images/tab.gif) no-repeat 0 0;
	margin:0 0 0 -3px;
	display:inline;
	width:53px;
	height:22px;
}
ul.tabs li a{
	display:block;
	width:44px;
	float:left;
	font-size:9px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	line-height:9px;
	text-align:center;
	padding:2px 0 0 3px;
	color:#000 !important;
}

* html ul.tabs li a{
	padding:3px 0 0 2px;
}
*+html ul.tabs li a{
	padding:4px 0 0 2px;
}
ul.tabs li.active-tab{
	position:relative;
	border-bottom:0;
	height:23px;
}
#tabs-box{
	background:#D9D9D9 url(../images/tabs-box-bg.gif) repeat-x 0 0;
	width:201px;
	border:1px solid #808284;
	float:left;
	clear:left;
	margin:-1px 0 0 0;
	min-height:104px;
}
* html #tabs-box{
	height:104px;
}
#tabs-box span{
	font:bold 13px Tahoma, Arial, Helvetica, sans-serif;
	color:#000;
	float:left;
}
*/

*/

form.show{
	padding:22px 0 0 9px;
	margin:0;
	float:left;
}
select.show-sel{
	float:left;
	margin:6px 0 0 0;
}
.image-left{
	background:url(../../images/img-border.gif) repeat-x 0 100%;
	float:left;
	width:192px;
	height:51px;
	overflow:hidden;
}
ul.left-nav-style2{
	float:left;
	width:181px;
	padding:0 0 0 5px;
}
ul.left-nav-style2 li{
	line-height:25px;
	float:left;
	background:url(../../images/nav-style2-bg.gif) repeat-x 0 100%;
}
ul.left-nav-style2 li a{
	font-size:13px;
	float:left;
	display:block;
	padding:0 0 0 11px;
	width:170px;
	color:#000 !important;
}
ul.left-nav-style2 li a:hover, ul.left-nav-style2 li a.active-nav{
	background:url(../../images/nav-style2-hover.gif) no-repeat 0 50%;
	text-decoration:none;
}
#inner-left-big{
	float:left;
	width:390px;
	padding:0 0 0 5px;
}
#inner-left-big p{
	font:12px Verdana, Arial, Helvetica, sans-serif;
}
#inner-right-big{
	width:392px;
	float:left;
}
.pdf-box{
	background:#D2D9DF url(../../images/pdf-box.gif) repeat-x 0 0;
	width:178px;
	min-height:116px;
	float:left;
	border:1px solid #E0E8F0;
	margin:0 8px 16px 0;
	display:inline;
	padding:0 4px;
}
* html .pdf-box{
	height:116px;
}
h3.pdf{
	margin:10px 0 0 0;
	float:left;
	font:bold 10px Tahoma, Arial, Helvetica, sans-serif;
	background:url(../../images/pdf-ico.gif) no-repeat 0 0;
	padding:0 0 8px 30px;
	height:28px;
}
h3.pdf a{
	color:#000 !important;
}
.pdf-box p{
	font:10px Tahoma, Arial, Helvetica, sans-serif;
}
a.a-black{
	color:#000 !important;
	text-decoration:underline;
}
a.a-black:hover{
	text-decoration:none;
}
span.prod-left{
	font-size:13px;
	padding:7px 0 7px 16px;
	float:left;
}
ul.products-list{
	float:left;
	width:181px;
	padding:0 0 8px 5px;
}
ul.products-list li{
	line-height:14px;
	float:left;
	width:181px;
}
ul.products-list li a{
	color:#0066CC;
	font-size:10px;
	float:left;
	padding:0 0 0 12px
}
ul.products-list li a:hover, ul.products-list li a.active-prod{
	background:url(../../images/prod-list-arrow.gif) no-repeat 0 50%;
	text-decoration:none;
}
span.sub-prod-list{
	background:url(../../images/nav-style2-bg.gif) repeat-x 0 0;
	float:left;
	margin:0 0 0 5px;
	width:165px;
	padding:4px 0 7px 16px;
	font-size:13px;
}
#products-left, #products-right{
	width:80%;
	float:none;
	margin:0 0 0 6px;
}
 #products-right{
 	width:auto;
 }

a[href$=".pdf"]{text-decoration:none;padding: 0 0 0 20px;background: url(../images/pdf.gif) top left no-repeat;}

#products-left img{
	margin:0 0 14px 0;
}
#products-center{
	width:372px;
	float:left;
	margin:0 0 0 8px;
	display:inline;
}
form.email{
	padding:20px 0 0 8px;
	margin:0;
	float:left;
	width:170px;
}
label.email-lbl{
	width:52px;
	float:left;
	margin:0 15px 0 0;
	display:inline;
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	text-align:right;
}
input.email-inp{
	width:96px;
	height:15px;
	border:1px solid #BDBCBC;
	border-bottom:2px solid #BDBCBC;
	float:left;
	padding:0 0 0 2px;
	margin:0 0 11px 0;
	font:11px Tahoma, Arial, Helvetica, sans-serif;
}
input.send-button{
	background:url(../../images/send-button.gif) no-repeat 0 0;
	width:70px;
	height:20px;
	float:right;
	margin:0 4px 0 0;
	display:inline;
}
#products-center h3{
	padding:0 0 4px 0;
	margin:0;
	float:left;
	font-size:15px;
	width:372px;
	font-style:italic;
	font-weight:bold;
}
#products-center p{
	margin:0;
	float:left;
	font:11px Tahoma, Arial, Helvetica, sans-serif;
	line-height:13px;
	padding:0 0 14px 0;
}
.blue-box-top{
	background:url(../../images/blue-box-top.gif) no-repeat 0 0;
	float:left;
	width:188px;
	padding:2px 0 0 0;
}
.blue-box-center{
	background:url(../../images/blue-box-center.gif) repeat-y 0 0;
	width:181px;
	float:left;
	min-height:118px;
	padding:4px 0 0 7px;
}
* html .blue-box-center{
	height:118px;
}
.blue-box-center span{
	width:164px;
	height:21px;
	float:left;
	background:#EBF0F6;
	display:block;
	border:1px solid #DCE5EE;
	font-size:15px;
	font-style:italic;
	padding:2px 0 0 8px;
	font-weight:bold; 
}
.blue-box-bottom{
	background:url(../../images/blue-box-bottom.gif) no-repeat 0 100%;
	width:188px;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	float:left;
}
ul.features{
	width:151px;
	float:left;
	padding:12px 0 12px 9px;
}
ul.features li{
	background:url(../../images/blue-box-li-bg.gif) no-repeat 0 50%;
	padding:0 0 0 8px;
	float:left;
	width:160px;
	line-height:13px;
}
.series-table-box{
	width:100%;
	float:none;
	margin:10px 0 0 6px;
	page-break-before:always;
}
span.table-box-name{
	width:775px;
	float:none;
	height:24px;
	display:block;
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
	font:bold 13px Tahoma, Arial, Helvetica, sans-serif;
	padding:6px 0 0 5px;
	text-align:left !important;
page-break-before:always;
}
.series-table-box span{
	float:left;
	display:block;
	text-align:center;
	margin:10px 0 0 0;
}
ul.series-table{
	width:780px;
	float:left;
}
ul.series-table li{
	width:780px;
	float:left;
	min-height:26px;
	font:9px Tahoma, Arial, Helvetica, sans-serif;
}
* html ul.series-table li{
	height:32px;
}
ul.series-table li img{
	float:none !important;
	text-align:center;
}
ul.series-table li.blue{
	background:#DEE6ED;
	line-height:11px !important;
}
ul.series-table li.white{
	background:#fff;
}
ul.series-table li.grey{
	background:#E6E8E9;
}
span.item-name{
	width:80px;
}
span.active-area{
	width:72px;
}
span.dimensions{
	width:66px;
}
span.peak-wavelength{
	width:87px;
}
span.responsivity{
	width:63px;
}
span.dark-current{
	width:63px;
}
span.capacitance{
	width:58px;
}
span.rise-time{
	width:56px;
}
span.reverce-bias{
	width:64px;
}
span.package{
	width:61px;
}
span.zoom{
	width:106px;
}
span.zoom img{
	margin:-10px 0 0 0;
	position:relative;
}
#footer{
	width:auto;
	padding:0 12px 0 0;
}

#footer ul{
display: none;
}
#footer ul li, #footer ul li.first-foot{
	padding:0 4px 0 5px;
	color:#606A74;
}

#footer ul li a{
	color:#606A74;
}
#footer span{
	float:right;
	width:100%;
	margin: 10px 0 0 0;
	color:#606A74;
	text-align:right;
}

/*QuickMenu Core CSS*/
.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;}
.qmmc {position:relative;}
.qmmc a {float:left;display:block;white-space:nowrap;}
.qmmc a:hover {background-color: #FFFFFF;}
.qmmc div a {float:none;}
.qmmc div {visibility:hidden;position:absolute;}

/*QuickMenu Styles*/
	/*"""""""" Breadcrumb Styles """"""""*/
	
		/* (Main) Breadcrumb Path - Menu Item */
		#qm0.qmmc .qmbcmain { background-color:#ffffff !important;color:#0066cc !important;}
		#qm0.qmmc .qmbcmain:hover { background-color:#e3e3eb !important;color:#0066cc !important;}
		#qm0.qmmc .qmbcmainparent {/* background-image:url(../images/slide_black_arrow.gif) !important; */}		
				
		/* (Sub) Breadcrumb Path - Menu Items */
		#qm0.qmmc .qmbcsub { background-color:#e3e3eb !important;color:#0066cc !important;}
		#qm0.qmmc .qmbcsub:hover { background-color:#ffffff !important;color:#0066cc !important; text-decoration:underline !important}
		#qm0.qmmc .qmbcsubparent { background-color:#ffffff !important;color:#0066cc !important;}


	
		/* External Breadcrumb Container
		.qm-crumbs-container {color:#ffffff;text-decoration:none;font-family:Arial;font-size:1em;}*/

		/* External Breadcrumb Links 
		.qm-crumbs-container a {color:#ffdd00;text-decoration:none;font-family:Arial;font-size:.7em;}*/

/*		External Breadcrumb Links Hover 
		.qm-crumbs-container a:hover {text-decoration:underline;}*/

	/*	External Breadcrumb Current Page Text or No Link Text 
		.qm-crumbs-current {font-size:.7em;}*/

/*		External Breadcrumb Didivers 
		.qm-crumbs-divider {font-size:.7em;} */


	/*This CSS positions the breadcrumb text container over the menu bar and to the right.
		.qm-crumbs-container {position:absolute;left;padding-top:20px;}
		.qm-crumbs-container a {display:block;float:none;}
		.qm-crumbs-container span {display:block;float:none;} */
	 
		.qm-crumbs-container {display:none;}


	/*"""""""" (MAIN) Container """"""""*/
	#qm0
	{ 
	position:absolute;
	width:auto;
	top:80px;
	left: 0px;
	background-color:white;
	height: 26px;
		
	}


	 /*"""""""" (MAIN) Items """"""""*/
	#qm0 a 
	{
		color:#ffffff;
		background-color:transparent;
		font: 11px Arial,Helvetica,sans-serif;
		text-decoration:none;
		padding:7px 20px 5px 8px;
		border: none 0;
	
	}


	/*"""""""" (MAIN) Hover State """"""""*/
	#qm0 a:hover
	{ 
		color:#0066CC;
		background-color:#FFFFFF;
		text-decoration:none;
	}


	/*"""""""" (MAIN) Active State """"""""*/	
	#qm0 .qmactive
	{ 
		/* Note: Add '!important' after each style */
		/*border-color:#333333 !important;*/

		color:#0066CC !important;
		background-color:#ffffff !important;
		text-decoration:none !important;
		/* background-image:url(../images/slide_black_arrow.gif) !important; */
	}


	/*"""""""" (MAIN) Parent Items """"""""*/
	#qm0 .qmparent
	{
/*		background-image:url(../images/slide_white_arrow.gif);
		background-repeat:no-repeat;
		background-position:92%; 
		cursor:default;*/
}

#qm0 .qm-loneparent:link {background-color:#414B56;}
#qm0 .qm-loneparent:visited {	background-color: #414B56;}
#qm0 .qm-loneparent:hover {background-color:#ffffff;}



	/*"""""""" [SUB] Containers """"""""*/
	#qm0 div
	{	
		background-color:#FFFFFF;
		margin:0px;
		}


	/*"""""""" [SUB] Items """"""""*/
	#qm0 div a
	{		
		font-size:11px;
		color:#0066CC;
		padding:3px 30px 3px 5px;
		
	}
	
	/*"""""""" [SUB] Hover State """"""""*/
	#qm0 div a:hover
	{

		background-color:#e3e3eb;
		color:#0066cc;
		text-decoration:none;
	}

	#qm0 div div
	{
		margin:0px 0px 0px 3px;
	}

	/*""""""""[SUB] Active State """"""""*/
	#qm0 div .qmactive
	{
		/* Note: Add '!important' after each style 
		border-color:#666666 !important;*/
	/**	background-color:#EFF4FA !important;
		color:#000000 !important; *//
		text-decoration:underline !important;
	/*	background-image:url(../images/slide_black_arrow_right.gif) !important; */
		
	}


	/*"""""""" [SUB] Parent Items """"""""*/
	#qm0 div .qmparent 
	{

/*		background-image:url(../images/slide_black_arrow_right.gif); */

	}

/* ------  Tabbed Box ------- */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:10px;
 width: 325px;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px;
 border-bottom: 1px solid #aaa;
 border-top: 1px solid transparent;
 font: bold 9px Geneva,Arial,sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display:inline;
}

ul.tabbernav li a
{
 padding: 3px 3px;
 margin-left: 0px;
 border: 1px solid #aaa;
 background-color: #bbb;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #fff;
 background: #9999cc;
 border: 1px solid #aaa;
}

ul.tabbernav li.tabberactive a
{
 background-color: #e2e2e2;
 border-bottom: 1px solid #e2e2e2;
border-top: 1px solid #aaa;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: #e2e2e2;
 border-bottom: 1px solid #e2e2e2;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;
 height: 100px;
 overflow: auto;
background-color:#e2e2e2;
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 /* height:200px;
 overflow:auto; */
}