html {
				cursor: default;
}
body {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				margin: 0;
				padding: 0;
}
/* TOOL TIPS */
/* override the arrow image of the tooltip */
.tooltip {
				display: none;
				background-color: #7cade8;
				border: 1px solid #cc9;
				padding: 3px;
				font-size: 13px;
				-moz-border-radius: 3px;
}
.tooltip2 {
				display: none;
				background-color: transparent;
				padding-top: 32px;
				font-size: 12px;
				height: 40px;
				width: 50px;
				background-image: url('../../laser/img/back.png');
				background-repeat: no-repeat;
				background-position: left top;
}
.tooltip3 {
				display: none;
				background-color: transparent;
				padding-top: 32px;
				font-size: 12px;
				height: 40px;
				width: 50px;
				background-image: url('../../laser/img/forward.PNG');
				background-repeat: no-repeat;
				background-position: right top;
}
.close a {
				border: thin transparent solid;
}
.close a:hover {
				border: thin gray solid;
}
.close img {
				border: none;
}
/* scroll demo */
#scroll {
				position: relative;
				height: 460px;
				overflow: hidden;
				border: 1px solid #ddd;
				width: 948px;
				padding: 15px;
				-moz-border-radius: 5px;
				margin: auto;
}
#tools {
				width: 9999em;
				position: absolute;
				height: 400px;
				overflow: hidden;
}
.tool {
				float: left;
				width: 1000px;
				height: 400px;
				padding: 0px 0px 0px 0px;
				overflow: hidden;
}
/* INTRO */
.introdetails {
				float: left;
				margin: auto;
				width: 580px;
				padding: 5px 5px 5px 5px;
				overflow: hidden;
				text-align: left;
}
.introdetails h1 {
				text-align: left;
				color: #666;
				border-bottom: thin #666 solid;
				width: 560px;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				font-family: "Lucida Sans Unicode";
}
.introdetails p {
				text-align: left;
}
.introdetails img {
				margin-left: 0px;
}
.introdemos {
				border-left: 1px solid #ddd;
				float: left;
				min-height: 365px;
				width: 380px;
				overflow: hidden;
				margin: auto;
				padding: 5px 5px 5px 5px;
				text-align: left;
}
.introdemos h2 {
				padding: 0px 0px 0px 10px;
				margin: 10px 0px 10px 0px;
				font-family: "Lucida Sans Unicode";
				color: #666;
				font-size: 22px;
				float: left;
}
.introdemos ul {
}
.introdemos li {
				list-style-image: url('../../laser/img/apply.png');
				width: 280px;
				float: left;
}
.introdemos p {
				margin: 35px 0px 0px 40px;
				text-align: left;
				float: left;
}
.introdemos img {
				border: none;
				outline: none;
				margin-top: 110px;
				margin-left: 0px;
				float: left;
}
.introdemos a {
				position: relative;
				z-index: 9999;
				float: left;
}
/* END OF INTRO */
/* WAVELENGTH AND POWER */
.wavepowerdetails {
				margin:0px 0px 0px 10px;
				width: 958px;
				height: 403px;
				padding:5px 5px 5px 5px;
				overflow: scroll;
}
.wavepowerdetails h2 {
				padding: 0px 0px 0px 0px;
				margin: 0px 0px 0px 155px;
				font-family: "Lucida Sans Unicode";
				color: #666;
				font-size: 22px;
}
.wavepowerdetails img {
				margin: 15px 0px 0px 9px;
				border: none;
				outline: none;
}
/* END OF WAVELENGTH AND POWER */
/* FEATURES */
.featdetails {
				float: left;
				margin: auto;
				width: 948px;
				padding: 5px 5px 5px 5px;
				overflow: hidden;
				height: 401px;
}
/* END OF FEATURES */
/* APPLICATIONS */
.appdemos {
				float: left;
				padding: 0px 5px 0px 15px;
				width: 330px;
				overflow: hidden;
				text-align: left;
				height: 385px;
				border-right: 1px gray solid;
}
.appdemos h2 {
				margin: 0px 0px 0px 0px;
}
.tabs3 {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				float: left;
				width: 300px;
				float: left;
				margin: 10px 0px 0px -20px;
}
.tabs3 li {
				width: 300px;
}
.tabs3 a {
				text-decoration: none;
				text-align: left;
				color: #000;
				padding: 0px 0px 0px 0px;
				margin: 0px 0px 0px 0px;
}
.tabs3 a:hover {
				color: #0083f0;
}
.tabs3 a:active {
				outline: none;
}
.appdetails {
				float: left;
				margin: auto;
				width: 600px;
				padding: 5px 5px 5px 15px;
				overflow: hidden;
}
.appdetails img{
				margin-left:150px;
}
/* END OF APPLICATIONS */
/* DIMENSIONS */
.dimdetails {
				float: left;
				margin: auto;
				width: 948px;
				padding: 5px 5px 5px 5px;
				overflow: hidden;
				text-align: center;
}
.dimdetails p {
				text-align: right;
}
.dimdetails a {
				text-decoration: none;
				text-align: left;
				color: #000;
				padding: 0px 0px 0px 0px;
				margin: 0px 0px 0px 0px;
}
.dimdetails a:hover {
				color: #0083f0;
}
.dimdetails a:active {
				outline: none;
}
.dimdetails img {
				border: none;
}
/* END OF DIMENSIONS */
/* SOFTWARE */
.softdetails {
				float: left;
				margin: auto;
				width: 707px;
				height: 406px;
				padding: 5px 5px 5px 5px;
				overflow: hidden;
				text-align: center;
}
.panes {
				text-align:;
				width: 707px;
}
.panes p {
				text-align: left;
				padding-left: 0px;
				width:660px;
}
.panes ul{
				text-align:left;
}
.softdemos {
				border-right: 1px solid #ddd;
				float: left;
				height: 365px;
				padding: 5px 5px 5px 5px;
				width: 250px;
				overflow: hidden;
}
.softdemos h2 {
				padding: 0px 0px 0px 0px;
				margin: 0px 0px 0px 10px;
				font-family: "Lucida Sans Unicode";
				color: #666;
				font-size: 22px;
				width: 210px;
				border-bottom: thin #666 solid;
}
.softdemos li {
				list-style-image: url('../../laser/img/previous.png');
}
.softdemos a {
				font-size: 12px;
				text-decoration: none;
}
.softdemos p {
				padding: 0px 15px 0px 15px;
}
.tabs {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				float: left;
				width: 300px;
}
.tabs li {
				list-style-type: none;
				height: 20px;
}
.tabs a {
				text-decoration: none;
				text-align: left;
				color: #000;
				padding: 0px 0px 0px 0px;
				margin: 0px 0px 0px 0px;
}
.tabs a:hover {
				color: #0083f0;
}
.tabs a:active {
				outline: none;
}
/* END OF ENHANCEMENTS */
/* QC AND CERTS */
.qccdemos {
				border-right: 1px solid #ddd;
				float: left;
				height: 380px;
				padding: 5px 5px 5px 5px;
				width: 310px;
				overflow: hidden;
}
.qccdemos h2 {
				margin: -10px 0px 0px 10px;
}
.tabs2 {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				float: left;
				width: 300px;
}
.tabs2 li {
				list-style-type: none;
				width: 300px;
				padding: 3px 0px 3px 0px;
}
.tabs2 a {
				text-decoration: none;
				text-align: left;
				color: #000;
				padding: 0px 0px 0px 0px;
				margin: 0px 0px 0px 0px;
}
.tabs2 a:hover {
				color: #0083f0;
}
.tabs2 a:active {
				outline: none;
}
.qccdetails {
				float: left;
				margin: auto;
				width: 652px;
				padding: 5px 5px 5px 5px;
}
.qccdetails h1 {
				margin: 0px 0px 0px 15px;
				font-family: "Lucida Sans Unicode";
				font-size: 20px;
				width: 400px;
				border-bottom: thin #000 solid;
}
.qccdetails p {
				margin: 0px 0px 0px 0px;
				width: 620px;
}
.qccdetails img {
				padding-right: 20px;
}
.panes2 {
				text-align: center;
				width: 652px;
				overflow:scroll;
				height:405px;

}
.panes2 p {
				text-align: left;
				padding-left: 15px;
}
.highlights {
				width: 300px;
				float: left;
				margin-left: 20px;
				text-align: left;
}
.highlights a {
				color: black;
				outline: none;
				font-weight: bold;
}
.highlights a:hover {
				color: #0083f0;
}
.hihghlights a:active {
				outline: none;
}
/* END OF QC AND CERTS */
#thumbs {
				background: url('../img/ramannavi2.jpg') no-repeat;
				height: 90px;
				position: absolute;
				top: 410px;
				width: 990px;
				left: -8px;
}
.t a {
				background: url('../img/ramannavi2.jpg') no-repeat -21px -90px;
				margin-left: 11px;
				display: block;
				width: 99px;
				float: left;
				height: 90px;
				cursor: pointer;
}
.t a.active {
				cursor: default !important;
}
.navi {
				margin-left: 314px;
}
/* CSS sprite for the navigation */
#t0 {
				margin-left: 20px;
				_margin-left: 10px;
}
#t0.active {
				background-position: -21px 0 !important;
}
#t0:hover {
				background-position: -21px -180px;
}
#t0:active {
				background-position: -21px -270px;
}
#t1 {
				background-position: -325px -90px;
}
#t1:hover {
				background-position: -325px -180px;
}
#t1:active {
				background-position: -325px -270px;
}
#t1.active {
				background-position: -325px 0 !important;
}
#t2 {
				background-position: -435px -90px;
}
#t2:hover {
				background-position: -435px -180px;
}
#t2:active {
				background-position: -435px -270px;
}
#t2.active {
				background-position: -435px 0 !important;
}
#t3 {
				background-position: -545px -90px;
}
#t3:hover {
				background-position: -545px -180px;
}
#t3:active {
				background-position: -545px -270px;
}
#t3.active {
				background-position: -545px 0 !important;
}
#t4 {
				background-position: -655px -90px;
}
#t4:hover {
				background-position: -655px -180px;
}
#t4:active {
				background-position: -655px -270px;
}
#t4.active {
				background-position: -655px 0 !important;
}
#t5 {
				background-position: -765px -90px;
}
#t5:hover {
				background-position: -765px -180px;
}
#t5:active {
				background-position: -765px -270px;
}
#t5.active {
				background-position: -765px 0 !important;
}
#t6 {
				background-position: -875px -90px;
}
#t6:hover {
				background-position: -875px -180px;
}
#t6:active {
				background-position: -875px -270px;
}
#t6.active {
				background-position: -875px 0 !important;
}
/* get rid of those system borders being generated for A tags */
a:active {
				outline: none;
}
:focus {
				-moz-outline-style: none;
}
ul.tabs a:active, a:focus, a:hover, a:visited {
				outline: none;
				border: none;
}
ul.tabs img {
				border: none;
}


