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

.main {
	width:980px;
	margin:0 auto;
	text-align:left;
}

.col-1, .col-2, .col-3, .col-4 {float:left;}
.container {width:100%; overflow:hidden; margin:0 auto;}

#header .main {
	height:190px;
	background-color: #FFF; 
}
/*.flash1{padding-top: 10px; padding-bottom:10px}*/
/*for iframe?*/
#iframez {z-index:-1;}

#footer {
	height:44px;
	min-width:1170px;
}
/* ============================= content ====================== */
#row1 {
	padding:0;
	background-color: #FFF; clear:left; margin:0 auto;
}/*Adjusts white space*/
#row1 .indent {padding:0 45px 0 45px;}

#row2 .indent {padding:0 0 0 55px; color:#fff;}
#row2 {background:#303334; min-width:980px;}
#row2 .main {background:url(/images/row2-bg.gif) no-repeat 161px 0; padding:21px 0 14px 0;}

.col-pad {padding-right:48px;}

.indent2 {padding:0;margin:0 auto; text-align:center;}
.indent3 {padding: 0 0 0 40px;clear:left;} /*keep*/
.indent4 {
	padding:0px 57px 0 40px;
	margin-bottom: 50px;
}
.indent5 {padding: 0 0 0 10px;}
/* ============================= page1 ========HOME PAGE===================*/
.black {
	background-color: #FFF;
	/*min-width: 100px;*/
	width: 100%;
}
.flash {
	margin: 0 auto;
	width: 1000px;/*1000px;*/
	top:-23px;
	position:relative;
	margin-bottom: -10px;
}

.threeproduct {
	width:880px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}
/*For Tell Me More section*/
.box .indenttmm {padding-left: 45px;margin-top:5px;}
.box .indenttmm ul {
	list-style-type: none;
}

#page1 #row0 {width:980px;}
#page1 .row0 .col {
	width:270px;
	text-align:left;
	float:left;
	margin: 2px 0 0 0;
	padding: 2px 12px 5px 12px;
	display: inline-block;
	border-right: 1px;
	border-right-color: #999;
	font-size: 1em;
	line-height: 1.5em;
	border-right-style: solid;
} 
#page1 .row0 .col2 {
	width:255px;
	border-left: 1px;
	border-left-color: #999;
	border-left-style: solid;
	text-align:left;
	float:left;
	margin: 2px 0 0 0;
	padding: 2px 12px 5px 12px;
	display: inline-block;
	border-right: 1px;
	border-right-color: #999;
	font-size: 1em;
	line-height: 1.5em;
	border-right-style: solid;
} 

#page1 .row0 img {padding-bottom: 10px; } /*three products*/
#page1 .row0 .learnmore img {/*buttons*/
	padding-left: 140px; padding-top: 8px;
}

/*ROW 1 - Content after the three products*/
#yellowbox {
	background-image: url(/images/bkgd_yellowbox.gif);
	background-repeat: repeat-x;
	background-position: relative;
	text-align: left;
	width: 100%;
/*	overflow: auto;*/
	padding: 0;
	z-index: 2;
/*	min-width: 1150px;	height:160px;*/
}
#page1 #row1 {padding-top:10px;padding-bottom: 20px; width: 100%;}/*adjusts white space between row1 and row2*/
#page1 #row1 .col-1 {width:532px;}/*For Solve Your Optical Design Challenges*/
#page1 #row1 .col-1b {width:890px;}
#page1 #row1 .col-2 {width:285px;padding:0 5px 0 4px; margin:0px;}/*What is your optical design need? box*/
#page1 #row1 .col-2.leftborder{
	border-left: 1px;
	border-left-color: #999;
	border-left-style: solid;
	border-right: 1px;
	border-right-color: #999;
	border-right-style: solid;
}
#page1 #row1 .col-2 p {margin-top: -5px; line-height: 1.5em;}
#page1 #row1 .col-2 ul {margin: 5px 0 0 110px; padding:0px;}
#page1 #row1 .col-2 ul li {padding: 0; margin: 0; line-height: 1.5em;}
#page1 #row1 .col-2 .imgpadding {padding-right: 12px; float:left;}

