html {
	padding:0;
	margin:0;
	background:#FFF;
	}

body {
	background:#FFF;
	color:#000;
	font-size:10pt;
	}

/* set global link styles */
a:link, a:visited {
	color:#0E3B71;
	background:transparent;
	font-weight:bold;
	text-decoration:underline;
	font:10pt Verdana, Helvetica, sans-serif;
	}

/* set global image styles */
img {
	border:none;
	}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------->>> wrapper holding boxes for header, slideshow, navigation, content, new products, and footer <<<-------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#wrapper {
	width:auto;
	margin:0 5%;
	padding:0;
	border:0;
	float:none !important;
	color:black;
	background:transparent;
	text-align:left;
	}

/* safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #wrapper {margin:0;}
}

#wrapper.index {
	width:auto;
	margin:0 5%;
	padding:0;
	border:0;
	float:none !important;
	color:black;
	background:transparent;
	text-align:left;
	}

/*-- END wrapper --*/



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Header Styles <<<---------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/* headerBox */
#wrapper #headerBox {
	width:auto;
	background:transparent;
    	text-align:left;
    	margin:0;
    	padding:0;
	}

/* style the logo image */
#wrapper #headerBox a.logo {
	width:217px;
	height:50px;
	display:block;
	margin:0 0 40px 0;
	}

/* style the new features image */
#wrapper #headerBox a.newFeatures {
	display:none;
	}

/*-- END Header Styles --*/



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Slideshow Styles <<<------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/* slideshowBox */
#wrapper #slideshowBox {
	display:none;
	}

/*-- END Slideshow Styles --*/


/* mainBox */
#wrapper #mainBox {
	width:auto;
	margin:0;
	padding:0;
	border:0;
	color:black;
	background:transparent;
	text-align:left;
	}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Navigation Styles <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/* navBox */
#wrapper #mainBox #navBox {
	display:none;
	}

/* navBox on index.php only */
#wrapper #mainBox #navBox.indexPage {
	display:none;
	}

/*-- END Navigation Styles --*/



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Content Styles <<<--------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/* contentBox */
#wrapper #mainBox #contentBox {
	width:auto;
	margin:0;
	padding:0;
	border:0;
	float:none !important;
	color:black;
	background:transparent;
	text-align:left;
	}

/* contentBox - index.php only */
#wrapper #mainBox #contentBox.indexPage {
	width:auto;
	margin:0;
	padding:0;
	border:0;
	float:none !important;
	color:black;
	background:transparent;
	text-align:left;
	}

/* style the trade show announcement image */
#wrapper #mainBox #contentBox.indexPage #tradeShowImage {
	display:none;
	}

/* contentBox - full width block container */
#wrapper #mainBox #contentBox .fullWidth {
	width:auto;
	margin:0 0 30px 0;
	padding:0;
	border:0;
	float:none !important;
	color:black;
	background:transparent;
	text-align:left;
	}

/* contentBox - set page break after */
#wrapper #mainBox #contentBox #pageBreakAfter {
	margin:60px 0 0 0;
	}

/* contentBox - split in two - left half */
#wrapper #mainBox #contentBox .fullWidth .leftHalf {
	display:block;
	float:left;
	clear:both;
	background:#fff;
	height:auto;
	width:275px;
	margin:20px 0 0 0;
	}

/* contentBox - split in two -  right half */
#wrapper #mainBox #contentBox .fullWidth .rightHalf {
	display:block;
	float:right;
	clear:none;
	background:#fff;
	height:auto;
	width:325px;
	margin:20px 0 0 0;
	}

/* contentBox - spacer */
#wrapper #mainBox #contentBox .spacer {
	display:block;
	clear:both;
	height:100px;
	width:100%;
	}

/*-- END Content Styles --*/



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> New Products Styles - index.php only <<<----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/* newProductsBox */
#wrapper #mainBox #newProductsBox {
	display:none;
	}

