html {
	padding:0;
	margin:0;
	height:100%;
	background:#999999 url(http://www.lightpath.com/images/gradientBackground.png) top left repeat-x;
	}

body {
	margin:0;
	padding:0;
	height:auto;
	color:#666;
	}

/* set global link styles */
a {
	outline:0;
	cursor:pointer;
	}

a:visited {color:#6633FF;}
a:focus {color:#e48d1a;}

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

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

#wrapper {
	position:relative;
	width:1011px;
    	height:100%;
    	background:transparent url(http://www.lightpath.com/images/dropShadow.png) top left repeat-y;
    	margin:-20px 0 0 0;
    	padding:0;
	}

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

#wrapper.index {
	position:relative;
	width:1011px;
    	height:100%;
    	background:transparent url(http://www.lightpath.com/images/dropShadow.png) top left repeat-y;
    	margin:0;
    	padding:0;
	}



/*-- END wrapper --*/



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

/* headerBox */
#wrapper #headerBox {
	width:999px;
	height:92px;
	display:block;
	float:left;
	background:url(http://www.lightpath.com/images/headerBackground.gif) top left repeat-x;
    	margin:0 0 0 6px;
    	text-align:left;
    	padding:0;
	}

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

/* style the new features image */
#wrapper #headerBox a.newFeatures {
	width:165px;
	height:89px;
	float:right;
	}

/*-- END Header Styles --*/



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

/* slideshowBox */
#wrapper #slideshowBox {
	width:999px;
	height:200px;
	display:block;
	position:relative;
	float:left;
	clear:left;
	margin-left:6px;
	border-top:1px solid #BABABA;
	border-bottom:1px solid #BABABA;
	background:#fff;
	}

/*-- END Slideshow Styles --*/


/* mainBox */
#wrapper #mainBox {
	width:999px;
	height:100%;
	display:block;
	position:relative;
	float:left;
	clear:left;
	background:#fff;
	text-align:left;
	margin:0 0 0 6px;
	}

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

/* navBox */
#wrapper #mainBox #navBox {
	background:#fff;
	display:block;
	position:relative;
	float:left;
	clear:both;
	width:240px;
	height:100%;
	padding:30px 20px 10px 0;
	margin:0;
	text-align:left;
	font:0.8em Verdana, Helvetica, sans-serif;
	letter-spacing:0.4px;
	}

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

/* style unordered lists (.menu and .submenu) */
#wrapper #mainBox #navBox ul#accordionMenuNav, #wrapper #mainBox #navBox ul#accordionMenuNav ul.submenu {
	list-style-type:none;
	margin:0;
	padding:0;
	width:260px;
	height:100%;
	text-align:left;
	}

/* style main menu links */
#wrapper #mainBox #navBox ul#accordionMenuNav li a {
	width:100%;
	display:block;
	float:left;
	clear:left;
	background:#fff;
	text-decoration:none;
	padding:3px 0 3px 5px;
	color:#696969;
	}

/* style main menu links - hover */
#wrapper #mainBox #navBox ul#accordionMenuNav li a:hover {
	background:#c7c7c7;
	color:#1a403b;
	padding:3px 0 3px 0;
	border-left:5px #1a403b solid;
	}

/* icon container in main menu link bar */
#wrapper #mainBox #navBox ul#accordionMenuNav li a span.iconHolder {
	width:55px;
	display:block;
	position:relative;
	float:left;
	clear:left;
	text-align:center;
	margin:0;
	padding:0;
	}

/* sytle icon in icon container */
#wrapper #mainBox #navBox ul#accordionMenuNav li a span.iconHolder img {
	border:none;
	margin:9px 5px 0 25px;
	}

/* link title container in main menu link bar */
#wrapper #mainBox #navBox ul#accordionMenuNav li a span.mainLinkTitle {
	width:155px;
	height:23px;
	display:block;
	position:relative;
	float:left;
	clear:none;
	border:none;
	padding:15px 0 5px 20px;
	color:#1A403B;
	font-weight:bold;
	}

/* style unordered list (.submenu only) */
#wrapper #mainBox #navBox ul#accordionMenuNav ul.submenu {
	margin:0;
	}

/* style individual list items (.submenu only) */
#wrapper #mainBox #navBox ul#accordionMenuNav ul.submenu li {
	border:0;
	font-size:0.8em;
	padding:0;
	margin:0;
	}

