@charset "UTF-8";
/* CSS Document */

body{
	background-color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
}

img{
	border:0px;
}




/*-------------------------------------------------------- Header ----------------*/


#header{
	background-image:url(../img/header.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	height:140px;
	z-index:900;
	position:relative;
}

#logo{
	height:120px;
	padding-top:10px;
}

#logo_link{
	width:298px;
	position:absolute;
	margin-top:80px;
	float:left;
	height:20px;
	z-index:500;
	text-align:right;
}

#flir_logo{
	X_width:160px;
	X_height:66px;
	float:right;
	margin:14px 20px;
	position:top right;
}

#flir_logo A{font-size:24px;font-weight:400;color:#000000;text-decoration:none;line-height:60px;}

#footer{
	background-image:url(../img/footer.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	height:80px;
	margin-top:8px;
	float:left;
	width:960px;
	position:relative;
}


/*-------------------------------------------------------- Nav ----------------*/

#nav
{	margin: 0;
	padding: 0;
	position: relative;
}

#nav li {
	margin:0;
	list-style: none;
	float: left;
	font-size:14px;
	line-height:10px;
}

#nav li a {
	display: block;
	margin: 0;
	padding-top:10px;
	padding-bottom:5px;
	width:90px;
	height:18px;
	color: #FFF;
	font-weight:lighter;
	font-size:14px;
	text-transform: none;
	text-align: center;
	text-decoration: none;
}


#nav li a:hover {
	background: #1762a4;
}




#nav div {
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	width:200px;
	text-align:left;
	
}

#nav div a {
	    position: relative;
		display: block;
		margin: 0px;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #72a0c8;
		color: #FFF;
		font-size:12px;
		line-height:24px;
		text-transform:capitalize;
}

#nav div a:hover {
		color: #FFF;
		background-color: #1762a4;
}

#Nav_Container{
	width:630px;
	height:32px;
	position:absolute;
	float:left;
	z-index:1000;
	margin-top:97px;
	background-image:url(../img/nav_bg.png);
	background-repeat:no-repeat;

}

#NavBar{
	width:480px;
	float:left;
	height:32px;
}

#NavBarSearch{
	width:150px;
	float:right;
	height:32px;
	margin-top:8px;
}



.small{
	font-size:10px;
}




#aboutSMCDiv{
	float:left;
	position: absolute;
	margin-top:350px;
	margin-left:46px;
}






#aboutSMCDiv a{
	float:left;
	width:140px;
	height:34px;
	display:block;
	background-image:url(../img/more_about_smc.png);
}



a#aboutSMClink{
	background-position:0px 0px;
	cursor:pointer;

}

a:hover#aboutSMClink {

	background-position:0px -34px;
	cursor:pointer;

}



More{
	width:100px;
	float:left;
}

div#More a{
	float:left;
	width:74px;
	height:34px;
	display:block;
	background-image: url(../img/more_sprite.png);
	margin:20px 0px 0px 0px;
}



a#MoreBtn{
	background-position:0px 0px;
	cursor:pointer;

}

a:hover#MoreBtn {

	background-position:0px -34px;
	cursor:pointer;

}


.calcT {
	float:left;
	font-size:0px;
	width:74px;
	height:34px;
	display:block;
	background: url(../img/calc_sprite.png);
	border:none;
}



div#Quote a{
	float:left;
	width:250px;
	height:52px;
	display:block;
	background-image: url(../img/custome_quote.png);
	margin:20px 20px 0px 20px;
}

div#QuoteProduct a{
	float: left;
	width:250px;
	height:52px;
	display:block;
	background-image: url(../img/custome_quote.png);
	margin:0px 0px 0px 10px;
}




a#QuoteBtn{
	background-position:0px 0px;
	cursor:pointer;

}

a:hover#QuoteBtn {

	background-position:0px -58px;
	cursor:pointer;

}

ul#sideNavMenu{
	margin:0px;
	padding:0px;
	list-style:none;
	font-size:14px;
	color:#00539B;
}

ul#sideNavMenu li{
	margin:2px 0px 10px 6px;
	padding:0px;
	
}

ul#sideNavMenu li a{
	font-size:14x;
	color:#00539B;
	text-decoration:none;
	
}

ul#sideNavMenu li a:hover{
	font-size:14x;
	color:#00539B;
	text-decoration: underline;
	
}


ul#sideNavMenu li.call a{
	margin:2px 0px 10px 18px;
	padding:0px;
	font-size:14px;
}