#page1 #row1 h1.blue {margin-left: -40px}/*Solve your optical design challenges title*/

#page1 #row1 .col-3 {width:290px;}/*Added for Current Customers and Research columns */
#page1 #row1 .col-4 {width:290px;}

#page1 #row1 .grey { /*For third row Grey box*/
	width:281px;
	background-image: url(/images/bkgrd_greygradient.jpg);
	background-repeat: repeat-x; height:100%; 
	padding: 20px 0 5px 15px;
	margin: 0;
}
#page1 #row1 .col-3 ul, .col-4 ul {margin-top: 5px; margin-left:60px;}/*bullet points on page 1*/
#page1 #row1 .col-3 li, .col-4 li {
	margin: 0px;
	padding: 2px 0 0 0;
	list-style-image: url(/images/bullet_greyarrows.gif);
	list-style-position: outside;
}/*bullet points on page 1*/

#page1 #row1 .grey #oraservice {padding: 0 0 15px 12px;}/*moves the ORAservice button over*/

#page1 #row2 .line {background:url(images/row2-line.gif) repeat-y 570px 0;}
/*ROW 2 - Grey pre-footer*/
/*.main2 {width:980px; margin:0 auto; text-align:left; padding-top: 20px;}*/
#page1 #row2 .line {background:url(/images/row2-line.gif) repeat-y 570px 0 ;}/*upright white line in grey pre-footer*/
#page1 #row2 .col-1 {width:230px;}/*change these for the footer columns*/
#page1 #row2 .col-2 {width:295px;}
#page1 #row2 .col-3 {width:295px; padding-left: 20px;}


/* ============================= page2 ==============Vanilla, one column pages, international pages ======*/

#page2 #row1 .col-1 {width:830px;}
#page2 .indentbtn {margin: 15px 0 0 50px;}

/* ============================= page3 ===================Normal pages, ROI PAGES======*/

#page3 #row1 .col-1 {
	width:620px;
}
#page3 #row1 .col-2 {width:255px;}



/*LAYOUT FOR PRE-FOOTER*/
 #row2 .line {background:url(/images/row2-line.gif) repeat-y 570px 0;}
 #row2 .col-1 {
	width:250px;
}/*change these for the footer columns*/
 #row2 .col-2 {
	width:270px;
}
 #row2 .col-3 {
	width:300px;
	padding-left: 20px;
}

/* ============================= page4 ============code v and lighttools pages===============*/

#page4 #row1 .col-1 {width:620px;}
#page4 #row1 .col-2 {width:255px;}

#page4 #row1 .col-1 .col-1 {width:235px; margin-left: 25px; margin-top: 5px;} /*feature boxes*/
#page4 #row1 .col-1 .col-2 {
	width:230px;
	padding-left: 17px;
	margin-left: 8px;
	margin-top: 5px;
	border-left-width: 1px;
	border-left-color: #666;
	border-left-style: solid;
}

/*#page4 #row2 .line {background:url(/images/row2-line.gif) repeat-y 528px 0;}
#page4 #row2 .col-1 {width:220px;}
#page4 #row2 .col-2 {
	width:300px;
}
#page4 #row2 .col-3 {
	width:250px;
	padding-left: 20px;
}

#page4 #row2 .col-1 .col-1 {width:242px;}
#page4 #row2 .col-1 .col-2 {width:212px;}

#page4 #row1 .col-1 #datasheet {margin-top: 5px; width:100%; margin-bottom: 20px;}*/

/* ============================= page5 ============LT image gallery - content is longer than normal so had to adjust header and footer===============*/
/*
#page5 #topnav .padding50 {padding-right: 50px;}

#page5 #topnav, #page5 #footer, #page5 #row2, #page5 #header {
	min-width: 1215px;
}*/
#page5 #row1 .main  {width:1215px; margin:0 auto;}
#page5 #row1 .col-2 {width:265px;}
#page5 #row1 .col-1 {width:850px;}

/* ============================= page6 ============ OFK ===============*/
#page6 #row1 .container {margin:0 auto;}
#page6 #row1 .col-1 {width: 625px;}
#page6 #row1 .col-2 {width: 175px;}