/* style submenu links */
#wrapper #mainBox #navBox ul#accordionMenuNav ul.submenu li a {
	background:#fff;
	padding:5px 0 0 79px;
	display:block;
	height:18px;
	font:1.1em Verdana, Helvetica, sans-serif;
	text-decoration:none;
	color:#666;
	}

/* style submenu links - hover */
#wrapper #mainBox #navBox ul#accordionMenuNav ul.submenu li a:hover {
	background:#c7c7c7;
	padding:5px 0 0 74px;
	display:block;
	height:18px;
	font:1.1em Verdana, Helvetica, sans-serif;
	color:#1a403b;
	border-left:5px #E28B1A solid;
	text-decoration:none;
	}

/* style blank individual list items (.submenu only) */
#wrapper #mainBox #navBox ul#accordionMenuNav ul.submenu li.spacer {
	height:15px;
	width:100%;
	display:block;
	float:left;
	clear:left;
	}

/* style the small catalog image under the navigation */
#wrapper #mainBox #navBox #smallCatalogImage a img {
    	border:none;
	margin:40px 0 0 70px;
	padding:0;
	width:122px;
	height:157px;
	cursor:pointer;
	outline:0;
	}

/* style the small catalog link:hover under the navigation */
#wrapper #mainBox #navBox #smallCatalogImage a:hover img {
	border:none;
	margin:40px 0 0 70px;
	width:122px;
	height:157px;
	-moz-opacity:0.80;
	cursor:pointer;
	outline:0;
	}

/*-- END Navigation Styles --*/



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

/* contentBox */
#wrapper #mainBox #contentBox {
	background:#fff;
	display:block;
	position:relative;
	float:left;
	clear:none;
	width:658px;
	height:100%;
	margin:0;
	padding:35px 40px 50px 40px;
	text-align:left;
	border-left:1px solid #D4D4D4;
	}

/* contentBox - index.php only */
#wrapper #mainBox #contentBox.indexPage {
	background:#fff;
	float:left;
	clear:none;
	width:425px;
	margin:0 0 0 0;
	padding:35px 30px 70px 30px;
	height:100%;
	text-align:left;
	border-left:1px solid #D4D4D4;
	border-right:1px solid #D4D4D4;
	}

/* style the trade show announcement image */
#wrapper #mainBox #contentBox.indexPage #tradeShowImage {
	width:434px;
	height:75px;
	margin:-6px 0 15px -5px;
	padding:0;
	}

/* style the new catalog announcement image */
#wrapper #mainBox #contentBox.indexPage a#newCatalogOnlineHomePage {
	width:422px;
	height:37px;
	display:block;
	padding:0;
	margin:0 0 10px -4px;
	}

/* contentBox - full width block container */
#wrapper #mainBox #contentBox .fullWidth {
	position:relative;
	display:block;
	float:left;
	clear:both;
	width:100%;
	margin:0 0 40px 0;
	}

/* style the contact page links */
#wrapper #mainBox #contentBox .fullWidth a {
	font:0.8em Verdana, Helvetica, sans-serif;
	color:#0066ff;
	text-decoration:underline;
	}

/* style the contact page links:hover */
#wrapper #mainBox #contentBox .fullWidth a:hover {
	font:0.8em Verdana, Helvetica, sans-serif;
	color:#cc6600;
	text-decoration:underline;
	}

/* style the contact page links */
#wrapper #mainBox #contentBox .fullWidth h6 a {
	font:1.0em Verdana, Helvetica, sans-serif;
	color:#0066ff;
	text-decoration:underline;
	}

/* style the contact page links:hover */
#wrapper #mainBox #contentBox .fullWidth h6 a:hover {
	font:1.0em Verdana, Helvetica, sans-serif;
	color:#cc6600;
	text-decoration:underline;
	}

/* style the new catalog announcement image */
#wrapper #mainBox #contentBox .fullWidth img#newCatalogOnlineCatalogPage {
	width:655px;
	height:70px;
	display:block;
	padding:0;
	margin:0 0 20px 0;
	}

/* contentBox - split in two - left half */
#wrapper #mainBox #contentBox .fullWidth .leftHalf {
	display:block;
	background:#fff;
	width:275px;
	height:100%;
	float:left;
	clear:both;
	color:#666;
	}