ul#sideNavMenu li.head {
	margin:2px 0px 10px 6px;
	padding:0px;
	font-weight:bold;
	font-size:16px;
}


.sideNavTitle{
	width:200px;
	float:left;
	font-weight:bold;
	font-size:14px;
	color:#00539B;
	margin-bottom:6px;
}




/*-------------------------------------------------------- Search Form ----------------*/

#go{
	background-image:none;
	color:#00539B;
}

/*-------------------------------------------------------- Sliding Products ----------------*/

.spacer{
margin:20px 0 20px 0px;
height:1px;
background:url(../img/hr.png) center scroll;
background-repeat:no-repeat;
width:380px;
float:left;
}


.dataSheet{
	width:360px;
	padding:10px;
	float:left;
	font-size:12px;
	overflow:visible;
}

.dataSheet a, a:visited {

	color:#FFF;
	-webkit-transition: color .2s linear;
	-moz-tranistion:color .2s linear;;
	-o-transition:color .2s linear;;
	tranistion:color .2s linear;
}

.dataSheet a:hover{
	color: rgba(51,51,51,.8);
	color: #CCC;
}


#productIndex{
	background-image:url(../img/product_bg.jpg);
	background-repeat:no-repeat;
	padding:15px 20px 15px 20px;
	height:402px;
	margin-top:3px;
	width:930px;
	float:left;
}

#slider ul, #slider li{
	margin:0px;
	padding:0px;
	width:920px;
	list-style:none;
	left:0px;
}

#slider li{ 
	width:920px;
	height:390px;
	overflow:hidden;
	margin-bottom:0px;

}



#prevBtn, #nextBtn, #slider1next, #slider1prev{ 
		display:block;
		width:60px;
		height:60px;
		position:absolute;
		left:0px;
		top:0px;
		z-index:50;
}	

#nextBtn, #slider1next{ 
		left:935px;
		margin-top:180px;
}

#prevBtn a, #slider1next a, #slider1prev a{  
		display:block;
		left:-35px;
		margin-top:180px;
		position:relative;
		width:60px;
		height:60px;
		background:url(../img/index_Control_top.png)  no-repeat 0 0;	
}	

#nextBtn a, #slider1next a{
	display:block;
	position:relative;
	width:60px;
	height:60px;
	background:url(../img/index_Control_bottom.png)  no-repeat 0 0;
}


#productIndexCall{
	width:380px;
	float:left;
	height:380px;
	padding:30px 10px 10px 30px;
}

#productIndexItem{
	width:300px;
	float:left;
	padding:25px 10px 0px 25px;
	font-size:14px;
	font-weight:normal;
	color:#FFF;
	background:url(../img/bullet.png) no-repeat;
	background-position:10px 26px;
}

#slide1{
	background-image:url(../img/custom_lasers_bg.jpg);
	background-repeat:no-repeat;
	height:390px;
}


#slide2{
	background-image:url(../img/yag_lasers_bg.jpg);
	background-repeat:no-repeat;
	height:400px;
}

#slide3{
	background-image:url(../img/index_images_3.jpg);
	background-repeat:no-repeat;
	height:410px;
	margin-top:-10px;
}

#slide4{
	background-image:url(../img/index_images_1.jpg);
	background-repeat:no-repeat;
	height:410px;
	margin-top:-10px;
}

#slide5{
	background-image:url(../img/index_images_2.jpg);
	background-repeat:no-repeat;
	height:410px;
	margin-top:-10px;
}

#slide6{
	background-image: url(../img/mono_block_bg.jpg);
	background-repeat:no-repeat;
	height:410px;
	margin-top:-10px;
}


#productImageSmall{
	width:440px;
	height:330px;
	float:left;
	margin:10px 0px 0px 0px;
}

#productImageWrap{
	width:920px;
	float:left;
	margin:10px 0px 0px 0px;
}

#productSideNav{
	width:330px;
	height:330px;
	float:left;
	margin:10px 0px 0px 10px;
}

#productDescription{
	width:460px;
	min-height:100px;
	overflow: visible;
	margin:10px 0px 0px 16px;
	float:left;
}




#pageDescription{
	width:910px;
	min-height:100px;
	overflow: visible;
	margin:10px 0px 0px 10px;
	float:left;
}


#productDescriptionSideNav{
	width:560px;
	min-height:100px;
	overflow: visible;
	margin:10px 0px 0px 16px;
	float:left;
}

