/* ------------------------------------------------------------------- BREADCRUMBS */

#breadcrumbs { 	
	width: 945px; height: 32px; margin: 5px 0 5px 0; padding: 13px 0 0 15px;
	float: right; list-style: none; font-size: 1.1em;
	background: url("../images/maincontent/bg_breadcrumbs.gif") 0% 0% no-repeat; 
	
}  
#breadcrumbs li { 
	background: url("../images/maincontent/bg_crumb_left.gif") 0% 0% no-repeat #333; 
	font-weight: bold; height: 19px; float: left; padding: 0 0 0 5px; margin: 0 10px 0 0; text-transform: lowercase;
}
#breadcrumbs a span { background: url("../images/maincontent/bg_crumb_link.gif") 100% 0% no-repeat #333; color: #fff; }
#breadcrumbs a:hover span { color: #cf9c4b; }
#breadcrumbs span { color: #999; background: url("../images/maincontent/bg_crumb_curr.gif") 100% 0% no-repeat #333; display: block; padding: 2px 25px 3px 0;  }
#breadcrumbs a, #breadcrumbs a:visited { color: #fff; text-decoration: none; }

/* ------------------------------------------------------------------- MAINCONTENT AREA - TEXT ETC. */

#mainWrapper { background: url("../images/maincontent/bg_content_middle.gif") 0% 0% repeat-y; width: 960px; clear: both; }
#maincontent { background: url("../images/maincontent/bg_content_bottom.gif") 0% 100% no-repeat; padding: 0 0 20px 0; overflow: hidden; }

#maincontent span.header { background: url("../images/maincontent/bg_content_top.gif") 0% 0% no-repeat; display: block; height: 10px; }

#maincontent h1 { color: #cf9c4b; font-size: 1.8em; font-weight: normal; margin: 15px 25px; }
#maincontent h2 { color: #cf9c4b; font-size: 1.4em; font-weight: normal; margin: 15px 25px; }
#maincontent h3 { margin: 10px 20px; }

#maincontent p { margin: 20px 25px; line-height: 1.6em; font-size: 13px; }  
#maincontent p.noSpace { margin: 0 25px; line-height: 1.6em; font-size: 13px; } 
#maincontent a, #maincontent a:visited { color: #CF9C4B; text-decoration: underline; }
#maincontent a:hover { color: #CD8006; }

#maincontent ul { margin: 20px 50px 0 50px; list-style: none; clear: both; }  
#maincontent ol { margin: 20px 50px 0 50px; }  
#maincontent li { background: url("../images/maincontent/ico_list.gif") 0% 3px no-repeat; margin: 10px 0; padding: 0 0 0 10px; font-size: 13px; }
* html #maincontent li { margin: 10px 0 0 0; }


#maincontent table { border: 1px solid #000; background: #191919; margin: 20px 40px; border-spacing: 0; border-collapse: collapse;  }
#maincontent th, #maincontent td { padding: 5px; }

.contactForm { border: 0; margin: 0 40px; padding: 20px 0; }

.contactForm label { display: block; margin: 5px 0; min-height: 30px; font-size: 13px; }
* html .contactForm label { height: 30px; }
.contactForm strong { display: block; float: left; width: 100px; } 
.contactForm input { width: 225px; } 
.contactForm textarea { display: block; width: 450px; height: 150px; }
.contactForm input.submitForm { 
	width: auto; cursor: pointer; border: 0; height: 25px; padding: 0 10px; 
	background: url("../images/maincontent/but_submit.gif") #333 0% 100% repeat-x; 
	color: #fff; font-weight: bold;	
}  

#maincontent .cmaOptions { margin: 10px 20px;  }
#maincontent .cmaOptions ul { margin: 0; list-style: none; height: 20px; }
#maincontent .cmaOptions li { float: left; margin: 0 20px 0 0;  }
.cmaOptions .up { padding: 0 15px 0 0; background: url("../images/arrows/red_u_4x7.gif") 100% 50% no-repeat; }
.cmaOptions .down { padding: 0 15px 0 0; background: url("../images/arrows/red_d_4x7.gif") 100% 50% no-repeat; }
.cmaOptions .left { padding: 0 10px 0 0; background: url("../images/arrows/red_l_4x7.gif") 100% 50% no-repeat; }
.cmaOptions .right { padding: 0 10px 0 0; background: url("../images/arrows/red_r_4x7.gif") 100% 50% no-repeat; }

