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: 50px;
}
.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: 130px;
				margin-left: 0px;
				float: left;
}
.introdemos a {
				position: relative;
				z-index: 9999;
				float: left;
}
/* END OF INTRO */
/* WAVELENGTH AND POWER */
.wavepowerdetails {
				text-align:;
				margin: 0px 0px 0px 0px;
				width: 968px;
				height: 403px;
				padding: 5px 5px 5px 5px;
				overflow: hidden;
}
.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;
				background-image: url('../img/itrometerfeatures.png');
				background-position: left top;
				background-repeat: no-repeat;
}
.lookinsidequestukey {
				position: absolute;
				width: 400px;
				margin-left: 560px;
				border-left: 1px gray solid;
				padding: 0px 0px 0px 10px;
				height: 370px;
}
.lookinsidequestukey img {
				float: left;
				border: none;
				outline: none;
}
.lookinsidequestukey h2 {
				margin-top: 150px;
				width: 400px;
				float: left;
}
.lookinsidequestukey h3 {
				margin-top: 5px;
				margin-left: 5px;
				width: 365px;
				float: left;
}
.topmenuhover {
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				width: 50px;
				height: 30px;
				display: block;
				position: relative;
}
div.mover {
				margin-left: 1px;
				padding: 20px 0 0 0px!important;
				display: block;
}
.innermover {
				padding: 0;
				margin: 0;
				height: 400px;
				width: 990px;
				display: block;
}
.b1 {
				display: none;
				width: 477px;
				height: 198px;
}
.overlayer {
				float: left;
				width: 477px;
				height: 198px;
				position: absolute;
				left: 250px;
				top: 185px;
				background: url('../img/tip.png') no-repeat left top;
}
.smadiv {
				height: 198px;
				float: left;
}
.smadiv h2 {
				color: white;
				margin: 25px 0px 0px 55px;
}
.smadiv h3 {
				color: white;
				margin: 5px 0px 0px 55px;
				padding: 0px 0px 0px 0px;
}
.smadiv p {
				color: white;
				margin: 5px 0px 0px 55px;
				padding: 0px 0px 0px 0px;
				width: 400px;
}
.b2 {
				display: none;
				width: 563px;
				height: 390px;
}
.overlayer2 {
				float: left;
				width: 563px;
				height: 390px;
				position: absolute;
				left: 210px;
				top: 30px;
				background: url('../img/cypherhtip2.png') no-repeat left top;
}
.slitdiv {
				height: 390px;
				float: left;
}
.slitdiv h2 {
				color: white;
				margin: 25px 0px 0px 55px;
}
.slitdiv h3 {
				color: white;
				width: 563px;
				margin: 5px 0px 0px 55px;
				padding: 0px 0px 0px 0px;
}
.slitdiv p {
				color: white;
				margin: 5px 0px 0px 55px;
				padding: 0px 0px 0px 0px;
				width: 490px;
}
.b3 {
				display: none;
				width: 477px;
				height: 198px;
}
.overlayer3 {
				float: left;
				width: 477px;
				height: 198px;
				margin-left: 177px;
				margin-top: 140px;
				background: url('../img/compassxtip3.png') no-repeat left top;
}
.collimatingdiv {
				height: 198px;
				float: left;
}
.collimatingdiv h2 {
				color: white;
				margin: 25px 0px 0px 55px;
}
.collimatingdiv h3 {
				color: white;
				width: 400px;
				margin: 5px 0px 0px 55px;
				padding: 0px 0px 0px 0px;
}
.collimatingdiv p {
				color: white;
				margin: 5px 0px 0px 55px;
				padding: 0px 0px 0px 0px;
				width: 400px;
}
.b4 {
				display: none;
				width: 733px;
				height: 396px;
}
.overlayer4 {
				float: left;
				width: 733px;
				height: 400px;
				position: absolute;
				left: 120px;
				top: 23px;
				background: url('../img/questxtip6.png') no-repeat left top;
}
.gratingdiv {
				height: 400px;
				float: left;
}
.gratingdiv h2 {
				color: white;
				margin: 25px 0px 0px 55px;
}
.gratingdiv h3 {
				color: white;
				margin: 5px 0px 0px 55px;
				padding: 0px 0px 0px 0px;
}
.gratingdiv p {
				color: white;
				margin: 5px 0px 0px 55px;
				padding: 0px 0px 0px 0px;
				width: 650px;
}
.gratingdiv img {
				float: left;
}
.questugrating {
				float: left;
				width: 690px;
}
.b5 {
				width: 626px;
				display: none;
				height: 400px;
}
.overlayer5 {
				float: left;
				width: 626px;
				height: 400px;
				margin-left: 140px;
				margin-top: -25px;
				background: url('../img/cypherhtip5.png') no-repeat left top;
}
.focusingdiv {
				height: 400px;
				float: left;
}
.focusingdiv h2 {
				color: white;
				margin: 25px 0px 0px 55px;
				width: 600px;
}
.focusingdiv h3 {
				color: white;
				margin: 5px 0px 0px 55px;
				padding: 0px 0px 0px 0px;
				width: 530px;
}
.focusingdiv p {
				color: white;
				margin: 5px 0px 0px 55px;
				padding: 0px 0px 0px 0px;
				width: 530px;
}
.focusingdiv img {
				float: right;
}
.questudetector {
				float: left;
				width: 600px;
}
.b6 {
				width: 477px;
				display: none;
				min-height: 198px;
}
.overlayer6 {
				float: left;
				width: 477px;
				height: 198px;
				margin-left: -40px;
				margin-top: -30px;
				background: url('../img/cypherhtipusb.png') no-repeat left top;
}
.detectordiv {
				height: 198px;
				float: left;
}
.detectordiv h2 {
				color: white;
				margin: 25px 0px 0px 55px;
}
.detectordiv h3 {
				color: white;
				margin: 5px 0px 0px 55px;
				padding: 0px 0px 0px 0px;
}
.detectordiv p {
				color: white;
				margin: 5px 0px 0px 55px;
				padding: 0px 0px 0px 0px;
				width: 400px;
}
.b10 {
				width: 477px;
				display: none;
				min-height: 300px;
}
.overlayer10 {
				float: left;
				width: 733px;
				height: 400px;
				margin-left: -15px;
				margin-top: 5px;
				background: url('../img/cypherhtipusb.png') no-repeat left top;
}
.tecdiv {
				height: 400px;
				float: left;
}
.tecdiv h2 {
				color: white;
				margin: 25px 0px 0px 55px;
}
.tecdiv h3 {
				color: white;
				margin: 5px 0px 0px 55px;
				padding: 0px 0px 0px 0px;
}
.tecdiv p {
				color: white;
				margin: 5px 0px 0px 55px;
				padding: 0px 0px 0px 0px;
				width: 400px;
}
ul#Navigation {
				width: 1050px;
				margin: -30px auto;
				position: absolute;
				list-style-type: none;
				height: auto;
				padding:0;
}
ul#Navigation li {
				float: left;
				width: 50px;
				vertical-align: top;
				margin: 0px 0px 0px 0px;
}
/* END OF FEATURES */
/* APPLICATIONS */
.appdemos {
				float: left;
				padding: 0px 5px 0px 15px;
				width: 270px;
				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: 240px;
				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;
}
.appdemos p{
				margin-top:10px;
				padding:0;
				float:left;
}
.appdetails {
				float: left;
				margin: auto;
				width: 605px;
				padding: 5px 5px 5px 15px;
				overflow: hidden;
}
/* 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: 658px;
				height: 406px;
				padding: 5px 5px 5px 5px;
				overflow: scroll;
				text-align: center;
}
.panes {
				text-align: center;
				width: 658px;
				overflow: hidden;
}
.panes p {
				text-align: left;
				padding-left: 15px;
}
.softdemos {
				border-left: 1px solid #ddd;
				float: left;
				min-height: 365px;
				padding: 5px 5px 5px 5px;
				width: 300px;
				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-left: 1px solid #ddd;
				float: left;
				height: 403px;
				padding: 5px 5px 5px 5px;
				width: 300px;
				overflow: scroll;
}
.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: 658px;
				padding: 5px 5px 5px 5px;
				overflow: hidden;
}
.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: 630px;
}
.qccdetails img {
				padding-right: 20px;
}
.panes2 {
				text-align: center;
				width: 658px;
				overflow: hidden;
}
.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/questunavi.jpg') no-repeat;
				height: 90px;
				position: absolute;
				top: 410px;
				width: 990px;
				left: -8px;
}
.t a {
				background: url('../img/questunavi.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;
}
#products {
				margin: auto;
				padding: 0;
				width: 1000px;
}
#prod1 {
				border-bottom: 1px silver solid;
}
#prod1:hover {
				border: none;
				outline: none;
}
.qeback {
				position: relative;
				height: 80px;
				overflow: hidden;
				border: 1px solid #ddd;
				width: 979px;
				padding: ;
				-moz-border-radius: 5px;
				margin: auto;
				background-color: #f4f4f4;
				background:#f4f4f4 url('../img/new-spectrometer-product-line.gif') no-repeat -2px 20px;
}
.qeback p {
				margin: 2px 0px 2px 0px;
				padding: 0px 0px 0px 0px;
				font-weight: bold;
				color: #001350;
				text-align: center;
}
.qeback img {
				margin-right: -1px;
				outline: none;
				border: none;
}
.qeback a{
				height:40px;
				float:left;
}/* END OF ALL CSS */