/* contentBox - split in two -  right half */
#wrapper #mainBox #contentBox .fullWidth .rightHalf {
	display:block;
	background:#fff;
	width:350px;
	height:100%;
	float:right;
	clear:none;
	text-align:right;
	}

/* 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 {
	background:#fff;
	display:block;
	position:relative;
	float:left;
	clear:none;
	width:250px;
	height:100%;
	padding:30px 0 0 0;
	text-align:center;
	}

/* new product link */
#wrapper #mainBox #newProductsBox a {
	display:block;
	width:195px;
	height:165px;
	margin:27px 0 0 27px;
	border:1px solid #fff;
	text-decoration:none;
	border:1px solid #ccc;
	background:#efefef;
	}

/* new product link - hover */
#wrapper #mainBox #newProductsBox a:hover {
	display:block;
	width:195px;
	height:165px;
	margin:27px 0 0 27px;
	border:1px solid #E28B1A;
	background:#fff;
	}

/* new product link - text styles */
#wrapper #mainBox #newProductsBox a span {
	display:block;
	font:0.9em Helvetica, Verdana, sans-serif;
	font-weight:bold;
	text-decoration:none;
	padding:13px 10px 10px 10px;
	color:#1a403b;
	}

/* new product link - hover - text styles */
#wrapper #mainBox #newProductsBox a:hover span {
	display:block;
	font:0.9em Helvetica, Verdana, sans-serif;
	font-weight:bold;
	text-decoration:none;
	padding:13px 10px 10px 10px;
	color:#666;
	}

/* NEW PRODUCT BROCHURE link */
#wrapper #mainBox #newProductsBox a span#brochureLink {
	position:relative;
	width:180px;
	display:block;
	font:0.8em Trebuchet MS, Verdana, sans-serif;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	padding:8px 0 7px 0;
	margin:0 0 0 12px;
	color:#1a403b;
	}

/* NEW PRODUCT BROCHURE link:hover */
#wrapper #mainBox #newProductsBox a:hover span#brochureLink {
	font:0.8em Trebuchet MS, Verdana, sans-serif;
	font-weight:bold;
	text-decoration:none;
	padding:8px 0 7px 0;
	margin:0 0 0 12px;
	color:#666;
	}

/* pdf indicator icon for new product brochure */
#wrapper #mainBox #newProductsBox a span#brochureLink img#pdfIconNewProductBrochure {
	position:relative;
	float:left;
	display:block;
	margin:-18px 0 0 152px;
	padding:0;
	border:none;
	}

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



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

/* border underneath title tab on each page */
#wrapper #mainBox #contentBox .titleTabContainer {
	width:658px;
	margin:0 0 30px 0;
    	text-align:left;
    	border-bottom:2px solid #666666;
    	background:#fff;
	}

/* border underneath title tab on asphericOptics.php page */
#wrapper #mainBox #contentBox #asphereTitleTab {
	border-bottom:2px solid #2d637f;
	}

/* border underneath title tab on GRADIUM.php page */
#wrapper #mainBox #contentBox #gradiumTitleTab {
	border-bottom:2px solid #218A3D;
	}

/* border underneath title tab on collimators.php page */
#wrapper #mainBox #contentBox #collimatorsTitleTab {
	border-bottom:2px solid #F36822;
	}

/* border underneath title tab on isolators.php page */
#wrapper #mainBox #contentBox #isolatorsTitleTab {
	border-bottom:2px solid #FFC30C;
	}

/* border underneath title tab on infrared.php page */
#wrapper #mainBox #contentBox #infraredTitleTab {
	border-bottom:2px solid #B81237;
	}

/* title tab on each page */
#wrapper #mainBox #contentBox .titleTabContainer .titleTab {
	width:290px;
	font:1.0em Helvetica, Verdana, sans-serif;
	color:#fff;
	background:#fff;
	font-weight:bold;
	background:#666666;
    	padding:10px 0 6px 0;
    	margin:0;
    	text-align:center;
	}

/* productOverview.php - style the product overview page tabs */
#wrapper #mainBox #contentBox a.productTab {
	position:relative;
	display:block;
	width:275px;
	margin:10px 0 0 0;
    	padding:11px 0 7px 0;
	font:1.0em Helvetica, Verdana, sans-serif;
	color:#fff;
	background:#fff;
	font-weight:bold;
    	text-align:center;
    	cursor:pointer;
    	text-decoration:none;
	}

