html {
				cursor: default;
}
body {
				font-family:"Trebuchet MS";
				font-size: 12px;
				margin: 0;
				padding: 0;
}
h1{
				font-family:"Trebuchet MS";
				font-size:20px;
				margin:0;
				padding:0;
}
h3{
				font-family:"Trebuchet MS";
				font-size:15px;
				margin:0;
				padding:0;
}
#scroll {
				position: relative;
				height: 490px;
				overflow: hidden;
				border: 1px solid #ddd;
				width: 985px;
				padding: ;
				-moz-border-radius: 5px;
				margin:0px auto;

}
#tools {
				width: 9999em;
				position: absolute;
				height: 400px;
				overflow: hidden;
}
.tool {
				float: left;
				width: 985px;
				height: 400px;
				padding: 0px 0px 0px 0px;
				overflow:;
}
.introdetails {
				color: black;
				float: left;
				margin:0;
				width: 985px;
				height: 410px;
				padding: 0;
				z-index:9999;
				position:relative;
				background-image:url('../img/quantum-efficiency-vs-wavelength-master.jpg');
				background-position: 1px top;
				background-repeat: no-repeat;
}
.introdetails h1{
				margin-top:100px;
				margin-left:60px;
				color:black;
}
.introdetails h2{
				margin-left:60px;
				color:black;
}
#thumbs {
				background: url('../img/spectrometer-sprite.png') no-repeat;
				height: 90px;
				position: absolute;
				top: 410px;
				left: -5px;
				width: 990px;
				margin-top:6px;
}
.t a {
				background: url('../img/spectrometer-sprite.png') 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;
}
/* Single Mode */
.singlemodetabs {
				width: 250px;
				height: 406px;
				float: left;
				margin:10px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				border-right: 1px gray solid;
				overflow-x:none;
}
.singlemodetabs h3{
				margin:0px 0px 0px 20px;
				padding:0px 0px 0px 0px;
}
.smtabs{
				margin:0px 0px 0px 0px;
				padding:0px 5px 0px 0px;

				float:left;
				height:350px;
}
.smtabs li {
				list-style-type: none;
				margin:10px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				text-align:center;

}
.smtabs a {
				outline: none;
				text-decoration: none;

}
.smtabs img{
				outline:none;
				float:left;
				border:none;
}
.buttondescriptions{
				 float:left;
				 width:100px;
				 margin-top:10px;
}
.buttondescriptions span{
				height:95px;
				width:110px;
				float:left;
				padding-top:10px;
}
.singlemodetabs p{
				width:100px;
				height:90px;
				float:left;
				padding-left:10px;
}
.smtabs a:hover {
				color: #0083f0;
}
.smtabs a:active {
				outline: none;
}
.singlemodepanes {
				width: 500px;
				height: 370px;
				float: left;
				margin: 0px 10px 0px 10px;
				padding: none;
}
.smpanes {
				width: 500px;
				height: 370px;
				float: left;
				margin: none;
				padding: none;
}
.smpanesd1 {
				width: 720px;
				float: left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
}
.smpanesd1 h1 {
				width: 390px;
				border-bottom: 1px black solid;
				margin: none;
				padding: none;
				float:left;
				height:24px;
}
.smpanesd1 p {
				width: 700px;
				margin:0px;
				padding: none;
				float:left;
				text-align:left;
}
.smpanesd2 {
				width: 700px;
				float: left;
				padding:0;
}
.smpanesd2 p {
				width: 700px;
				margin:10px 0px 0px 0px;
				padding: none;
				float:left;
				text-align:left;
}

.smpanesd3{
				width:300px;
				float:left;
				height:250px;
}
.smpanesd3 h3 {
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:200px;
				float:left;
}
.smpanesd3 ul {
				margin:0px 0px 0px 10px;
				width:300px;
				float:left;
}
.smpanesd3 li {
				padding: 0px 0px 0px 0px;
				margin:0px 0px 0px 0px;
		
}
.smpanesd3 img {
				outline: none;
				text-decoration: none;
				border:none;
				float:left;
}
.smpanesd4 {
				width:390px;
				float:left;
}
.smpanesd4 img {
				text-decoration: none;
				border:none;
				outline:none;
				float:left;
}
/* Spectrum Stabilized */
.spectrumstabilizedtabs {
				width: 250px;
				height: 395px;
				float: left;
				margin:10px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				border-right: 1px gray solid;
}
.spectrumstabilizedtabs h3 {
				margin:0px 0px 0px 20px;
				padding:0px 0px 0px 0px;
}
.spectrumstabilizedtabs p{
				width:100px;
				height:90px;
				float:left;
				padding-left:10px;
}
.sstabs{
				margin:0px 0px 0px 10px;
				padding:0px 5px 0px 0px;
				width:110px;
				float:left;
				height:100px;
}
.sstabs li {
				list-style-type: none;
				margin:10px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				text-align:center;
}
.sstabs img{
				outline:none;
				float:left;
				border:none;
}
.sstabs a {
				outline: none;
				text-decoration: none;
				color: black;
}
.sstabs a:hover {
				color: #0083f0;
}
.sstabs a:active {
				outline: none;
}
.spectrumstabilizedpanes {
				width: 500px;
				height: 370px;
				float: left;
				margin: 0px 10px 0px 10px;
				padding: none;
}
.sspanes {
				width: 500px;
				height: 370px;
				float: left;
				margin: none;
				padding: none;
}
.sspanesd1 {
				width: 720px;
				float: left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
}
.sspanesd1 h1 {
				width: 390px;
				border-bottom: 1px black solid;
				margin: none;
				padding: none;
				float:left;
}
.sspanesd1 p {
				width: 500px;
				margin-top: -10px;
				padding: none;
				float:left;
}
.sspanesd2 {
				width: 720px;
				float: left;
}
.sspanesd3{
				width:720px;
}
.sspanesd3 h3 {
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:200px;
}
.sspanesd3 ul {
				margin:0px 0px 0px 10px;
				width:200px;
				float:left;
}
.sspanesd3 li {
				padding: 0px 0px 0px 0px;
				margin:0px 0px 0px 0px;
}
.sspanesd3 img {
				outline: none;
				margin:-20px 10px 0px 25px;
				float:right;
}
.sspanesd4 {
				width: 350px;
				float: left;
				text-align: center;
}
.sspanesd4 img {
				text-decoration: none;
				border:none;
				outline:none;
				margin-top:7px;
				float:left;
				margin-left:40px;
}

