/********************************************************************************* 
/
/
/    MetalOptics Site Default Stylesheet
/    All Rights Reserved, 2004.
/
/    Document Created by Jeff Lin  |  Last Modified on 03/22/2007
/
/
/    
/	 Primary Color Codes:
/	 00539F (dark MO blue)
/	 7297BA (link hover)
/
**********************************************************************************/




























/**********************************************************************************
/    
/  GENERAL MATERIALS
/  
**********************************************************************************/
body {
 text-align:center;
 font-family:Arial,Tahoma,Helvetica,Sans-serif;
 margin:0;
 padding-left:5px;
 background:#0757a2 url('../images/product_layout.gif') repeat-y 50% 0;
 font-size:small; background-repeat:repeat-y
}

html>body { /* be nice to Opera */
 font-size: small;
}

.hide {
 display:none;
}









/**********************************************************************************
/    
/  MAIN LAYOUT
/  
**********************************************************************************/
#wrapper {
 width:805px;
 margin:0 auto;
 padding:0 16px;
 text-align:left;
 position:relative;		 
}

html>body #wrapper {
 width: 805px;
} 

#header {	 
 height:144px;
 background:#FFF url('../images/product_header_layout.gif') no-repeat;
 padding:0;
 margin:0
}

#wrapper p {
 font-size:85%;
}







/**********************************************************************************
/    
/  FOOTER STYLE
/  note: it's better if you don't mess with this section
/  
**********************************************************************************/
#footer {
 position:relative; /* Modified here */
 clear:both;
 width:801px;
 height:50px;
 margin-top:20px;
 padding:0;
 bottom:0;
 text-align:left;		 
 background:#ECECEC;
}

#footer-content {
 margin:5px 10px 0 10px;
}

#footer-content p {
 color:#000;
}

#footer-content img {
 border:0px none;
}

#footer-content a:link, #footer-content a:visited {
 color:#000;
 text-decoration:none;
}

#footer-content a:hover {
 color:#00539F;
 text-decoration:underline;
}



#MO-FOOTER {display:none;}





/**********************************************************************************
/    
/  CONTENT AREA
/  
**********************************************************************************/
#content-area {
 padding-left:0;
 padding-right:13px;
 min-height:100%;
 position:absolute;
}

#content-area p {
 margin-top:0;
 margin-bottom:20px;
 line-height:15px;
 font-size:85%;
}

#content-area h1, h2, h3, h4, h5 {
 font-size:90%;
}








/**********************************************************************************
/    
/  TOP-SECTION
/  note: header area
/  
**********************************************************************************/
#top-section {
 width:453px;
 clear:both;
 margin:45px 0 15px 0;
 float:left;
}

#top-section h2#chromeplate {
 display:none;
 background:url('/images/chrome_banner.gif') no-repeat left top;
 height:50px;
 text-indent:-999999px;
 margin:5px;
 float:left
}

#banner {
 width:100%;
 text-align:center;
}

#banner h1 {
 background:url('/images/brand_logos/MetalOptics_logo.gif') no-repeat left top; 
 width:300px;
 height:60px;
 text-indent:-999999px;
 margin-bottom:5px
}

#banner h1 a {
 text-decoration:none;
 height:50px;
 display:block;
}

#banner hr {
 width:303px;
 margin-top:5px;
 height:1px;
 background-color:#00539F;
 border:solid 1px #00539F;
}

.image-link {
 text-decoration:none;
 border:0px none;
}






/**********************************************************************************
/    
/  MAIN NAVIGATION
/  note: includes the drop down menu style
/  
**********************************************************************************/
#main-navigation {
 width:100%;
 font-size:80%;
 margin:0;
 padding:0;
 text-align:left;
 float:left;
}



#main-navigation ul {
 padding:0;
 margin:0;
 font-size:12px;
 list-style:none; 
 float:left;
}

#main-navigation li {
 position:relative;
 padding:10px 0;
 list-style:none;
 float:left;
}

#main-navgionat ul.parent-menu {
 text-align:center;
}