#maincontent .cmaImgs { width: 150px; float: right; margin: 0 25px 10px 10px; }
* html #maincontent .cmaImgs { margin: 0 12px 0 10px; }  
#maincontent .cmaImgs img { margin: 10px; }

#maincontent .cmaList { }
#maincontent .cmaList li { margin: 20px 0; padding: 0 0 15px 0; border-bottom: 1px solid #333;} 
#maincontent .cmaList h3 { margin: 10px; }
#maincontent .cmaList img { float: left; margin: 0 10px 10px 0; }
#maincontent .cmaList p { margin: 10px; }
#maincontent span.readmore { display: block; margin: 0 10px;  }

a.doc { padding: 3px 0 3px 20px; background: url("../images/icons/doc.gif") 0% 0% no-repeat; }
a.xls { padding: 3px 0 3px 20px; background: url("../images/icons/xls.gif") 0% 0% no-repeat; }
a.avi { padding: 3px 0 3px 20px; background: url("../images/icons/avi.gif") 0% 0% no-repeat; }
a.pdf { padding: 3px 0 3px 20px; background: url("../images/icons/pdf.gif") 0% 0% no-repeat; }
a.ppt { padding: 3px 0 3px 20px; background: url("../images/icons/ppt.gif") 0% 0% no-repeat; }
a.mp3 { padding: 3px 0 3px 20px; background: url("../images/icons/mp3.gif") 0% 0% no-repeat; }
a.txt { padding: 3px 0 3px 20px; background: url("../images/icons/txt.gif") 0% 0% no-repeat; }
a.zip { padding: 3px 0 3px 20px; background: url("../images/icons/zip.gif") 0% 0% no-repeat; }


/* ------------------------------------------------------------------- LIGHTBOX GALLERY STYLES */

#maincontent .galleryLightbox { list-style: none; height: 1%; /* peekaboo bug */ margin: 10px 40px; }
#maincontent .galleryLightbox li { width: 135px; height: 165px; float: left; margin: 0 20px 0 0; background: url("../images/maincontent/bg_lightbox.gif") 5px 5px no-repeat; }
#maincontent .galleryLightbox a, #maincontent .galleryLightbox a:visited { color: #fff; }  
.galleryLightbox img { margin: 10px 0 0 10px; }
.galleryCaption { margin: 0 5px 0 10px; display: block; text-align: center;  }
.galleryMag { display: block; width: 20px; height: 20px; position: absolute; cursor: pointer; background: url("../images/maincontent/but_lightbox_mag.gif") 0% 0% no-repeat; }


.validation_summary {  }

/* ------------------------------------------------------------------- PRODUCT ITEM STYLES */

#product_container { margin: 20px 0 0 25px; }
.product_item { width: 150px; min-height: 180px; float: left; margin: 0 0 20px 20px; display: inline; }
.product_item h2 { font-size: 1.2em !important; margin: 0 0 10px 0 !important; text-align: center; }
.product_item img { width: 130px; height: 130px; margin: 10px auto; display: block; border: 1px solid #cf9c4b; padding: 2px; } 

/* ------------------------------------------------------------------- FAQ STYLES */
.faq { margin: 0 0 25px 0; }
.faq p { margin: 0 25px 10px 25px !important; }
.faq span.initials { font-size: 2.0em; color: #cf9c4b;  }

/* ------------------------------------------------------------------- GOOGLE MAP STYLES */
#map_canvas { width: 480px; height: 220px; float: right; margin: 0 25px 0 0; }
#map_canvas p { font-size: 1.2em; color: #000; } 

/* ------------------------------------------------------------------- TRACE RESULTS TABLE STYLES */
table.trace_results { 
	border: 1px solid #383838 !important; border-spacing: 0; border-collapse: collapse; background: none !important; margin: 20px !important;  
	font-size: 13px	
}
table.trace_results th { color: #CF9C4B; text-align: center; }
table.trace_results td, table.trace_results th { padding: 5px !important; border-right: 1px solid #383838; text-align: center; font-size: 0.9em; }