/*--------------------------
	CSS by Rod Miles	
	Optrics Engineering	
	December 2007
----------------------------*/

.subMenu li {display:block !important}

.midDropDown {margin:1em 0 2.3em 5px}
.midDropDown select {font-size:1.2em;color: #903;}
.midDropDown img {margin-top: 5px}


/*----------------------
	Middle Panel
-----------------------*/

.tRed { color: #900; }

#breadCrumbs
	{
	font-size: 0.8em;
	margin-bottom: 1.3em;
	}

#midPanel li {padding-bottom: 3px}

#midPanel .imgR {clear: right;float:right}

#midPanel h2 {clear: both; padding: 8px 0 0 3px}

.bodyBox
	{
	position: relative;
	z-index: 10;
	font-size: 0.95em;
	color: #666;
	background: url('../images/bodybox-top.gif') no-repeat 0 0;
	padding-top: 12px;
	line-height: 1.4em;
	}

.bodyBox h1, .bodyBox p, .bodyBox img {padding: 0 10px;}
 
.bodyBox h1 {margin-bottom: 10px}
 
.bodyBox p {margin: 0; padding-bottom: 7px}
 
.bodyBox .moreInfo {color: #903; }
 
.bodyBox img {margin: 0 10px 10px 10px;padding:0}
 
.bodyBoxCloser
	{
	position: relative;
	background: url('../images/bodybox-bot.gif') no-repeat 0 bottom;
	margin: 0;
	padding-bottom: 10px;
	}

.bodyBox .imgR, .bodyBox .imgL {margin-top: 0}

#midPanel ul.mainPoints { margin-top: -8px;}

/* Download Forms */

#optionalFields {display: none;}
#requiredFields .formFooter {clear: both;}


/* buttons per product */	
.miniMenu { float: right; margin: 3px 0 8px 10px; }
.miniMenu img { margin: 0; }


/* vendor menu */
#vendorMenu {float: right; margin:0 10px 15px 0;padding:0;}
#vendorMenu li
	{
	float: left; 	
	margin: 0 1px; 
	padding: 0 10px 0 0;
	background: url('../images/vendor-menu-bg.gif') no-repeat 100% 0;
	list-style-type: none;
	height: 19px;
	text-align: center;
	}
 
#vendorMenu a 
	{
		position:relative;
		font-size: 0.9em; 
		text-decoration: none; 
		background: url('../images/vendor-menu-bg.gif') no-repeat 0 0;
		padding: 0 0 0 10px;
		margin: 0;
		height: 19px;
		display: block;
	}

/* popup box  for the Button Legend */
a.popBoxLink span {display:none;}
a.popBoxLink:hover {cursor:default; background-color: #900}
a.popBoxLink:hover .popbox 
	{
		display:block; 
		position:absolute; 
		text-align: left;
		top:0; 
		left:-350px; 
		width:400px; 
		height:auto; 
		overflow-y: auto; 
		background-color:#fff; 
		border:1px solid #900; 
		padding:2ex;
		font-size: 1.1em;
		line-height: 1.3em;
		color: #666;
		z-index: 1000;
	}

.popbox h4 { margin: 0; padding: 0 0 8px 0} 

/*
#vendorMenu a.popBoxLink:hover .popbox { width: 200px; left: -260px; min-height: 320px;}
 */

#partnerGroupList
	{
		margin-left: 0;
	}
.partnerListing
	{
		display:block;
		margin: 0.7em 27px 0.7em 5px;
		float: left;
	}

.partnerLogoSm {float: right;margin-top:-10px}


/* RSS / Press Styles */
#rssTable {width: 100%; margin-top: 10px}
.rssTitle {font-weight:bold; margin-top: 10px}
.rssDate {color: #888; font: 0.9em tahoma,verdana}
.rssContent {margin: 4px 0}
tr.separator td {background-color: #ccc; height: 1px}


/* Professional Profiles Styles */
.profiles {margin: 10px 0; width: auto; height: auto; padding: 2px;}
.profileName {font: bold 1.2em tahoma,verdana,sans-serif; color: #369;}
.profileTitle {color: #777; font-size: 0.9em; line-height: 1.3em; margin-top: 3px}
.profileAbout {height: auto; padding: 2px 10px;}
 
/*----------------------
	Left Panel
-----------------------*/

#leftPanel .subHeading
	{
	position: relative;
	font: bold 1.1em/1.5em tahoma,verdana,sans-serif;
	color: #fff;
	padding: 0 0 13px 0;
	margin: 0 0 0 -2px;
	background: url('../images/sidepanel-heading-bot.gif') no-repeat 0 bottom;
	}

#leftPanel .subHeadingCloser
	{
	position: relative;
	background: url('../images/sidepanel-heading-top.gif') no-repeat 0 0;
	padding: 8px 0 0 10px;
	margin: 0 0 0 0;
	}

#leftPanel .subMenu
	{
	margin: 0 0 2em 0;
	padding: 5px 0 0 12px;
	}

#leftPanel .subMenu .subMenu {margin:0 0 0 8px; padding-top:0}

#leftPanel .subMenu li {list-style-type: none;}

#leftPanel .subMenu a 
	{
	text-decoration: none; 
	font: bold 1.1em/1.6em tahoma,verdana,sans-serif;
	background: url('../images/leftpanel-link.gif') no-repeat 0 4px; 
	padding-left: 12px;
	}

#leftPanel .subMenu a:hover { background-position: 0 -56px;}
#leftPanel .subMenu a:active { background-position: 0 -116px;}

#leftPanel .quote 
	{ 
	padding-top: 7px; 
	width: 170px; 
	margin: 3px 0 0 0;
	background: transparent url('../images/quote-open.gif') no-repeat top left;
	text-indent: 35px;
	color: #777;
	}
 
#leftPanel .quoted 
	{
	text-align:right; 
	padding: 25px 0 15px 0;
	margin: 0 22px 15px 0;
	background: transparent url('../images/quote-close.gif') no-repeat right top;
	font-style: italic;
	border-bottom: 1px solid #ccc;
	color: #777;
	}

/*----------------------
	Right Panel
-----------------------*/

#rightPanel .subSection
	{
	background: url('../images/rightpanel-bot.gif') no-repeat 1px bottom;
	padding: 0 0 8px 0;
	margin: 10px 0 1.5em 0;
	}

#rightPanel .subHeading
	{
		position: relative;
		z-index: 100;
		background: url('../images/rightpanel-heading.gif') no-repeat 0 0;
		color: #fff;
		margin-left: -1px;
		padding: 5px 8px 6px 10px;
		border-bottom: 3px solid #fff;
		font: bold 1.2em/1.5em tahoma,verdana,sans-serif;
	}

#rightPanel .subPanelArea
	{
	background-color: #f2f2f2;
	width: 164px;
	margin: 0 2px 6px 1px;
	padding: 5px;
	text-align: center;
	border-bottom: 1px solid #aaa;
	border-top: 1px solid #e2e2e2;
	border-right: 1px solid #aaa;
	border-left: 1px solid #e2e2e2;
	text-align: left;
	}

#rightPanel .subPanelArea p { margin: 0; padding: 4px 0; }

#rightPanel .subPanelArea img.imgR { margin: 4px 0 7px 5px }

#rightPanel .subPanelArea ul {margin: 0 0 5px 28px; padding:0}

#rightPanel a.subPanelHeading {font-size: 1.1em; font-weight: bold; padding-left: 10px; background: url('../images/leftpanel-link.gif') no-repeat 0 4px;}
#rightPanel a.subPanelHeading:hover { background-position: 0 -56px;}
#rightPanel a.subPanelHeading:active { background-position: 0 -116px;}

.Instructions
	{
	display: block;
	color: #666; 
	background-color: #e2e2e2; 
	text-align: left;
	padding: 8px;
	border: 1px solid #ccc;
	font-size: 0.9em !important;
	line-height: 1.5em;
	margin-bottom: 15px;
	}

.floatPicR
	{
		float:right;
		margin:5px;
		border: none;
	}