#main-navigation ul.parent-menu a {
 padding:0 8px;
 font-weight:bold;
 text-decoration:underline;
}

#main-navigation ul.parent-menu a:link {
 color:#00539F;
 text-decoration:none;
}

#main-navigation ul.parent-menu a:visited {
 color:#00539F;
 text-decoration:underline;
}

#main-navigation ul.parent-menu a:hover {
 color:#000;  
 text-decoration:underline;
}

#main-navigation li ul.node-menu {
 display: none;
}

#main-navigation li:hover ul.node-menu, #main-navigation li.over ul.node-menu {
 width:150px;
 padding:0px;
 display:block;
 background:#FFF;
 /*background:#FAFAFA url("/images/orangecorner.gif") no-repeat bottom right;*/

 position: absolute; 
 top: 2em;
 left: 5px;
 border-top:solid 1px #808080;
 border-bottom:solid 1px #808080;
 margin:0px;
}	

#main-navigation li ul.node-menu li {
 width:100%;
 padding:0 0 0 0px;
 margin:0;
 line-height:18px;
 clear:both;
}

#main-navigation li ul.node-menu li a {
 margin-left:3px;
}

#main-navigation li ul.node-menu a:link, #main-navigation li ul.node-menu a:visited {
 color:#000;
 text-decoration:none;
 display:block;
}

#main-navigation li ul.node-menu a:hover {
 color:#00539F;
 display:block;
 background:#FAFAFA url('/images/symbols/blueArrow.gif') no-repeat 97% 50%;
}

/* opera fix */
#main-navigation li > ul {
 top: auto;
 left: auto;
}







/**********************************************************************************
/    
/  LEFT COLUMN
/  
**********************************************************************************/
#content-col-left {
 width:303px;
 margin:35px 0 30px 0px;
 padding-left:10px;
 float:left;
}

#left-col-only {
 margin-left:80px;		 
}

#left-col-only a:link, #left-col-only a:visited {
 color:#808080;
 font-weight:bold;
 text-decoration:none;
}

#left-col-only a:hover {
 color:#00539F;
 text-decoration:none;
}





/**********************************************************************************
/    
/  HOT LINKS
/  note: hotlinks to products
/  
**********************************************************************************/
#dynimage {
 width:190px;
 text-align:center;
 float:left;
}

#hotlinks {
 width:80px;
 font-size:80%;
 text-align:right;
 float:right;
}

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

#hotlinks li {
 list-style:none;
 height:20px;
}

#hotlinks li a:link, #hotlinks li a:visited {
 width:100%;
 color:#808080;
 text-decoration:none;
 display:block;
 background:#FFF;
 padding:5px 0 5px 5px; 
}

#hotlinks li a:hover {
 width:100%;
 color:#00539F;
 padding:5px 0 5px 5px;
}







/**********************************************************************************
/    
/  RANDOM IMAGE ROATIONS
/  
**********************************************************************************/
#side-image {
 margin-top:15px;
 text-align:center;
}

#side-image img {
 width:300px;
 margin:10px 0;
 border:0px none;
}

#side-image a:link, #side-image a:visited {
 border:0px none;
 text-decoration:none
}

#side-image a:hover {
 border:0px none;
 text-decoration:none
}







/**********************************************************************************
/    
/  #Sponsor-links
/  
**********************************************************************************/
#sponsor-links {
 float:left;
}

#sponsor-links ul {
 margin:0;
 padding:0;
 list-style:none;
}

#sponsor-links li {
 border:solid 1px #808080;
 padding:2px;
 text-align:center;
 margin-bottom:5px;
 margin-top:5px;
}

#sponsor-links img {
 border:none;
}

#sponsor-links strong {
 font-size:11px;
}

#sponsor-links a:link, #sponsor-links a:visited {
 color:#808080;
 text-decoration:none;
}

#sponsor-links a:hover {
 color:#00539F;
}