.qeback {
				position: relative;
				height: 130px;
				width: 979px;
				padding: 0;
				margin:auto;
				text-align:center;
}
.qeback p {
				margin: 2px 0px 2px 0px;
				padding: 0px 0px 0px 0px;
				font-weight: bold;
				color: #001350;
				text-align: center;
				background-color:white;
}
.qeback img {
				outline: none;
				border: none;
				margin:-16px 0px 0px 50px;
}





.harddemos{
				width:280px;
				float:left;
				margin-left:10px;
				height:370px;
				border-right:1px gray solid;
}
.harddemos h2{
				color:gray;
				width:280px;
				border-bottom:1px gray solid;
				float:left;
}
.harddemos ul{
				list-style-type:none;
				padding:none;
				height:280px;
				margin:none;
}
.harddemos li{
				padding:4px 0px 4px 0px;
}
.harddemos a{
				outline:none;
				color:black;
				text-decoration:none;
}
.harddemos a:hover{
				color:gray;
}
.harddemos a:active{
				outline:none;
}
.harddemos a:focus{
				color:gray;
				font-size:large;
}
.harddetails {
	color:#666;
	float:left;
	margin:auto;
	width:685px;
	padding:0;
	overflow:hidden;
}
.hardpanes {
	color:#666;
	float:left;
	margin:0px 0px 0px 10px;
	width:673px;
	padding:0;
	overflow:scroll;
	height:406px;
}
.hardpanes div{
				width:655px;
}
.hardpanes h2{
				margin:0px 0px 0px 20px;
				width:630px;
}
.hardpanes p{
				margin:10px 0px 0px 20px;
				font-size:12px;
				width:600px;	
				text-align:left;
				padding:0px 5px 0px 5px;			
}
.hardpanes img{
				float:left;
				margin-top:20px;
				margin-left:20px;
}


.featdemos {
				float: left;
				padding: 0px 5px 0px 15px;
				width: 330px;
				overflow: hidden;
				text-align: left;
				height: 385px;
				border-right: 1px gray solid;
}
.featdemos h2 {
				margin: 0px 0px 0px 0px;
}
.tabs4 {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				float: left;
				width: 300px;
				float: left;
				margin: 10px 0px 0px -20px;
}
.tabs4 li {
				width: 300px;
}
.tabs4 a {
				text-decoration: none;
				text-align: left;
				color: #000;
				padding: 0px 0px 0px 0px;
				margin: 0px 0px 0px 0px;
}
.tabs4 a:hover {
				color: #0083f0;
}
.tabs4 a:active {
				outline: none;
}
.featdetails {
				float: left;
				margin: auto;
				width: 607px;
				padding: 5px 5px 5px 15px;
				overflow: scroll;
}
.featdetails img{
				margin-left:150px;
}