/* High Power */
.highpowertabs {
				width: 250px;
				height: 395px;
				float: left;
				margin:10px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				border-right: 1px gray solid;
}
.highpowertabs h3 {
				margin:0px 0px 0px 20px;
				padding:0px 0px 0px 0px;
}
.highpowertabs p{
				width:100px;
				height:90px;
				float:left;
				padding-left:10px;
}
.hptabs{
				margin:0px 0px 0px 10px;
				padding:0px 5px 0px 0px;
				width:100px;
				float:left;
				height:350px;
}
.hptabs li {
				list-style-type: none;
				padding: 0px 0px 0px 0px;
				margin:10px 0px 0px 0px;
				text-align:center;
}
.hptabs img{
				outline:none;
				float:left;
				border:none;
}
.hptabs a {
				outline: none;
				text-decoration: none;
				color: black;
}
.hptabs a:hover {
				color: #0083f0;
}
.hptabs a:active {
				outline: none;
}
.highpowerpanes {
				width: 500px;
				height: 370px;
				float: left;
				margin: 0px 10px 0px 10px;
				padding: none;
}
.hppanes {
				width: 500px;
				height: 370px;
				float: left;
				margin: none;
				padding: none;
}
.hppanesd1 {
				width: 720px;
				float: left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
}
.hppanesd1 h1 {
				width: 390px;
				border-bottom: 1px black solid;
				margin: none;
				padding: none;
				float:left;
}
.hppanesd1 p {
				width: 500px;
				margin-top: -10px;
				padding: none;
				float:left;
}
.hppanesd2 {
				width: 720px;
				float: left;
}
.hppanesd3{
				width:720px;
}
.hppanesd3 h3 {
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:200px;
}
.hppanesd3 ul {
				margin:0px 0px 0px 10px;
				width:200px;
				float:left;
}
.hppanesd3 li {
				padding: 0px 0px 0px 0px;
				margin:0px 0px 0px 0px;
}
.hppanesd3 img {
				outline: none;
				margin:-30px 10px 0px 25px;
				float:right;
}
.hppanesd4 {
				width: 350px;
				float: left;
				text-align: center;
}
.hppanesd4 img {
				text-decoration: none;
				border:none;
				outline:none;
				margin-top:7px;
				float:left;
				margin-left:40px;

}

/* Multimode */
.multimodetabs {
				width: 250px;
				height: 408px;
				float: left;
				margin:10px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				border-right: 1px gray solid;
}
.multimodetabs h3{
				margin:0px 0px 0px 20px;
				padding:0px 0px 0px 0px;
}
.mmtabs{
				margin:0px 0px 0px 10px;
				padding:0px 5px 0px 0px;
				width:110px;
				float:left;
				height:350px;
}
.mmtabs li {
				list-style-type: none;
				padding: 0px 0px 0px 0px;
				margin:10px 0px 0px 0px;
				text-align:center;

}
.mmtabs a {
				outline: none;
				text-decoration: none;
				color: black;
}
.mmtabs img{
				outline:none;
				float:left;
				border:none;
}
.multimodetabs p{
				width:100px;
				height:90px;
				float:left;
				padding-left:10px;
}
.mmtabs a:hover {
				color: #0083f0;
}
.mmtabs a:active {
				outline: none;
}
.multimodepanes {
				width: 500px;
				height: 370px;
				float: left;
				margin: 0px 10px 0px 10px;
				padding: none;
}
.mmpanes {
				width: 500px;
				height: 370px;
				float: left;
				margin: none;
				padding: none;
}
.mmpanesd1 {
				width: 720px;
				float: left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
}
.mmpanesd1 h1 {
				width: 390px;
				border-bottom: 1px black solid;
				margin: none;
				padding: none;
				float:left;
}
.mmpanesd1 p {
				width: 500px;
				margin-top: -10px;
				padding: none;
				float:left;
}
.mmpanesd2 {
				width: 720px;
				float: left;
}
.mmpanesd3{
				width:720px;
}
.mmpanesd3 h3 {
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:200px;
}
.mmpanesd3 ul {
				margin:0px 0px 0px 10px;
				width:200px;
				float:left;
}
.mmpanesd3 li {
				padding: 0px 0px 0px 0px;
				margin:0px 0px 0px 0px;
}
.mmpanesd3 img {
				outline: none;
				margin:0px 10px 0px 25px;
				float:right;
}
.mmpanesd4 {
				width: 350px;
				float: left;
				text-align: center;
}
.mmpanesd4 img {
				text-decoration: none;
				border:none;
				outline:none;
				margin-top:7px;
				float:left;
				margin-left:40px;

}