/**********************************************************************************
/    
/  RIGHT COLUMN
/  * Generic right column (separate from the content-col-product)
/  
**********************************************************************************/
#content-col-right {
 width:453px;
 margin:35px 0 30px 22px;
 float:left;
}

#content-col-right h1 {
 width:100%;
 color:#FFF;
 margin:0 0 5px 0;
 padding:2px;
 background:#00539F url('../images/title_tag_bar.gif') no-repeat right;
 float:left;
}

#content-col-right .forminput, #content-col-right .formtextarea {
 border:solid 1px #00539F;
 font-family:verdana;
}

#content-col-right input.formbtn {
 width:116px;
 height:36px;
 background:url('/images/formBtns.gif') no-repeat left top;
 font-size:14px;
 font-weight:bold;
 color:#FFF;
 border:0px none;
 margin-right:5px
} 

#content-col-right input.formbtnHover {
 width:116px;
 height:36px;
 background:url('/images/formBtnsHover.gif') no-repeat left top;
 font-size:14px;
 font-weight:bold;
 color:#FFF;
 border:0px none;
 margin-right:5px
}

#content-col-right a:link {
 color:#00539F;
}

#content-col-right a:visited {
 color:#CC0000;
}

#content-col-right a:hover {
 color:#00539F;
 text-decoration:underline;
}






/**********************************************************************************
/    
/  QUOTE REQUESTS
/  note: Make requests to Metaloptics
/  
**********************************************************************************/
#MO-QuoteRequests {
 width:100%;
 float:left;
}

#MO-QuoteRequests form h3, #MO-QuoteRequests.receipt h3 {
 color:#FFF;
 margin:5px 0;
 padding:5px 10px 5px 10px;
 background:#383838;
}

#MO-QuoteRequests .ROW-QuoteRequests {
 margin:10px;
}

#MO-QuoteRequests .evenrow {
 background:none;
}

#MO-QuoteRequests .oddrow {
 background:#EEE;
}

#MO-QuoteRequests fieldset {
 border:double 2px #91ADC7;
 margin-bottom:30px;
}

#MO-QuoteRequests legend {
 font-weight:bold;
 color:#91ADC7;
 padding:0 5px;
 background:#FFF;
}

#MO-QuoteRequests ul, #MO-QuoteRequests ol {
 margin:5px;
 padding:5px;
 list-style:none;
 float:left;
}

#MO-QuoteRequests li {
 font-size:12px;
 background:url('/images/symbols/blueArrow.gif') no-repeat 0 50%;
 padding-left:10px
}

#MO-QuoteRequests dl {
 margin:5px;
 padding:5px;
}

#MO-QuoteRequests dt {
 font-weight:bold;
 font-size:12px;
}

#MO-QuoteRequests dd {
 margin:0;
}

#MO-QuoteRequests label.required {
 color:#CC0000;
 background:url('/images/required.gif') no-repeat 100% 50%;
 padding-right:60px
}

#MO-QuoteRequests select option#opt1, #MO-QuoteRequests select option#opt3 {
 color:#CC0000;
}

#MO-QuoteRequests select option#opt2, #MO-QuoteRequests select option#opt4 {
 color:#00539F;
}

#MO-QuoteRequests.receipt dd {
 color:#cc0000;
 font-size:11px;
}



/**********************************************************************************
/    
/  MO-Login
/  
**********************************************************************************/
#MO-LoginDenied {
 width:100%;
 border:solid 2px #CC0000;
 background:#FFF;
 margin-top:10px;
 margin-bottom:10px;
 float:left;
}

#MO-LoginDenied h2 {
 margin:5px;
 font-size:14px;
 color:#CC0000;
 text-align:left;
}

#MO-LoginDenied p {
 margin:5px;
}

#MO-Login dl {
 font-size:85%;
}

#MO-Login dt {
 width:100px;
 text-align:right;
 margin-bottom:5px;
 float:left;
}

#MO-Login dt label {
 color:#00539F;
 font-weight:bold;
 padding-right:5px;
}