#pageGeneral{
	width:900px;
	min-height:100px;
	overflow: visible;
	margin:0px 0px 0px 10px;
	float:left;
}


#productSpecks{
	width:480px;
	min-height:580px;
	padding:10px;
	overflow:visible;
	float:left;
	margin:0px;
}

#productData{
	width:380px;
	padding:10px;
	margin:0px 0px 0px 16px;
	float:right;
	overflow: visible;
	background-color:#003;
	padding-bottom:10px;
	min-height:100px;
	overflow:visible;
}

#noproductData{
	width:380px;
	padding:10px;
	margin:0px 0px 0px 16px;
	float: left;
	overflow: visible;
	padding-bottom:40px;
}


#Chart{
	width:380px;
	height:300px;
	float:left;
	margin-bottom:4px;
	margin-top:4px;
}

#cal{
	width:380px;
	height:260px;
	float:left; 
	margin-bottom:4px;
}



table#datatable{
	background-color:#FFF;
	border:1px solid #FFF;
	margin-top:5px;
	margin-bottom:16px;
	font-size:12px;
	font-family:"Times New Roman", Times, serif;
}

table#datatable tr.even{
	background-color:#FFF;
}

table#datatable tr.odd{
	background-color: #E6E6E6;
}





/*-------------------------------------------------------- Index Second Colum Items ----------------*/


#aboutSMC{
	height:400px;
	width:460px;
	background: url(../img/about_us.jpg) no-repeat;
	background-size:cover;
	float:left;
	position:relative;
}

#news{
	height:400px;
	width:300px;
	background: url(../img/tradeshow_bg.jpg) no-repeat;
}

#tradeshow{
	height:400px;
	width:460px;
	float:left;
	background: url(../img/tradeshow_bg2.jpg) no-repeat;
	background-size:cover;
	position:relative;
}

#indexColumn{
	width:395px;
	margin:15px;
	height:280px;
	float: left;
	position: absolute;
}

#indexColumn2{
	width:270px;
	margin:80px 15px 15px 15px;
	height:210px;
	float:left;
	position: absolute;
}




#indexTitle{
	margin:12px;
	height:18px;
	float:left;
	padding:15px 15px 15px 50px;
	font-size:18px;
	color:#FFF;
	font-weight:bold;
	position:absolute;

}

#scroller2 ul li{
	margin:0px;
	padding:0px;
	list-style:none;
}

#scroller2 ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

.tradeshowName{
	width:262px;
	height:18px;
	margin-top:6px;
	margin-left:0px;
	padding:7px;
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	background: url(../img/tradeshow_title.png) no-repeat;
	position:relative;
}

.tradeshowName a{
	text-decoration:none;
	color:#FFF;
}

.tradeshowName a:hover{
	text-decoration:none;
	color:#CCC;
}

.tradeshowName a:visited{
	text-decoration:none;
	color:#FFF;
}
.tradeshowNameInfo{
	width:262px;
	margin-top:4px;
	padding:7px;
	float:left;
	font-size:12px;
	line-height:16px;
	font-weight: normal;
	color:#C6DDE0;
}

.scrollTextDiv{
	font-size:10px;
	color:#C6DDE0;
	text-align:left;
	float:left;
	width:150px;
	height:20px;
	text-transform:uppercase;
	margin:36px 20px 20px 80px;
	position:absolute;
}

.footerContain{
	width:620px;
	margin:30px 20px 0px 0px;
	float:left;
}



/*---------------------------------------------------------- Product Items-------*/

#productHead{
	background-repeat:no-repeat;
	width:960px;
	float:left;
	margin-top:4px;
	min-height:300px;
	overflow:visible;
}

#productHeadSecond{
	background-repeat:no-repeat;
	width:960px;
	float:left;
	min-height:200px;
	overflow: visible;
	margin-top:10px;
}


#productHeadTop{
	background-image: url(../img/product_top_bg.jpg);
	background-repeat:no-repeat;
	height:20px;
	width:960px;
	float:left;
}



#productHeadMiddle{
	background-image: url(../img/product_middle_bg.jpg);
	background-repeat: repeat-y;
	width:920px;
	padding:0px 20px 6px 20px;
	float:left;
	min-height:400px;
	overflow:visible;
}
#productHeadBottom{
	background-image: url(../img/product_bottom_bg.jpg);
	background-repeat: repeat-xt;
	height:20px;
	width:960px;
	float:left;
}