/* productOverview.php - style the product tabs hover opacity */
#wrapper #mainBox #contentBox a.productTab:hover {
	position:relative;
	display:block;
	width:275px;
	margin:10px 0 0 0;
    	padding:11px 0 7px 0;
	font:1.0em Helvetica, Verdana, sans-serif;
	color:#fff;
	background:#fff;
	font-weight:bold;
    	text-align:center;
    	cursor:pointer;
    	text-decoration:none;
	-moz-opacity:0.7;
	}

/* productOverview.php - container provides border underneath tab */
#wrapper #mainBox #contentBox .productOverviewContent {
	position:relative;
	display:block;
	width:100%;
	background:#fff;
	height:auto;
	padding:15px 0 10px 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:#28574e;
	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:#333333;
	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:#1a403b;
	font-weight:bold;
	}

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

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

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



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

/* style the "page last updated text" */
#wrapper #mainBox #contentBox span.pageLastUpdated {
	width:100%;
	display:block;
	font:0.7em Verdana, Geneva, sans-serif;
	color:#666;
	font-style:italic;
	text-align:right;
	}

/* page subheadings - h4 styles - larger text version */
#wrapper #mainBox #contentBox h4.underline {
	width:100%;
	height:25px;
	margin:10px 0 10px 0;
	font:1.1em Verdana, Geneva, sans-serif;
	border-bottom:1px solid #1a403b;
	color:#1a403b;
	font-weight:bold;
	}

/* style the heading text on investorRelations.php */
#wrapper #mainBox #contentBox .fullWidth h4.noUnderline {
	width:618px;
	display:block;
	float:left;
	margin:0 0 5px 5px;
	font:1.1em Trebuchet MS, Helvetica, sans-serif;
	color:#1a403b;
	font-weight:bold;
	}

/* style the plain text on investorRelations.php */
#wrapper #mainBox #contentBox .fullWidth h5.indent {
	width:618px;
	display:block;
	font:0.9em Helvetica, sans-serif;
	color:#333333;
	font-weight:bold;
	float:left;
	margin:15px 0 7px 40px;
	}

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

/* style the text for the catalog links on the individual product pages */
#wrapper #mainBox #contentBox h6.catalogSectionLink {
	width:100%;
	display:block;
	text-align:center;
	background:#FCF4E8;
	font:0.9em Verdana, Helvetica, sans-serif;
	color:#666;
	margin:0;
	padding:8px 0 10px 0;
	border:1px solid #ccc;
	}

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

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

/* bold text in tables */
#wrapper #mainBox #contentBox table tr td h5 {
	text-align:left;
	font:1.2em Verdana, Helvetica, sans-serif;
	color:#666;
	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:1.0em Verdana, Helvetica, sans-serif;
	color:#333333;
	line-height:1.2em;
	padding:0 0 3px 0;
	margin:0;
	}

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



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

/* content link styles */
#wrapper #mainBox #contentBox a {
	font:1.0em Verdana, Helvetica, sans-serif;
	color:#0066ff;
	text-decoration:underline;
	}

/* content link - hover styles */
#wrapper #mainBox #contentBox a:hover {
	font:1.0em Verdana, Helvetica, sans-serif;
	color:#cc6600;
	text-decoration:underline;
	}

/* style the "Go Back" link */
#wrapper #mainBox #contentBox a.backlink {
	position:relative;
	width:auto;
	display:block;
	float:left;
	clear:left;
	font:0.9em MS Sans Serif, Geneva, sans-serif;
	color:#0066ff;
	text-decoration:none;
	padding:0;
	cursor:pointer;
	}

/* style the "Go Back" link:hover */
#wrapper #mainBox #contentBox a.backlink:hover {
	color:#cc6600;
	text-decoration:underline;
	}

/* style the links in the unordered list in content container */
#wrapper #mainBox #contentBox ul a {
	font:0.7em Verdana, Helvetica, sans-serif;
	color:#0066ff;
	text-decoration:underline;
	}

/* style the links hover in the unordered list in content container */
#wrapper #mainBox #contentBox ul a:hover {
	font:0.7em Verdana, Helvetica, sans-serif;
	color:#cc6600;
	text-decoration:underline;
	}