#MO-Login dd {
 margin:0 0 5px 0;
}




/**********************************************************************************
/    
/  PRODUCT INDEX
/  note: include product index and individual product sheets
/  
**********************************************************************************/
#content-col-product {
 width:453px;
 margin:35px 0 30px 22px;
float:left;
}

#content-col-product h1 {
 width:100%;
 color:#FFF;
 margin:0 0 5px 0;
 padding:2px;
 background:#00539F url('../images/title_tag_bar.gif') right no-repeat;
 float:left;
}

#content-col-product h1#promotion-title {
 width:100%;
 color:#FFF;
 margin:0 0 5px 0;
 padding:2px;
 background:#8cc63f url('../images/title_tag_bar.gif') right no-repeat;
}

#content-col-product h3 {
 width:100%;
 border-top:1px solid #E2E2E2;
 border-right:0px solid #E2E2E2;
 background:url('../images/product_gradient_bg.gif') repeat-x top left;
 padding:3px 3px 3px 0px;
 color:#00539F;
 margin:0;
 float:left
}

#content-col-product p {
 margin:0 0 5px 0;
}

#content-col-product img {
 border:0px none;
}

#content-col-product a:link, #content-col-product a:visited {
 text-decoration:underline;
 color:#00539F;
}

#content-col-product a:hover {
 color:#000;
}


#promotion-box img {
 margin-right:0px; 
 border:none;
 float:left;
}

#promotion-box a img {
 cursor:default;
}

#promotion-box ul {
 margin-left:5px;
 margin-top:10px;
 float:left;
}




/**********************************************************************************
/    
/  PRODUCT INDEX [INDIVIDUAL PRODUCTS]
/  note: include product index and individual product sheets
/  
**********************************************************************************/
#product-description {
 width:100%;
 margin-bottom:10px;
 float:left;
}

#product-description h4 {
 font-size:80%;
 margin-bottom:5px;
 margin-left:20px;
}

#product-description ul {
 font-size:80%;
 margin:5px 5px 5px 35px;
}


#image-gallery {
 width:100%;
 display:block;
 float:left;
}

#image-gallery p {
 clear:both;
 margin:8px;
}

#image-gallery a:link, #image-gallery a:visited {
 color:#00539F;
 text-decoration:none;
}

#image-gallery a:hover img {
 border:3px solid #CCC;
}

#image-gallery a:hover {
 color:#000;
 text-decoration:underline;
}

#image-gallery ul {
 list-style:none;
 font-size:80%;
 margin:0;
 padding:0;
 float:left;
}

#image-gallery li {
 width:120px;
 margin:5px;
 text-align:center;
 float:left;
}

#image-gallery li img {
 border:solid 3px #EEE;
 margin-bottom:5px;
}








/************************************************************************/
/* News Stylesheet*******************************************************/
.ibox {
 width:100%;
 margin-bottom:30px;
 float:left;
}

.ibox-content {
 width:100%;
 margin-bottom:10px;
 float:left;
}

.ibox-content h2 {
 margin:0;
 text-align:left;
}

.ibox-content small {
 margin:0;
 text-align:left;
}

.ibox-content p {
/* font-size:80%; */
}

.ibox-content ul {
 font-size:80%;
 margin:0;
 padding:0;
 list-style:none;
}

.ibox-content li {
 background:url('/images/symbols/blueArrow_box.gif') no-repeat 0 5px;
 padding-left:15px;
 margin:5px
}

ul#quickship-items {
 list-style:none;
 font-size:80%;
}


#quickship-items li {
 background:url('/images/symbols/blueArrow_box.gif') no-repeat 0 50%;
 padding-left:15px;
 margin:5px
}


#content-col-product ul#benefitList {
 list-style:none;
 margin:15px;
 padding:0;
 font-size:80%;
}

#benefitList li {
 background:url('/images/symbols/blueArrow_box.gif') no-repeat 0 3px;
 padding-left:15px;
 margin:5px
}

#content-col-product ul#applicationList {
 margin:0;
 padding:0;
 list-style:none;
}