/*-- END New Products Styles - index.php only --*/



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Title Tab Styles <<<------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/* border underneath title tab on each page */
#wrapper #mainBox #contentBox .titleTabContainer {
	width:100%;
	margin:0 0 20px 0;
	padding:0;
    	text-align:left;
    	border-bottom:none;
    	background:#fff;
	}

/* border underneath title tab on asphericOptics.php page */
#wrapper #mainBox #contentBox #asphereTitleTab {
	border-bottom:none;
	height:40px;
	display:block;
	text-align:left;
	}

/* border underneath title tab on GRADIUM.php page */
#wrapper #mainBox #contentBox #gradiumTitleTab {
	border-bottom:none;
	height:40px;
	display:block;
	text-align:left;
	}

/* border underneath title tab on collimators.php page */
#wrapper #mainBox #contentBox #collimatorsTitleTab {
	border-bottom:none;
	height:40px;
	display:block;
	text-align:left;
	}

/* border underneath title tab on isolators.php page */
#wrapper #mainBox #contentBox #isolatorsTitleTab {
	border-bottom:none;
	height:40px;
	display:block;
	text-align:left;
	}

/* border underneath title tab on infrared.php page */
#wrapper #mainBox #contentBox #infraredTitleTab {
	border-bottom:none;
	height:40px;
	display:block;
	text-align:left;
	}

/* title tab on each page */
#wrapper #mainBox #contentBox .titleTabContainer .titleTab {
	width:100%;
	height:40px;
	font:18pt Helvetica, Verdana, sans-serif;
	color:#000;
	background:#fff;
	font-weight:bold;
	padding:0;
    	margin:0;
    	text-align:left;
	}

/* all tabs on productOverview.php only - style the product overview page tabs */
#wrapper #mainBox #contentBox a.productTab {
	width:100%;
	height:20px;
	margin:0;
    	padding:0;
	font:12pt Helvetica, Verdana, sans-serif;
	color:#000;
	background:transparent;
	font-weight:bold;
    	text-align:left;
    	text-decoration:none;
    	float:none;
	}

/* all tabs on productOverview.php only - container provides border underneath tab */
#wrapper #mainBox #contentBox .productOverviewContent {
	width:100%;
	background:#fff;
	height:auto;
	margin:0;
	padding:0;
	text-align:justify;
	}

/*-- END Title Tab Styles --*/



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Global Text Styles <<<----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/* global h1 styles */
#wrapper #mainBox #contentBox h1 {
	font:1.2em Tahoma, Geneva, sans-serif;
	color:#000;
	text-align:left;
	font-weight:bold;
	margin:6px 0 10px 0;
	padding:0;
	}

/* global h2 styles */
#wrapper #mainBox #contentBox h2 {
	font:2.5em Tahoma, Geneva, sans-serif;
	color:#000;
	font-weight:bold;
	margin:10px 0 0 40px;
	padding:0 0 7px 0;
	}

/* global h3 styles */
#wrapper #mainBox #contentBox h3 {
	display:block;
	font:2.0em Tahoma, Geneva, sans-serif;
	line-height:22px;
	margin:0 0 0 40px;
	padding:0 0 7px 0;
	}

/* global h4 styles */
#wrapper #mainBox #contentBox h4 {
	margin:0 0 10px 0;
	font:1.1em Verdana, Geneva, sans-serif;
	color:#000;
	font-weight:bold;
	}

/* global h5 styles */
#wrapper #mainBox #contentBox h5 {
	font:0.9em Helvetica, Verdana, sans-serif;
	color:#000;
	font-weight:bold;
	margin:20px 0 5px 0;
	}

/* global h6 styles (plain content text) */
#wrapper #mainBox #contentBox h6 {
	font:10pt Verdana, Helvetica, sans-serif;
	text-align:justify;
	line-height:14pt;
	display:block;
	padding:0;
	margin:5px 0 10px 0;
	}

