/* General Styles */

html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, img, pre, blockquote, fieldset, input{
	margin:0;
	padding:0;
	}

ul{
	list-style:none;
	}

ol{
	list-style-position:inside;
	list-style-type:decimal;
	}

fieldset{
	border:0;
	}

a, a:link{
	color:#333;
	background-color:inherit;
	outline:none;
	text-decoration:none;
	}

a:hover{
	text-decoration:underline;
	}

a img{
	border:0;
	}

html{
	height:100%;
	margin:0 0 1px;
	}	

body{
	position:relative;
	background:#f2f2f2 url(../images/bg.png) repeat-x;
	color:#333;
	font:62.5% Arial, Helvetica, sans-serif;
	}

.replace{
	position:relative;
	margin:0;
	padding:0;
	overflow:hidden;
	}

.replace span{
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	}

.skiplink{
	display:none;
	}

.wrapper{
	margin:0 auto;
	width:940px;
	border-left:10px solid #fff;
	border-right:10px solid #fff;
	}
	

/* Header Styles */
#header{
	width:100%;
	height:86px;
	overflow:hidden;
	}

#header h1{
	float:left;
	width:410px;
	height:51px;
	margin:20px 0 0 18px;
	display:inline;
	}

#header h1 a, #header h1 a:visited{
	display:block;
	text-indent:-5000px;
	background:url(../images/logo.gif) no-repeat;
	width:100%;
	height:100%;
	outline:0;
	cursor:pointer;
	}


/* Top Contact Styles */
#hcontact{
	float:right;
	width:218px;
	}

#hcontact h3{
	color:#333;
	font-size:1.1em;
	font-weight:normal;
	background:url(../images/i_sale.gif) no-repeat 0 3px;
	padding:0 0 0 15px;
	margin:20px 0 2px 0;
	background-color:inherit;
	}

#hcontact h4{
	color:#999;
	font-size:1.1em;
	font-weight:normal;
	margin:0 0 2px 0;
	background-color:inherit;
	}

#hcontact h4 span{
	padding:0 0 0 10px;
	}

#hcontact h5{
	font-size:1.1em;
	font-weight:normal;
	background:url(../images/i_find.gif) no-repeat 0 2px;
	padding:0 0 0 15px;
	}

#hcontact h5 a, #hcontact h5 a:visited{
	color:#999;
	background-color:inherit;
	}

/* Menu Styles */
#menu{
	width:940px;
	height:29px;
	background:url(../images/menu_bg.png) no-repeat;
	overflow:hidden;
	clear:both;
	}

#menu li{
	float:left;
	}

#menu li a, #menu li a:visited{
	display:block;
	height:21px;
	font-size:1.1em;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	padding:8px 18px 0 17px;
	float:left;
	background:url(../images/menu_li.gif) no-repeat right top;
	background-color:inherit;
	}

#menu #menu_curr a, #menu #menu_curr a:visited, #menu li a:hover{
	background:#dbdbdb;
	color:#0f54a2;
	text-decoration:none;
	}

#menu li a.homehover{
	color:#0f54a2;
	background:url(../images/bgr_home_over.gif) no-repeat #dbdbdb;
	}
	
#menu li #menu_home, #menu li #menu_home:visited{
	padding:8px 18px 0 22px;
	}

#menu li #menu_home:hover, #menu #menu_curr #menu_home, #menu #menu_curr #menu_home:visited{
	background:url(../images/bgr_home_over.gif) no-repeat;
	}


/* Board Styles */
#board{
	width:100%;
	height:165px;
	color:inherit;
	background:#dbdbdb;
	overflow:hidden;
	}
	
/* Home Banner Styles */
#bannerhome{
	width:100%;
	height:300px;
	color:inherit;
	overflow:hidden;
	background:url(../images/banner/home.jpg) 50% 10px no-repeat #dbdbdb;
	}

#bannerhome h2{
	text-indent:-5000px;
	}


/* Banner Styles */
#banner{
	float:left;
	width:700px;
	margin:17px 0 0 10px;
	display:inline;
	}

#banner h2{
	text-indent:-5000px;
	}

.optisystem_banner{
	background:url(../images/optisystem_banner.png) no-repeat;
	width:690px;
	height:130px;
	}
	
.about_banner{
	background:url(../images/banner/about.jpg) 0 0 no-repeat;
	width:690px;
	height:130px;
	}
	
.academia_banner{
	background:url(../images/banner/academia.jpg) 0 0 no-repeat;
	width:690px;
	height:130px;
	}
	