/* 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:left;
	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;
	}

/* plain text in tables on representativesNorthAmerica.php */
#wrapper #mainBox #contentBox table tr td h6 a {
	font:1.0em Verdana, Helvetica, sans-serif;
	}

/*-- END Link Styles --*/


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

/* product photos - right float */
#wrapper #mainBox #contentBox div.fullWidth img.productPhotoRight {
	width:auto;
	height:auto;
	display:block;
	float:right;
	clear:none;
	margin:5px 0 20px 30px;
	border:1px solid #333333;
	}

/* product photos - right float */
#wrapper #mainBox #contentBox div.fullWidth img.productPhotoRightSmall {
	display:block;
	float:right;
	clear:none;
	margin:5px 0 20px 30px;
	border:1px solid #333333;
	}

/* product photos - left float */
#wrapper #mainBox #contentBox div.fullWidth img.productPhotoLeft {
	width:250px;
	height:auto;
	display:block;
	float:left;
	margin:10px 30px 20px 0;
	border:1px solid #333333;
	}

/* markets served photos - right float */
#wrapper #mainBox #contentBox div.fullWidth img.marketPhoto {
	width:250px;
	height:auto;
	display:block;
	float:right;
	clear:right;
	margin:5px 0 20px 30px;
	border:1px solid #333333;
	}

/* 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:181px;
	height:26px;
	display:block;
	position:absolute;
	right:0;
	top:5px;
	padding:0;
	margin:0;
	border:none;
	background:url(http://www.lightpath.com/images/newProductFlame.png) top left no-repeat;
	}

/* opens in a new window icon */
#wrapper #mainBox #contentBox div.fullWidth h6 img.newWindowIcon {
	margin:2px 0 0 5px;
	padding:0;
	border:none;
	}

/* opens in a new window icon */
#wrapper #mainBox #contentBox div.fullWidth h6 img.newWindowIconFF {
	margin-top:3px;
	}

/* get adobe reader icon - pressReleases.php */
#wrapper #mainBox #contentBox a img.getAdobeReaderIcon {
	border:none;
	position:absolute;
	top:95px;
	right:40px;
	display:block;
	}

/* get adobe reader icon - catalog.php */
#wrapper #mainBox #contentBox .fullWidth .rightHalf .getAdobeReaderIcon {
	display:block;
	float:left;
	margin:25px 0 0 70px;
	}

/* pdf indicator icon */
#wrapper #mainBox #contentBox div.fullWidth .pdfIcon {
	margin:0 0 0 5px;
	padding:0;
	border:none;
	}

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

/* large catalog cover image - catalogRequest.php */
#wrapper #mainBox #contentBox .fullWidth a.catalogRequestButton {
	width:658px;
	height:73px;
	background:url(http://www.lightpath.com/images/getYourCopyToday.png) top left no-repeat;
	display:block;
	margin:0 0 30px 0;
	border:1px solid #666;
	}

/* large catalog cover image - catalogRequest.php */
#wrapper #mainBox #contentBox .fullWidth a.catalogRequestButton:hover {
	width:658px;
	height:73px;
	background:url(http://www.lightpath.com/images/getYourCopyTodayHover.png) top left no-repeat;
	display:block;
	margin:0 0 30px 0;
	border:1px solid #666;
	}

/* style the certification images on quality control page */
#wrapper #mainBox #contentBox div.fullWidth img.certified {
	border:none;
	margin:30px 70px 0 110px;
	}

/* 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  {
	color:#666;
	text-align:left;
	margin:0 0 20px 20px;
	}

/* style the list items in the ordered list in content > fullWidth container */
#wrapper #mainBox #contentBox div.fullWidth ol li {
	font:0.7em Verdana, Helvetica, sans-serif;
	color:#666;
	line-height:1.9em;
	text-align:left;
	margin:0;
	padding:0;
	}

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

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

/* style the list item links in the unordered list in content > fullWidth container */
#wrapper #mainBox #contentBox div.fullWidth ul#basicList li a {
	font:1.0em Verdana, Helvetica, sans-serif;
	}

/* style the list item links in the unordered list in content > fullWidth container */
#wrapper #mainBox #contentBox div.fullWidth ul#basicList li a:hover {
	font:1.0em Verdana, Helvetica, sans-serif;
	}