#applicationList li {
 margin-bottom:20px;
}

#applicationList h4 {
 font-size:13px;
 margin:5px;
 border-bottom:solid 1px #00539F;
 color:#00539F;
}

#content-col-product .ibox-col1 {
 width:230px;
 float:left;
}

#content-col-product .ibox-col2 {
 width:200px;
 padding-left:20px;
 float:left;
}





.product-category {
   width:100%;
   margin-bottom:10px;
   float:left;
}

.product-category ul {
   display:block;
}



.product-name {
   width:100px;
   border:solid 0px #000;
   margin:0 5px 5px 0;
   text-align:center;
   float:left;
}

#content-col-product .product-name a {
   font-size:80%;
   text-decoration:none;
}

.product-name img {
   width:80px;
}





#core {
   float:left;
}

#core ul {
   margin-top:0;
   margin-left:50px;
   font-size:80%;
   list-style-type:square;
}

#core li {
   line-height:20px;
   font-weight:bold;
}

#core-contents {
   margin-top:20px;
}
















/**********************************************************************************
/    
/  RESOURCES
/  
**********************************************************************************/
#resource p {
 margin:0;
}

#resource dl {
 font-size:80%;
 margin:0 0 10px 0px;
 width:100%;
 clear:both;
}

#resource dt {
 font-weight:bold;
 width:100%;
 margin:10px 0 0 0;
 padding:0;
}

#resource dd {
 margin:0 0 0 0px;
 width:100%;
}

#resource dd ul {
 padding:0; 
 margin:0;
 list-style:none;
}

#resource dd li {
 line-height:18px;
}

#content-col-product #resource dd li a {
 text-decoration:none;
}

li.pdf-documents  {
 padding-left:15px;
 background:url('/images/icons/pdf.gif') no-repeat 0 50%;
}

.r-warrant {
 display:inline;
}

.r-warrant li {
/* display:inline;*/
}

.cc1 {
 width:150px;
}

.cc2 {
 width:100px;
 text-align:center;
}

.cc3 {
 width:200px;
}








#case-study {
 width:100%;
 float:left;
}

#case-study h2 {
 margin:0;
}

#case-study p {
 margin:0;
}

#case-study table {
 width:300px;
 font-size:80%;
 margin-left:20px;
 margin-top:5px;
 border:solid 1px #808080;
}

#case-study ul {
 margin:0;
 padding:0;
 font-size:80%;
 list-style:none; 
 float:left;
}

#case-study li {
 padding-left: 20px;
 margin-bottom:5px;
 background:url('/images/icons/pdf.gif') no-repeat 0 50%; 
}

.case-study-parts {
 width:100%;
 margin-bottom:20px;
 float:left;
}












/**********************************************************************************
/    
/  PRODUCTS
/  notes: to display Specsheet with Photometry
/  
**********************************************************************************/
#product-documents {
 width:100%;
 text-align:left;
 margin-bottom:10px;
 float:left
}

#product-documents h3 {
 clear:both;
 margin-bottom:3px;
}

#product-documents a:link {
 text-decoration:none;
}

#product-documents a:visited {
 color:#CC0000;
}

#product-documents a:hover {
 text-decoration:underline;
}

#product-documents ul {
 list-style:none;
 font-size:85%;
 margin:0;
 padding:0;
 display:block;
}

#product-documents ul.specpage-list li {
 clear:both;
 background:#FFF url('../images/icons/pdf.gif') no-repeat top left;
 padding-left:20px;
 border-bottom:1px solid #EEE;
 position:relative; 
}

#product-documents .specpage-list li .specpage-item {
 border:solid 1px #FFF;
}

#product-documents .specpage-list li span.trigger {
 position:absolute;
 right:0;
}

#product-documents li .photometric-list ul {
 list-style:none;
 margin:0;
 padding:0;
 font-size:12px;
 position:absolute;
 top:0;
}

#product-documents li .photometric-list {
 display:none;
}