.literature_banner{
	background:url(../images/banner/literature.jpg) 0 0 no-repeat;
	width:690px;
	height:130px;
	}
	
.newsroom_banner{
	background:url(../images/banner/news.jpg) 0 0 no-repeat;
	width:690px;
	height:130px;
	}
	
.training_banner{
	background:url(../images/banner/training.jpg) 0 0 no-repeat;
	width:690px;
	height:130px;
	}
	
.contact_banner{
	background:url(../images/banner/contact.jpg) 0 0 no-repeat;
	width:690px;
	height:130px;
	}

.product_banner{
	background:url(../images/banner/products.jpg) 0 0 no-repeat;
	width:690px;
	height:130px;
	}

.fdtd_banner{
	background:url(../images/banner/fdtd.jpg) 0 0 no-repeat;
	width:690px;
	height:130px;
	}

.bpm_banner{
	background:url(../images/banner/bpm.jpg) 0 0 no-repeat;
	width:690px;
	height:130px;
	}

.fiber_banner{
	background:url(../images/banner/fiber.jpg) 0 0 no-repeat;
	width:690px;
	height:130px;
	}

.gratings_banner{
	background:url(../images/banner/grating.jpg) 0 0 no-repeat;
	width:690px;
	height:130px;
	}

.amplifier_banner{
	background:url(../images/banner/amplifier.jpg) 0 0 no-repeat;
	width:690px;
	height:130px;
	}

.system_banner{
	background:url(../images/banner/system.jpg) 0 0 no-repeat;
	width:690px;
	height:130px;
	}

.spice_banner{
	background:url(../images/banner/spice.jpg) 0 0 no-repeat;
	width:690px;
	height:130px;
	}

.multimode_banner{
	background:url(../images/banner/multimode.jpg) 0 0 no-repeat;
	width:690px;
	height:130px;
	}

.performer_banner{
	background:url(../images/banner/performer.jpg) 0 0 no-repeat;
	width:690px;
	height:130px;
	}
	
.evaluation_banner{
	background:url(../images/banner/evaluation.jpg) 0 0 no-repeat;
	width:690px;
	height:130px;
	}

.academia{
	background:url(../images/board_right_bg3.png) no-repeat !important;
	}

.literature{
	background:url(../images/board_right_bg2.png) no-repeat !important;
	}


/* Evaluate Styles */
#evaluate{
	float:right;
	width:230px;
	height:130px;
	background:url(../images/board_right_bg.png) no-repeat;
	margin:15px 0 0 0;
	}

#evaluate h2{
	color:#1551a3;
	font-size:1.6em;
	width:105px;
	padding:10px 0 0 15px;
	background-color:inherit;
	}

#evaluate p{
	color:#666666;
	font-size:1.1em;
	width:150px;
	padding:10px 0 0 15px;
	background-color:inherit;
	}

#evaluate h3{
	color:#a0d229;
	font-size:1.1em;
	font-weight:normal;
	padding:14px 0 0 15px;
	position:relative;
	background-color:inherit;
	}

#evaluate h3 a, #evaluate h3 a:visited{
	color:#a0d229;
	background-color:inherit;
	text-decoration:underline;
	}

#evaluate h3 a:hover{
	text-decoration:none;
	}
	

/* Container Styles */
#container{
	width:930px;
	padding:0 0 0 10px;
	background:#dbdbdb url(../images/body_bg.gif) repeat-y;
	color:inherit;
	}

#container_top{
	position:relative;
	width:100%;
	overflow:hidden;
	background:url(../images/tab_item_bg.gif) no-repeat left bottom;
	}

/* Home Styles */
.bgcolor{
	background:none !important;
	background-color:#dbdbdb !important;
	color:inherit;
	}

.box2{
	float:left;
	margin:0 12px 8px 0 !important;
	}

.txt{
	display:block;
	padding:0 0 10px !important;
	font-size:11px;
	}

#latest_news{
	height:27px;
	padding:0 11px 0 17px;
	margin:0 0 10px;
	font:12px/27px Arial, Helvetica, sans-serif;
	background:url(../images/newsbg.gif) 0 0 no-repeat;
	}

#latest_news a{
	text-decoration:underline;
	}

#latest_news a:hover{
	text-decoration:none;
	}

#latest_news p.latest{
	float:left;
	width:90px;
	}

#latest_news ul.news_button{
	float:left;
	width:40px;
	line-height:27px;
	}

#latest_news ul.news_button li{
	float:left;
	width:12px;
	font-size:0;
	line-height:0;
	height:27px;
	overflow:hidden;
	}