/*-- END Global Text Styles --*/



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Specific Text Styles <<<--------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/* page subheadings - h4 styles - larger text version */
#wrapper #mainBox #contentBox h4.underline {
	width:100%;
	margin:10px 0 10px 0;
	font:12pt Helvetica, Geneva, sans-serif;
	border-bottom:1px solid #000;
	color:#000;
	font-weight:bold;
	}

/* style the heading text on investorRelations.php */
#wrapper #mainBox #contentBox .fullWidth h4.noUnderline {
	width:100%;
	margin:10px 0 10px 0;
	font:12pt Helvetica, Geneva, sans-serif;
	color:#000;
	font-weight:bold;
	}

/* style the plain text on investorRelations.php */
#wrapper #mainBox #contentBox .fullWidth h5.indent {
	width:auto;
	display:block;
	font-weight:bold;
	float:none;
	margin:15px 0 7px 32px;
	}

/* style the plain text on investorRelations.php */
#wrapper #mainBox #contentBox .fullWidth h6.indent {
	width:auto;
	display:block;
	float:none;
	margin:0 0 0 32px;
	}

/* style the text for the catalog links on the individual product pages */
#wrapper #mainBox #contentBox h6.catalogSectionLink {
	display:none;
	}

/* style the leader names on leadership.php */
#wrapper #mainBox #contentBox .fullWidth h5.leaderName {
	width:100%;
	display:block;
	font:12pt Trebuchet MS, Helvetica, sans-serif;
	font-weight:bold;
	float:none;
	margin:0 0 3px 0;
	}

/* style the leader titles on leadership.php */
#wrapper #mainBox #contentBox .fullWidth h5.leaderTitle {
	width:100%;
	display:block;
	font:10pt Verdana, Helvetica, sans-serif;
	font-weight:bold;
	float:none;
	margin:0 0 10px 0;
	}

/* bold text in tables */
#wrapper #mainBox #contentBox table tr td h5 {
	text-align:left;
	font:12pt Verdana, Helvetica, sans-serif;
	line-height:1.2em;
	font-weight:bold;
	letter-spacing:0.1px;
	padding:0 0 3px 0;
	margin:0;
	}

/* plain text in tables */
#wrapper #mainBox #contentBox table tr td h6 {
	text-align:left;
	font:10pt Verdana, Helvetica, sans-serif;
	color:#000;
	padding:0 0 3px 0;
	margin:0;
	}

/*-- END Specific Text Styles --*/



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Link Styles <<<-----------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/* style the "Go Back" link */
#wrapper #mainBox #contentBox a.backlink {
	display:none;
	}

/* style the "Go Back" link:hover */
#wrapper #mainBox #contentBox a.backlink:hover {
	display:none;
	}

/* style lens drawing holders on lensFinder.php */
#wrapper #mainBox #contentBox .lensDrawing {
	width:100%;
	height:210px;
	margin:20px 0 0 0;
	}

/* style lens drawing links on lensFinder.php */
#wrapper #mainBox #contentBox .lensDrawing a {
	display:block;
	float:none;
	width:315px;
	height:200px;
	border:1px solid #666;
	text-align:center;
	}

/* style lens drawing links - hover on lensFinder.php */
#wrapper #mainBox #contentBox .lensDrawing a:hover {
	border:1px solid #E28B1A;
	}

/* style lens drawing images on lensFinder.php */
#wrapper #mainBox #contentBox .lensDrawing a img {
	margin:0;
	}

/* style links on catalog.php */
#wrapper #mainBox #contentBox .fullWidth .catalogLinks h6 {
	width:auto;
	display:block;
	margin:0 0 0 70px;
	padding:5px 0;
	}

/* hide all of the links at the top of faq pages */
#wrapper #mainBox #contentBox #faqLinks {
	display:none;
	}

/* hide all of the "top of page" links */
#wrapper #mainBox #contentBox #topLinks {
	display:none;
	}

/*-- END Link Styles --*/


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Image Styles <<<----------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/* product photos - right float */
#wrapper #mainBox #contentBox div.fullWidth img.productPhotoRight {
	display:none;
	}