/*-- 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:0.7em 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 {
	height:100%;
	margin:30px 0 40px 60px;
	}

/*  */
#wrapper #mainBox #contentBox #salesMap dl.map.on {
	position:relative;
	background:url(http://www.lightpath.com/images/worldMap.png) no-repeat;
	margin:0;
	padding:0;
	text-align:left;
	width:503px;
	height:248px;
	}

/*  */
#wrapper #mainBox #contentBox #salesMap dl.map.on dt {
	display:inline;
	}

/*  */
#wrapper #mainBox #contentBox #salesMap dl.map.on dd {
	font:11px Helvetica, Verdana, sans-serif;
	background:#F5CC9B;
	border:1px solid #222;
	text-align:center;
	color:#333333;
	padding:3px 2px 3px 2px;
	width:100px;
	position:absolute;
	left:-9999px;
	z-index:11;
	}

/* location button links - mapPoint image */
#wrapper #mainBox #contentBox #salesMap dl.map.on a.location {
	background:url(http://www.lightpath.com/images/mapPoint.png) no-repeat;
	display:block;
	outline:none;
	text-decoration:none;
	text-indent:-9999px;
	width:14px;
	height:14px;
	position:absolute;
	z-index:10;
	outline:0;
	}

/* location button links - hover - mapPoint image */
#wrapper #mainBox #contentBox #salesMap dl.map.on a.location:hover {
	background:url(http://www.lightpath.com/images/mapPointHover.png) no-repeat;
	z-index:10;
	outline:0;
	}

/* australia button */
#wrapper #mainBox #contentBox #salesMap dl.map.on a#australia {
	top:182px;
	left:433px;
	outline:0;
	}

/* northAmerica button */
#wrapper #mainBox #contentBox #salesMap dl.map.on a#northAmerica {
	top:65px;
	left:72px;
	outline:0;
	}

/* southAmerica button */
#wrapper #mainBox #contentBox #salesMap dl.map.on a#southAmerica {
	top:160px;
	left:140px;
	outline:0;
	}

/* asia button */
#wrapper #mainBox #contentBox #salesMap dl.map.on a#asia {
	top:72px;
	left:380px;
	outline:0;
	}

/* europe button */
#wrapper #mainBox #contentBox #salesMap dl.map.on a#europe {
	top:49px;
	left:250px;
	outline:0;
	}

/* africa button */
#wrapper #mainBox #contentBox #salesMap dl.map.on a#africa {
	top:115px;
	left:270px;
	outline:0;
	}

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



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

/* iframe styles on contact pages - iframes are holding the Google maps */
#wrapper #mainBox #contentBox iframe {
	border:1px solid #000000;
	margin:0 0 5px 0;
	float:right;
	}

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

/* plain text on contact.php */
#wrapper #mainBox #contentBox div.fullWidth div.leftHalf h6 {
	text-align:left;
	font:0.7em Verdana, Helvetica, sans-serif;
	color:#666;
	padding:0 0 4px 0;
	margin: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;
	}

#wrapper #mainBox #contentBox #siteMap a {
	color:#666;
	text-decoration:none;
	}

#wrapper #mainBox #contentBox #siteMap a:hover {
	color:#e48d1a;
	text-decoration:underline;
	}

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



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

/* footerBox */
#wrapper #footerBox {
	width:999px;
	height:42px;
	display:block;
	position:relative;
	clear:both;
	margin:0;
	padding:0;
	background:url(http://www.lightpath.com/images/footerBackground.png) bottom left repeat-x;
	font:0.7em Tahoma, Geneva, sans-serif;
	color:#666;
	text-align:left;
	}

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

/* copyright container in footerBox */
#wrapper #footerBox .copyright {
	float:left;
	clear:none;
	padding:15px 40px 15px 30px;
	}

/* links container in footerBox */
#wrapper #footerBox .footerLinks {
	float:right;
	clear:none;
	padding:15px 30px 15px 20px;
	}

/* links in footerBox .footerLinks */
#wrapper #footerBox .footerLinks a {
	color:#666;
	text-decoration:none;
	}

/* hover the links in footerBox .footerLinks */
#wrapper #footerBox .footerLinks a:hover {
	color:#28574e;
	text-decoration:underline;
	}

/*-- END Footer Styles --*/

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