#latest_news ul.news_button li img{
	margin:8px 0 0;
	display:block;
	}

#latest_news ul.news_button li.bg{
	padding:0 0 0 7px;
	background:url(../images/line.gif) 0 50% no-repeat;
	}

#latest_news p.view{
	float:right;
	width:100px;
	}

.home_body{
	width:200px !important;
	height:160px;
	margin:5px 0 10px 10px !important;
	}

.home_body a{
	text-decoration:none !important;
	}

.home_body p{
	font-size:12px;
	}

.home_body a:hover{
	color:#000 !important;
	background-color:inherit;
	}

.last1{
	padding:24px 0 0 !important;
	background:none !important;
	}

li.clients{
	padding:6px 0 0 !important;
	background:none !important;
	}

li.clients p{
	float:left;
	padding:10px 0 0 !important;
	}

li.clients img{
	float:right;
	border:none;
	display:block;
	}

div.homeGallery{
	float:left;
	position:relative;
	width:160px;
	padding:0 0 0 40px;
}

div.homeGallery a.visit{
	text-decoration:none;
	color:#A09B86;
	background-color:inherit;
	}

div.homeGallery a:hover.visit{
	text-decoration:none;
	color:#1A1912;
	background-color:inherit;
	}

div.homeGallery p.buttons a:hover{ background-position:0 100%;}
div.homeGallery p.buttons a.next { background-image:url(../images/next.gif);}
div.homeGallery p.buttons a.prev { background-image:url(../images/previous.gif); margin:0 15px 0 0;}
div.homeGallery p.buttons{
	position:absolute;
	top:8px;
	left:0;
	background:url(../images/line.gif) 50% 50% no-repeat;
}
div.homeGallery p.buttons a{
	display:block;
	float:left;
	background-position:50% 0;
	background-repeat:no-repeat;
	width:6px;
	font-size:0;
	line-height:0;
	height:12px;
	overflow:hidden;
	color:#039323;
	background-color:inherit;
}

div.stepcarousel{
	position:relative;
	width:250px;
	height:25px;
	clear:both;
}

div.stepcarousel div.belt{
	position:absolute;
	left:0;
	top:0;
	width:250px;
}
div.stepcarousel div.panel {
	float:left;
	width:250px;
	height:25px;
	padding:0 12px 0 0;
	background:url(../images/gallerybg.gif) 0 0 no-repeat;
}



/* About Styles */
#about{
	width:100%;
	padding:6px 0;
	color:#333;
	background:#dbdbdb;
	}

#about p{
	font-size:1.2em;
	padding:0 0 0 30px;
	}
	

/* Footer Styles */
#footer{
	width:100%;
	padding:10px 0;
	color:#fff;
	background:#a5a7aa;
	}

#footer p{
	font-size:1.3em;
	padding:0 0 0 30px;
	color:#fff;
	font-weight:bold;
	background-color:inherit;
	}

#footer p a, #footer p a:visited{
	color:#fff;
	background-color:inherit;
	}


/* Content Styles */
#content{
	float:left;
	width:690px;
	margin:0 10px 0 0;
	background:url(../images/tab_item_bg2.gif) no-repeat left top;	
	}
	

/* Sidebar Styles */
#sidebar{
	float:left;
	width:220px;
	}
	

/* Tabs Styles */
#tabs{
	width:695px;
	color:#666;
	background:#dbdbdb;
	overflow:hidden;
	margin:0 0 0 -5px;
	}

#tabs li{
	float:left;
	display:inline;
	margin:0 20px 0 0;
	}

#tabs li a, #tabs li a:visited{
	float:left;
	display:block;
	background:url(../images/tab_right.gif) no-repeat right top;
	color:#666;
	text-transform:uppercase;
	font-weight:bold;
	font-size:1.1em;
	padding:0 20px 0 0;
	height:29px;
	background-color:inherit;
	}

#tabs li span{
	float:left;
	display:block;
	background:url(../images/tab_left.gif) no-repeat;
	padding:5px 0 0 20px;
	height:24px;
	cursor:pointer;
	}

#tabs li span img{
	vertical-align:-2px;
	}

#tabs #tab_curr a, #tabs #tab_curr a:visited, #tabs li a:hover{
	background:url(../images/tab_right_over.gif) no-repeat right top;
	text-decoration:none;
	}

#tabs #tab_curr a span, #tabs li a:hover span{
	background:url(../images/tab_left_over.gif) no-repeat;
	}