/* product photos - right float */
#wrapper #mainBox #contentBox div.fullWidth img.productPhotoRightSmall {
	display:none;
	}

/* product photos - left float */
#wrapper #mainBox #contentBox div.fullWidth img.productPhotoLeft {
	display:none;
	}

/* markets served photos - right float */
#wrapper #mainBox #contentBox div.fullWidth img.marketPhoto {
	display:none;
	}

/* style the RoHs icon on the aspheric optics page */
#wrapper #mainBox #contentBox div.fullWidth h4 img.rohs {
	width:68px;
	height:27px;
	display:block;
	float:left;
	margin:-2px 10px 0 0;
	}

/* style the New Product icon on the product pages */
#wrapper #mainBox #contentBox div.fullWidth h4.underline span.newProductFlame {
	width:141px;
	height:26px;
	display:block;
	position:absolute;
	right:0;
	top:5px;
	padding:0;
	margin:0;
	border:none;
	background:url(http://www.lightpath.com/images/newProductFlame.jpg) top left no-repeat;
	}

/* opens in a new window icon */
#wrapper #mainBox #contentBox div.fullWidth h6 img.newWindowIcon {
	display:none;
	}

/* opens in a new window icon */
#wrapper #mainBox #contentBox div.fullWidth h6 img.newWindowIconFF {
	display:none;
	}

/* get adobe reader icon - pressReleases.php */
#wrapper #mainBox #contentBox a img.getAdobeReaderIcon {
	display:none;
	}

/* get adobe reader icon - catalog.php */
#wrapper #mainBox #contentBox .fullWidth .rightHalf .getAdobeReaderIcon {
	display:none;
	}

/* pdf indicator icon */
#wrapper #mainBox #contentBox div.fullWidth .pdfIcon {
	display:none;
	}

/* large catalog cover image - catalogRequest.php */
#wrapper #mainBox #contentBox .fullWidth .leftHalf img#largeCatalogImage {
	margin:0 0 0 20px;
	}

/* large catalog cover image - catalogRequest.php */
#wrapper #mainBox #contentBox .fullWidth a.catalogRequestButton {
	display:none;
	}

/* large catalog cover image - catalogRequest.php */
#wrapper #mainBox #contentBox .fullWidth a.catalogRequestButton:hover {
	display:none;
	}

/* style the certification images on quality control page */
#wrapper #mainBox #contentBox div.fullWidth img.certified {
	display:none;
	}

/* photos on markets served page */
#wrapper #mainBox #contentBox div.fullWidth .marketPhoto {
	position:absolute;
	right:0;
	margin:2px 0 60px 30px;
	border:1px solid #333333;
	}

/* paperclip icon on investorRelations.php */
#wrapper #mainBox #contentBox div.fullWidth .paperclip {
	display:block;
	float:left;
	margin:1px 10px 0 0;
	}

/* question mark icon on faq.php */
#wrapper #mainBox #contentBox div.fullWidth .questionMark {
	display:block;
	float:left;
	margin:0 10px 0 0;
	}

/*-- END Image Styles --*/



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> List Styles <<<-----------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/* style the ordered list in content > fullWidth container */
#wrapper #mainBox #contentBox div.fullWidth ol  {
	text-align:left;
	margin:0;
	padding:0 0 0 25px;
	width:100%;
	}

/* style the list items in the ordered list in content > fullWidth container */
#wrapper #mainBox #contentBox div.fullWidth ol li {
	text-align:left;
	margin:0;
	padding:0;
	}

/* style the unordered list in content > fullWidth container */
#wrapper #mainBox #contentBox div.fullWidth ul#basicList  {
	text-align:left;
	margin:0 0 10px 0;
	padding:0 0 0 15px;
	}

/* style the list items in the unordered list in content > fullWidth container */
#wrapper #mainBox #contentBox div.fullWidth ul#basicList li {
	font:10pt Verdana, Helvetica, sans-serif;
	text-align:left;
	margin:0;
	padding:0;
	}