#productName{
	width:580px;
	float:left;
	height:30px;
	background:url(../img/product_name_bg.gif) no-repeat;
	padding:12px 10px 10px 10px;
	font-size:24px;
	color:#00539B;
}

H1#productName{
	width:640px;
	float:left;
	height:30px;
	background:url(../img/product_name_bg.gif) no-repeat;
	padding:12px 10px 10px 10px;
	font-size:24px;
	color:#00539B;
	margin:0px;
}

#productNameSideNav{
	width:920px;
	float:left;
	height:30px;
	background:url(../img/product_name_bg.gif) no-repeat;
	padding:12px 10px 10px 10px;
	font-size:24px;
	color:#00539B;
	margin-bottom: 10px;
}


ul.productList {
	padding:0px;
	margin:0px 0px 0px 20px;
}

ul.productList  li   {
	margin:10px;
	font-size:12px;
	left:16px;
	font-weight: normal;
	padding:4px;
	list-style: inside;
	list-style: circle;
}



/*-------------------------------------------------------- Fonts ----------------*/

.logoCopy{
	font-size:12px;
	text-align:right;
	padding-right:10px;
	color: #666;
}


.logoCopy a{
	font-size:12px;
	font-weight:bold;
	color: #00539B;
	text-decoration:none;
}

.productCallText{
	font-size:42px;
	font-weight:bold;
	color:#FFF;
	line-height:46px;
	text-align:left;
}

H2.productCallText{
	font-size:42px;
	font-weight:bold;
	color:#FFF;
	line-height:46px;
	text-align:left;
	padding:0px;
	margin:0px;
}

.white{
	color:#FFF;
	font-size:12px;
	line-height:18px;
	text-align: left;
	margin:0px;
}

h1 {
	font-size:32px;
	color:#FFF;
	padding:0px;
	margin:0px;
	font-weight:normal;
}

h2 {
	font-size:16px;
	color:#00539B;
	font-weight:bold;
	padding:0px;
	margin:0px;
}

h3 {
	font-size:16px;
	color:#C6DDE0;
	font-weight:bold;
	padding:0px;
	margin:0px;
}

p, ul{
	font-size:12px;
	color:#333;
	text-align:left;
	line-height:20px;
	margin:0px 0px 10px 0px;
	list-style:circle;
}

p, ul li a:visited{
	color:#333;
}



#scroller p{
	font-size:12px;
	color:#FFF;
	text-align:left;
	line-height:20px;
	margin:0px 0px 10px 0px;
	padding:0px;
}



p a{
	font-size:12px;
	color:#00f;
}

p a:hover{
		font-size:12px;
	color:#00f;
}

p a:visited{
	font-size:12px;
	color:#00f;
}





.sub {
	font-size:12px;
	color:#333;
	text-align:left;
	line-height:20px;
	margin:5px 0px 20px 0px;
}


.sub ul {
	font-size:12px;
	color:#333;
	text-align:left;
	line-height:20px;
	margin:5px 0px 20px 0px;
}



.sub a{
	font-size:12px;
	color:#00f;
}

.sub a:hover{
		font-size:12px;
	color:#00f;
}

.sub a:visited{
		font-size:12px;
	color:#00f;
}




	

p.chartWhite {
	font-size:12px;
	color:#fff;
	text-align:left;
	line-height:20px;
	margin:5px 0px;
	width:400px;
}

.calcText {
	font-size:10px;
	line-height:14px;
	color:#fff;
	text-align:left;
}

.calcField{
	height:20px;
	padding:2px;
	color:#666;
	font-size:14px;

}

.calcFieldRO{
	height:20px;
	padding:2px;
	color:#666;
	background-color:#CCC;
	font-size:14px;

}

.calcContainer{
	width:140px;
	height:194px;
	float:left;
	margin-top:20px;
	font-size:12px;
}

.calcResults{
	width:150px;
	float:left;
	margin-top:20px;
	height:134px;
	margin-left:30px;
	border-left:1px solid #CCC;
	padding:30px 0px 0px 20px
}



.footerLarge{
	font-size:16px;
	color:#666;
	text-align:left;
}

.footerLarge a{
	font-size:16px;
	color: #004E97;
	font-weight:bold;
	text-align:left;
}




.footerSmall{
	font-size:12px;
	color: #999;
	text-align:left;
	line-height:18px;
}

.footerSmall a{
	font-size:12px;
	color:#004E97;
	text-align:left;
	line-height:18px;
}