/* Overview Styles */
.tab_item{
	padding:10px 0 20px 18px;
	width:642px;
	font:12px/16px Arial, Helvetica, sans-serif;
	}

.tab_item h2{
	color:#1551a3;
	font-size:22px;
	line-height:20px;
	padding:10px 0 10px 0;
	font-weight:normal;
	background-color:inherit;
	}

.tab_item h3{
	color:#999;
	font-size:16px;
	font-weight:normal;
	padding:0 0 10px 0;
	background-color:inherit;
	}

.tab_item p{
	font-size:12px;
	line-height:14px;
	padding:0 0 15px 0;
	}
.box{
	background:#fff url(../images/box_end.gif) no-repeat left bottom;
	margin:0 0 14px 0;
	padding:0 0 5px 0;
	width:220px;
	color:inherit;
	}
.nomar{
	margin:0 !important;
	}

.box h2{
	width:100%;
	height:27px;
	background:url(../images/box_top.gif) no-repeat;
	font-size:1.1em;
	text-transform:uppercase;
	color:#fff;
	background-color:inherit;
	}

.box h2 span{
	display:block;
	padding:7px 0 0 18px;
	}

.box_body{
	width:181px;
	margin:5px 0 0 19px;
	}

.box_body ul li{
	background:url(../images/dotted_grey.gif) repeat-x left bottom;
	font-size:1.2em;
	padding:5px 0 3px;
	}

.box_body ul li.last{
	background:none;
	}

.box_body ul li a, .box_body ul li a:visited{
	color:#666;
	background-color:inherit;
	}

.box_body ul.normal li a:hover{
	font-weight:normal !important;
	color:#A0D229 !important;
	background-color:inherit;
	}
	
.box_body ul.normal li strong{
	color:#666;
	background-color:inherit;
	}
	
	
/* Component Styles */
#box_component li span{
	padding:0 0 0 12px;
	position:relative;
	top:-5px;
	}

#box_component a:hover{
	text-decoration:none;
	font-weight:bold;
	color:#000;
	background-color:inherit;
	}


/* System Styles */
#box_system li img{
	margin:0 0 0 3px;
	}

#box_system li span{
	padding:0 0 0 8px;
	position:relative;
	top:-5px;
	}

#box_system li span b{
	color:#000;
	background-color:inherit;
	}

#box_system li span strong{
	color:#f00;
	background-color:inherit;
	}

#box_system a:hover{
	text-decoration:none;
	font-weight:bold;
	color:#000;
	background-color:inherit;
	}


/* Related Styles */
#box_related{
	margin:0;
	}

#box_related h2{
	color:#333;
	background:url(../images/box_top2.gif) no-repeat;
	background-color:inherit;
	}

#box_related li{
	padding:5px 0 8px;
	line-height:1.6em;
	}

#box_related li a, #box_related li a:visited{
	text-decoration:underline;
	}

#box_related li a:hover{
	text-decoration:none;
	}

#box_related b{
	color:#666;
	background-color:inherit;
	}

#box_related b a, #box_related b a:visited{
	text-decoration:none;
	}

#box_related b a:hover{
	text-decoration:underline;
	}

#box_i_contact div{
	background:url(../images/i_contact.gif) no-repeat 0 2px;
	padding:0 0 0 24px;
	}

#box_i_support div{
	background:url(../images/i_support.gif) no-repeat 0 2px;
	padding:0 0 0 24px;
	}

#i_pdf div{
	background:url(../images/i_pdf.gif) no-repeat 0 2px;
	padding:0 0 0 24px;
	}


/* Contact Page */
.tab_itemright01{
	float:right;
	width:246px;
	}

.tab_itemright02{
	float:right;
	width:380px;
	}

.tab_itemright img{
	margin:0 0 20px;
	}

/* Product Page */
.tab_item ul.product{
	padding:0 0 20px;
	}

.tab_item ul.product li{
	border-bottom:1px solid #ccc;
	overflow:hidden;
	height:100%;
	padding:20px 0;
	}

.tab_item ul.product li.main_info{
	font-size:14px;
	color:#0F74AA;
	border:1px solid #C1E6FA;
	background-color:#EAF6FC !important;
	}


.tab_item ul.product li.nobg{
	border-bottom:none !important;
	}

.tab_item ul.product li a{
	cursor:pointer;
	text-decoration:none !important;
	}

.tab_item ul.product li a:hover{
	color:#1A3D99;
	background-color:inherit;
	}

.tab_item ul.product li span.left{
	position:relative;
	display:block;
	width:200px;
	padding:0 40px 0 70px;
	float:left;
	}