/*-- END List Styles --*/



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Table Styles <<<----------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/*  */
#wrapper #mainBox #contentBox table {
	width:100%;
	height:100%;
	text-align:left;
	color:#666;
	margin:0 0 30px 0;
	}

/*  */
#wrapper #mainBox #contentBox table tr {
	width:100%;
	}

/*  */
#wrapper #mainBox #contentBox table tr .right {
	width:45%;
	padding:0 0 0 40px;
	}

/*  */
#wrapper #mainBox #contentBox table tr td {
	width:50%;
	text-align:left;
	font:10pt Verdana, Helvetica, sans-serif;
	color:#666;
	line-height:1.2em;
	padding:0;
	margin:0;
	}

/*-- END Table Styles --*/



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Representative Page Styles - for World Map - representatives.php <<<------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/* container holding world map */
#wrapper #mainBox #contentBox #salesMap {
	display:none;
	}

#wrapper #mainBox #contentBox .hideMeForPrinting {
	display:none;
	}

/*-- END Representative Page Styles --*/



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Contact Page Map Styles <<<-----------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/* iframe styles on contact pages - iframes are holding the Google maps */
#wrapper #mainBox #contentBox iframe {
	display:none;
	}

/*  */
#wrapper #mainBox #contentBox div.fullWidth h5.facilityTitle {
	font:12pt Trebuchet MS, Helvetica, sans-serif;
	font-weight:bold;
	margin:0 0 5px 0;
	}

/* bold sub-heading text on contact.php */
#wrapper #mainBox #contentBox div.fullWidth div.leftHalf h5 {
	font:12pt Helvetica, Verdana, sans-serif;
	color:#000;
	font-weight:bold;
	margin:0;
	padding:0;
	}

/* plain text on contact.php */
#wrapper #mainBox #contentBox div.fullWidth div.leftHalf h6 {
	text-align:left;
	font:10pt Helvetica, Verdana, sans-serif;
	padding:2px 0;
	margin:0;
	}

/*  */
#wrapper #mainBox #contentBox div.fullWidth div.leftHalf h6#distance {
	text-align:left;
	font:11pt Helvetica, Verdana, sans-serif;
	padding:0;
	margin:-15px 0 5px 0;
	}

/*-- END Contact Page Map Styles --*/



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Site Map Styles <<<-------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

#wrapper #mainBox #contentBox #siteMap #left {
	width:50%;
	float:left;
	}

#wrapper #mainBox #contentBox #siteMap #right {
	width:50%;
	float:right;
	}

#wrapper #mainBox #contentBox #siteMap ul {
	list-style:none;
	margin:0 0 0 10px;
	}

#wrapper #mainBox #contentBox #siteMap .siteMapHeading {
	font:1.2em Helvetica, Verdana, sans-serif;
	color:#1A403B;
	margin:15px 0 5px 0;
	}

/*-- END Site Map Styles --*/



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Footer Styles <<<---------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/* footerBox */
#wrapper #footerBox {
	width:auto;
	margin:30px 0 0 0;
	padding:0;
	border:0;
	float:none !important;
	clear:both;
	color:black;
	background:transparent;
	text-align:left;
	font:10pt Tahoma, Geneva, sans-serif;
	}

/* safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #wrapper #footerBox {margin:0 10px 0 0;}
}

/* copyright container in footerBox */
#wrapper #footerBox .copyright {
	width:auto;
	margin:0;
	padding:0;
	border:0;
	float:none !important;
	color:black;
	background:transparent;
	text-align:left;
	}

/* links container in footerBox */
#wrapper #footerBox .footerLinks {
	display:none;
	}

/* links in footerBox .footerLinks */
#wrapper #footerBox .footerLinks a {
	display:none;
	}

/* hover the links in footerBox .footerLinks */
#wrapper #footerBox .footerLinks a:hover {
	display:none;
	}

/*-- END Footer Styles --*/

/* COLORS
Turquoise 	1A403B
Orange		e48d1a
form background #FCF4E8
*/