ol{
	font-size:12px;
	color:#666;
	font-style:italic;
	line-height:16px;
}







/*-------------------------------------------------------- Index Scrollers ----------------*/


.simply-scroll-container { /* Container DIV - automatically generated */
	position: relative;
}

.simply-scroll-clip { /* Clip DIV - automatically generated */
	position: relative;
	overflow: hidden;
	z-index: 2;
}

	.simply-scroll-list { /* UL/OL/DIV - the element that simplyScroll is inited on */
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		overflow: hidden;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
		.simply-scroll-list li {
			padding: 0;
			margin: 0;
			list-style: none;
		}
	
		.simply-scroll-list li img {
			border: none;
			display: block;
		}
	
	.simply-scroll-btn {
		position: absolute;
		background-image: url(../img/scroll_btn.png) ;
		width: 40px;
		height: 40px;
		z-index:3;
		cursor: pointer;
	}
	
	
	.simply-scroll-btn-up {
		right: 0px;
		top: 0px;
		background-position: 0px 0px;
	}
	.simply-scroll-btn-up.disabled {
		background-position: 0px 0 !important;
	}
	.simply-scroll-btn-up:hover {
		background-position: 40px 1px;
	}
	
	.simply-scroll-btn-down {
		right: 0px;
		bottom: 0px;
		background-position: 0px -34px;
	}
	.simply-scroll-btn-down.disabled {
		background-position: 0px -34px !important;
	}
	.simply-scroll-btn-down:hover {
		background-position: -40px -35px;
	}


/* Vertical scroller example */

.vert { /* wider than clip to position buttons to side */
	width: 280px;
	height: 252px;
}

	.vert .simply-scroll-clip {
		width: 280px;
		height: 252px;
	}
	
		.vert .simply-scroll-list {}
		
		.vert .simply-scroll-list li {
			width: 280px;
			min-height: 130px;
		}
		
		
		.vert .simply-scroll-list li img {}
	
	.vert .simply-scroll-btn {}

	.vert .simply-scroll-btn-up { /* modified btn pos */
		left: 0;
		top: 274px;
	}
	.vert .simply-scroll-btn-up.disabled {}
	.vert .simply-scroll-btn-up:hover {}
	
	.vert .simply-scroll-btn-down { /* modified btn pos */
		left: 40px;
		top: 274px;
	}
	.vert .simply-scroll-btn-down.disabled {}
	.vert .simply-scroll-btn-down:hover {}
	
	


/*Accordin Menu for Laser Materials*/

.menu_list {	
	width: 940px;
	margin-left:10px;
	margin-top:0px;

}



.menu_head {
	width:960px;
	height:24px;
	color:#FFF;
	padding:5px 10px 5px 20px;
	font-size:14px;
	margin-top:0px;
	margin-left:-10px;
	margin-bottom:0px;
	cursor: pointer;
	line-height:20px;
	position: relative;
	background:url(../img/laser_products_bg.jpg) no-repeat;
}
.menu_body {
	display:none;
	width:940px;
	margin-top:0px;
	margin-left:0px;
	background-color: #e6e6e6;
	border:1px solid #FFF;


}
.menuContent{
	width:940px;
	height:510px;
	position:relative;
	z-index:20;
	
}

.menuBTN{
	width:100%px;
	height:50px;
}

.menuBTN{
	width:100%;
	height:50px;
	display:block;
    font-size:14px;
	line-height:54px;
	color: #333;
	text-indent:10px;
	text-decoration:none;
}

.menuBTN a{
	width:100%;
	height:50px;
	display:block;
    font-size:14px;
	line-height:54px;
	color:#1762a4;
	text-indent:10px;
	text-decoration:none;
}

.menuBTN a:hover{
	width:100%;
	height:50px;
	display:block;
    font-size:14px;
	line-height:54px;
	color: #666;
	text-indent:10px;
	text-decoration:none;
	background-color: #CCC;
}



.menu_right{
	width:450px;
	height:500px;
	float:right;
	padding:10px;
	font-size:14px;
}

.menu_left2{
	width:280px;
	height:500px;
	float:left;
	padding:10px;
	font-size:12px;
}

.menu_left3{
	width:400px;
	height:500px;
	float:left;
	padding:10px;
	font-size:14px;
}



.menu_left{
	width:450px;
	height:500px;
	float:left;
	padding:10px;
	font-size:14px;
}