.tab_item ul.product li span.left1{
	position:relative;
	display:block;
	width:240px;
	padding:0 20px 0 10px;
	float:left;
	}


.tab_item ul.product li span.left img{
	position:absolute;
	left:0;
	top:0;
	}	
	
.tab_item ul.product li span.right{
	display:block;
	width:300px;
	float:left;
	}
	
.tab_item ul.product li span.right1{
	display:block;
	width:360px;
	float:left;
	}

/* Overview page */
.tab_item a{
	text-decoration:underline;
	}
	
.tab_item a:hover{
	text-decoration:none;
	}
	
.title{
	color:#005DAD !important;
	background-color:inherit;
	font-size:14px !important;
	font-weight:bold;
	padding:10px 0;
	}

.col1{
	color:#D20C19 !important;
	background-color:inherit;
	}

.col2{
	color:#005851 !important;
	background-color:inherit;
	}

.col3{
	color:#FDB41A !important;
	background-color:inherit;
	}

.col4{
	color:#005DAD !important;
	background-color:inherit;
	}

.col5{
	color:#751760 !important;
	background-color:inherit;
	}

.col6{
	color:#999999 !important;
	background-color:inherit;
	}


.tab_item ul.optiSys{
	padding:5px 0 10px 15px;
	}
	
.tab_item ul.optiSys li{
	float:none;
	list-style:disc;
	padding:0 0 4px;
	}

.tab_item ul.optiSys li.botPad p{
	padding:20px 0;
	}

.tab_item ul.optiSys li ul{
	padding:0 0 0 30px;
	}
	
.tab_item ul.optiSys li ul li{
	list-style:circle;
	}
	
.tab_item div.appli{
	float:left;
	width:310px;
	margin:0 0 25px;
	}
	
ul.apaplicat{
	padding:5px 0 10px 35px;
	}
	
ul.apaplicat li{
	float:none;
	list-style:disc;
	}
	
div.inclOpt{
	float:right;
	width:310px;
	margin:0 0 25px;
	}
	
div.inclOpt img.smalllogo{
	margin:5px 10px 5px 0;
	}
	
img.screenShot{
	margin:0 0 20px !important;
	}
	
.tab_item p.smallTxt{
	font-size:11px;
	}

.imgcenter{
	text-align:center;
	}

.padding01{
	margin:0 50px 0 0;
	}

.bigtex{
	color:#075292 !important;
	background-color:inherit;
	font-size:18px !important;
	line-height:24px;
	}

.imgleft{
	float:left;
	margin:0 8px 0 0;
	}
	
.imgRight{
	display:block;
	float:right;
	margin:0 0 0 50px;
	}

.line{
	font-size:0 !important;
	line-height:0 !important;
	height:1px !important;
	border-top:1px solid #E0E0E0;
	}

.quot{
	padding:0 0 15px 40px !important;
	}

.training{
	border-left:1px solid #999999;
	border-top:1px solid #999999;
	margin:0 0 15px;
	}

.training td{
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	font-weight:bold;
	line-height:25px;
	padding:0 0 0 10px
	}

.training td.color{
	background:#CCFFFF;
	color:inherit;
	}

/* Register */
#register label{
	display:block;
	padding:0 0 5px;
	float:left;
	width:160px;
	line-height:20px;
	}	

#register input{
	float:left;
	}

.spacer{
	clear:both;
	line-height:0;
	font-size:0;
	}

#register h4{
	color:inherit;
	background-color:#D0F1FD;
	border-bottom:1px solid #00CCFF;
	margin:20px 0 10px;
	line-height:25px;
	padding:0 0 0 10px;
	}


/* evaluation */
#evaluation label{
	display:block;
	padding:0 0 5px;
	float:left;
	width:200px;
	line-height:20px;
	}	

#evaluation input{
	float:left;
	width:196px;
	margin:2px 4px 2px 0;
	}

#evaluation input.button{
	width:110px;
	}

#evaluation select{
	float:left;
	width:200px;
	margin:2px 4px 2px 0;
	}

#evaluation textarea{
	float:left;
	width:196px;
	margin:2px 4px 2px 0;
	}


/* Download Page */
.tab_item div.download{
	margin:0 auto;
	padding:25px 0 0;
	width:580px;
	}

.tab_item div.download img.bigicon{
	float:left;
	margin:0 50px 20px 0;
	}

.tab_item div.download img.bottompadd{
	margin:0 50px 140px 0;
	}



.tab_item p.midtxt{
	margin:0 auto;
	text-align:center;
	width:280px;
	}