#product-documents li .photometric-list li {
 background:#FFF url('../images/icons/PhotomReport1.gif') no-repeat top left;
 height:18px;
 padding-left:20px;
 border:0px none;; list-style-type:none
}

#product-photometric {
 width:100%;
 float:left;
}

table {
 border-collapse:collapse;
 cursor:default;
}

#photometric-table {
 font-size:80%;
 float:left;
}

.photometry-ruler {
 width:100%;
 border:0px none;
 text-align:left;
 margin:0
}

.photometry-ruler thead th {
 color:#808080;
 border-collapse:collapse;
}

.photometry-ruler td {
 vertical-align:top;
 border-collapse:collapse;
}

#photometric-table tr.highlite {
 background:#F9F9F9;
}

.col1 {
 width:40%;
}

.col2 {
 width:50%;
}

.col3 {
 text-align:center;
 width:10%;
}













/**********************************************************************************
/    
/  CONTACTS
/  
**********************************************************************************/
#content-col-contact {
 width:453px;
 margin:35px 0 30px 22px;
 float:left;
}

#contact-col-contact .email-success {
 color:#CC0000;
}

#content-col-contact h1 {
 width:100%;
 color:#FFF;
 margin:0 0 5px 0;
 padding:2px;
 background:#00539F url('../images/title_tag_bar.gif') right no-repeat;
 float:left;
}

#content-col-contact hr {
 margin:0;
 height:1px;
 background-color:#00539F;
 border:solid 1px #00539F;
}

.mo-contacts {
 margin-right:30px;
 float:left;
}

#contact-form {
 margin-top:10px;
 padding-top:10px;
 border-top:solid 1px #00539F;
 float:left;

 /* Fancy ScrollBar: IE explorer Only 
 scrollbar-arrow-color:#000;
 scrollbar-base-color:#FFF;
 scrollbar-DarkShadow-Color:#FFF;
 scrollbar-Face-Color:#EEE;
 scrollbar-Shadow-Color:#000;
 scrollbar-Track-Color:#EEE;
 scrollbar-Highlight-Color:#000;*/
}

.contact-form-columnA {
 margin-right:5px;
 float:left;
}

.contact-form-columnB {
 float:left;
}

#mid-field {
 margin-left:5px;
 margin-right:5px;
}

.contact-form-columnC {
 float:left;
}

#contact-form label {
 font-size:80%;
 font-weight:bold;
 text-align:left;
 display:block;
}


#contact-form textarea {
 width:435px;
 height:100px;
 overflow:auto;
 border:solid 1px #000;
}

#contact-form .highlite {
 background:#F9F9F9;
}

#contact-form .normal {
 background:#FFF;
}


#contact-form .form-text-box1 {
 border:solid 1px #000; 
 width:210px;
}

#contact-form .form-text-box1-over {
 background:#F9F9F9;
 border:solid 1px #000;
 width:210px;
}

#contact-form .form-text-box2 {
 border:solid 1px #000;
 width:435px;
}

#contact-form .form-text-box2-over {
 background:#F9F9F9;
 border:solid 1px #000;
 width:435px;
}

#contact-form .form-text-box3 {
 border:solid 1px #000;
 width:135px;
}

#contact-form .form-text-box3-over {
 background:#F9F9F9;
 border:solid 1px #000;
 width:135px;
}

#content-col-contact input.formbtn {
 width:116px;
 height:36px;
 background:url('/images/formBtns.gif') no-repeat left top;
 font-size:14px;
 font-weight:bold;
 color:#FFF;
 border:0px none;
 margin-right:5px
} 

#content-col-contact input.formbtnHover {
 width:116px;
 height:36px;
 background:url('/images/formBtnsHover.gif') no-repeat left top;
 font-size:14px;
 font-weight:bold;
 color:#FFF;
 border:0px none;
 margin-right:5px
}

#EmailConfirm {
 background:#EEE;
 border:solid 1px #808080;
 margin-bottom:10px;
}

#EmailConfirm p {
 margin:5px;
}