/* This is the Main CSS stylesheet for type style, colours etc. - CSS Document */
/* Version for Ridgway Eng site */

body {
	color:#000000;
	background-color: #ECECEC;
	margin-top: 10px;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 80%;
	height: auto;
	}

td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 90%;
	}

	/* (MB adjustment to get a red hover effect for links) */
	td a:link {
		color: #494DC0;
		}
		
	td a:visited {
		color: #050978;
		}
	
	td a:hover {
		color: #FF0000;
		}
	
	td a:active {
		color: #FF0000;
		}	
		
th {
	font-family: Arial, helvetica, sans-serif;
	font-size: 90%;
	}
	
	/* (MB adjustment to get a red hover effect for links) */
	th a:link {
		color: #494DC0;
		}
		
	th a:visited {
		color: #050978;
		}
	
	th a:hover {
		color: #FF0000;
		}
	
	th a:active {
		color: #FF0000;
		}
	
#specification_table {margin-left: 10px;
					  font-size: 90%;
					 }

h1,h2,h3,h4,h5,h6 {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 6px;
	margin-bottom: 6px;
}

.gallery_h1 {
	margin-top: 0px;
	margin-bottom: 6px;
} 

.gallery_dropdown {
	margin-top: 0px;
	margin-bottom: 0px;
} 

h1 {margin-left: 10px;
	margin-right: 30px;
	font-size: medium;
	color: #333399;
}

.h1_top_banner {
	margin-top: 30px;
	text-align:center;
	font-size: 1.0em;
	color: #333399;
}

h2 {margin-left: 10px;
	margin-top: 15px;
	margin-right: 30px;
	margin-bottom: 5px;
	font-size: small;
	color: #333399;
}

.h2_gallery_main {margin-right:5px;}

.h2_spec_sheet {
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 5px;
	font-size: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	color: #2D8ED8;
}

h3 {margin-left: 10px;
	font-size: small;
	color: #333333;
}

.h3_topmargin25 {
	margin-top:25px;
	margin-left: 10px;
	font-size: small;
	color: #333333;
}

.blue {color: #333399;}

.blue0px {margin-left: 0px;
	color: #333399;}

.blue25px {margin-left: 25px;
	color: #333399;}

h4 {margin-left: 10px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: small;
	color: #333399;
}

h5 {margin-top: 0px;
	margin-bottom: 0px;
}

h6 {margin-left: 10px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	font-size: small;
	color: #333399;
}

p	{margin-left: 10px;
	 margin-top: 2px;
	 margin-right: 30px;
	 margin-bottom: 5px;
}


	/* MB adjustment to get a red hover effect for links
	Remember: "Link - Visited - Hover - Active" sequence */
	p a:link {
		color: #494DC0;
		}
		
	p a:visited {
		color: #993399;
		}
		
	p a:hover {
		color: #FF0000;
		}
	
	p a:active {
		color: #FF0000;
		}

.p10	{margin-left: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.p10_1	{margin-left: 10px;
	margin-top: 1px;
	margin-right: 10px;
	margin-bottom: 1px;
}

.p10_20	{margin-left: 10px;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
}

.p_flags {
		margin-left: 5px;
		margin-top: 20px;
		margin-right: 0px;
		margin-bottom: 0px;
		}
		
ul {
  margin: 0;
  padding: 0;
}
 
li {
  margin: 0;
  padding: 0;
  list-style-type:square;
  line-height: 1.5em;
}
 
.col1 {margin-left: 3em;}
 
.col1_inset {margin-left: 6em;
		list-style-type:square;
		color: #333399;
}
 
.col2 {margin-left: 20em;}
 
.coltopper1 {margin-top: -5.4em;} 

.coltopper2 {margin-top: -9.4em;} 

.coltopper3 {margin-top: -6.7em;} 

/* Note: coltopper values = -(line-height x number of rows plus 0.2 or 0.3 fine adjustment for Win IE) */

.picture_caption
	{margin-left: 0px;
	 margin-top: 2px;
	 margin-right: 0px;
	 margin-bottom: 8px;
	 font-size: 85%;
}

.picture_caption_center
	{margin-left: 0px;
	 margin-top: 2px;
	 margin-right: 0px;
	 margin-bottom: 8px;
	 font-size: 85%;
	 text-align:center;
}

/*Use this for rh col info */
.homepage_picture_caption
	{margin-left: 0px;
	 margin-top: 0px;
	 margin-right: 0px;
	 margin-bottom: 15px;
	 font-size: 80%;
	 font-weight:bold;
	 text-align:center;
	 color: #333399;
}

.homepage_picture_caption a:link {
		color: #333399;
		text-decoration:none;
		}
		
.homepage_picture_caption a:visited {
		color: #333399;
		text-decoration:none;
		}
		
.homepage_picture_caption a:hover {
		color: #FF0000;
		text-decoration:underline;
		}
	
.homepage_picture_caption a:active {
		color: #FF0000;
		text-decoration:underline;
		}

.hr_indent {width: 580px;
			margin-left: 5px;
			color: #3366FF
}

.gallery_hdr {
	margin-left: 10px; 
	margin-top: 10px; 
	margin-bottom: 0px;
	color: #333399;
	font-weight:bold;
	}
	
.gallery_txt {
	margin-left: 10px; 
	margin-top: -10px; 
	margin-bottom: 0px;
	}	

/* Use for new Gallery - "Gallery2" */

.gallery2_hdr {
	margin-left: 10px; 
	margin-top: 10px; 
	margin-bottom: 0px;
	color: #333399;
	font-size:0.9em;
	font-weight:bold;
	}
	
/* End use for new Gallery - "Gallery2" */

.gallery_bg {
			background-color:#E8EDF6;
			width:210px;
			padding:5px;
			padding-top:15px;
			border:1px solid #8EA5D2;
			margin-left:10px;
			margin-bottom:10px;
}

.gallery_image {border:1px solid #8EA5D2;}

.gallery_caption {
	font-size: smaller;
	font-weight:bold;
	color: #333399;
	margin-top: 2px;
	margin-bottom: 2px;
}
			
.gallery_caption a:link {
			color: #666666;
			}
			
.gallery_caption a:visited {
			color: #993399;
			}
		
.gallery_caption a:hover {
			color: #FF0000;
			}
		
.gallery_caption a:active {
			color: #FF0000;
			}

.sitemap {
	/*margin-top: 10px;
	margin-bottom: 0px;*/
	font-size: 85%;
	}

	/* (MB adjustment to get a red hover effect for links) */
	.sitemap a:link {
		color: #333399;
		text-decoration:none;
		}
		
	.sitemap a:visited {
		color: purple;
		text-decoration:none;
		}
	
	.sitemap a:hover {
		color: #FF0000;
		}
	
	.sitemap a:active {
		color: #FF0000;
		}	

.sitemap_header {
	margin-top: 10px;
	margin-bottom: 0px;
	}

	.sitemap_header a:link {
		color: #050978;
		text-decoration:none;
		}
		
	.sitemap_header a:visited {
		color: #494DC0;
		text-decoration:none;
		}
	
	.sitemap_header a:hover {
		color: #FF0000;
		text-decoration:underline;
		}
	
	.sitemap_header a:active {
		color: #FF0000;
		font-weight:bold;
		}	

.sitemap_header_overscore {
	border-top: 1px solid #494DC0;
	padding-top:10px;
	margin-top: 10px;
	margin-bottom: 0px;
	}

	.sitemap_header_overscore a:link {
		color: #050978;
		text-decoration:none;
		}
		
	.sitemap_header_overscore a:visited {
		color: #494DC0;
		text-decoration:none;
		}
	
	.sitemap_header_overscore a:hover {
		color: #FF0000;
		text-decoration:underline;
		}
	
	.sitemap_header_overscore a:active {
		color: #FF0000;
		font-weight:bold;
		}	

.sitemap_header_underscore {
	border-bottom: 1px solid #494DC0;
	padding-bottom:10px;
	margin-top: 10px;
	margin-bottom: 0px;
	}

	.sitemap_header_underscore a:link {
		color: #050978;
		text-decoration:none;
		}
		
	.sitemap_header_underscore a:visited {
		color: #494DC0;
		text-decoration:none;
		}
	
	.sitemap_header_underscore a:hover {
		color: #FF0000;
		text-decoration:underline;
		}
	
	.sitemap_header_underscore a:active {
		color: #FF0000;
		font-weight:bold;
		}	

.stmp_1	{margin-left: 0px;
		margin-top: 0px;
		}

.stmp_2	{margin-left: 30px;
}

.stmp_3	{margin-left: 60px;
}

.stmp_4	{margin-left: 90px;
}


li  {margin-left: 10px;
	 margin-right: 10px;
}


.form_content {font-size: 100%;
			   text-decoration: bold;
}

.image_border {border:1px solid #333399;}	

.image_border_grey {border:1px solid #CCCCCC;}	

.image_para {
	float: left;
	padding: 0px;
	padding-bottom: 0px;
	margin-right: 10px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	border: 0px solid #333399;
}

.image_para_border {
	float: left;
	padding: 0px;
	padding-bottom: 0px;
	margin-right: 10px;
	margin-left: 0px;
	margin-bottom: 5px;
	margin-top: 0px;
	border: 1px solid #CCCCCC;
}

.image_para_right {
	float: right;
	padding: 0px;
	padding-bottom: 0px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 5px;
	margin-top: 0px;
	border: 0px solid #CCCCCC;
}

.image_para_border_right {
	float: right;
	padding: 0px;
	padding-bottom: 0px;
	margin-right: 10px;
	margin-left: 0px;
	margin-bottom: 5px;
	margin-top: 0px;
	border: 1px solid #CCCCCC;
}

.overscore {
		border-top: 1px solid #99B2FF;
		padding-top: 20px;
}

.underscore {
		border-bottom: 1px solid #99B2FF;
		padding-bottom: 20px;
}

/* RH Column Spec Sheet section */

.header_spec_sheet {
	margin-left: 10px;
	font-size: small;
	color: #333333;
}

.header_spec_sheet_overscore {
	margin-left: 10px;
	margin-right: 10px;
	font-size: small;
	color: #333333;
	border-top: 1px solid #666666;
	padding-top: 10px;
}


.p_spec_sheet {
	margin-left: 10px;
	margin-right: 10px;
	font-size: 0.8em;
	color: #333333;
}

.p_underscore_spec_sheet {
	margin-left: 10px;
	margin-right: 10px;	
	font-size: 0.8em;
	color: #333333;
	border-bottom: 1px solid #666666;
	padding-bottom: 5px;
}


/* END RH Column Spec Sheet section END */

#print_logo.printonly {
	height: 44px;
	width: 150px;
	left: 240px;
	top: 200px;
	border: 1px none #B3B5EF;
	position: absolute;
	z-index: 1;
	}

.printonly {display:none}

#c100_manufacture {
	height: 800px;
	width: 187px;
	left: 0px;
	top: 100px;
	border: 1px none #B3B5EF;
	position: absolute;
	z-index: 1;
	}

#nav_lh {
	background-color: none;
	height: 300px;
	width:130px;
	position: absolute;
	left: 20px;
	top: 113px;
	padding-top: 30px;
	border-top: 0px solid #333399;
	border-right: 0px solid #333399;
	border-bottom: 0px solid #333399;
	border-left: 0px solid #333399;
	z-index: 1;
	overflow: hidden;
}

#content_box {
	background-color: #FFFFFF;
	height: auto;
	width: 540px;
	position: absolute;
	left: 10px;
	top: 110px;
	padding-top: 30px;
	padding-left: 130px;
	padding-right: 120px;
	overflow: visible;
	border-top: 1px solid #333399;
	border-right: 1px solid #333399;
	border-bottom: 1px solid #333399;
	border-left: 1px solid #333399;
	z-index: 0;
}

#rh_col {
	height: auto;
	width: 140px;
	position: absolute;
	left: 660px;
	top: 111px;
	padding-top: 20px;
	z-index: 1;
}

/* VLM section:  VLM type styles */
/* VLM section: see layout.css for VLM positioning */

.vlm_caption {
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	text-align:center;
	font-size: smaller;
	color:#666666;
}

.vlm_copy	{
	margin-left: 10px;
	margin-top: 2px;
	margin-right: 120px;
	margin-bottom: 5px;
}
/* End VLM section */

.smaller {
	font-size: smaller;
}

.smaller_blue {
	font-size: smaller;
	color: #333399;
	margin-left: 0px;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 15px;
}

.northlight {
	font-size: smaller;
	color: #666666;
}

.mybutton80 {
font-size: 12px;
height: 20px;
width: 80px;
}

.red {color: #FF0000}

.grey {color: #999999}


.data_table {
padding-top: 3px;
padding-bottom: 3px;
margin-top: 0px;
margin-bottom: 0px;
}

.range_table {
	border: 1px solid #3366FF;
	border-collapse: collapse;
	margin-left:10px;
	clear:left;
	text-align: center;
	background-color:#FEFCC1;
}

.range_table th {
	border: 1px solid #3366FF;
	padding:0.5em;
	font-weight:bold;
	text-align:left;
	background-color:#FEF984;
}

.range_table td {
	border: 1px solid #3366FF;
	padding:0.5em;
	font-family: Arial, helvetica, sans-serif;
	text-align:center;
}

.range_table_center_th {
	border: 1px solid #3366FF;
	padding:0.5em;
	font-weight:bold;
	text-align:center;
	background-color:#FEF984;
}

.caps {text-transform:uppercase;}

.title-case {text-transform: capitalize}


/* Use this to layout pictures with text, captions etc. instead of a table. 
Use <h4> to align photos and headings vertically*/
/*.left-right-container {no required styles}*/

.left-right-container-180 {
   position: relative;
   height: 180px;
   }

.left-right-container-215 {
   position: relative;
   height: 215px;
   }

.left-right-container-235 {
   position: relative;
   height: 235px;
   }

.left-right-container-290 {
   position: relative;
   height: 290px;
   }

.left-element {
   position: absolute;
   left: 10px;
   width: 35%;
   }

.right-element {
   position: absolute;
   left: 40%;
   width: 75%;
   text-align: left; /* depends on element width */
   } 

.l-r-caption
	{margin-left: 30px;
	 margin-top: 2px;
	 margin-right: 0px;
	 margin-bottom: 8px;
	 font-size: 85%;
	 color:#333333;
}

.hr_sitemap {
  margin-top: 10px;
  margin-left: 10px;
  color: #494DC0;
  height: 1px;
  border: 0;
  width: 100%;
}

.section_menu {
			font-size: smaller;
			color: #666666;
			background-color:#EAEFFF;
			padding:5px;
			border:1px solid #CCD8FF;
			margin-left:10px;
			margin-right:10px;
			margin-bottom:10px;
}

.section_menu a:link {
			color: #666666;
			}
			
.section_menu a:visited {
			color: #993399;
			}
		
.section_menu a:hover {
			color: #FF0000;
			}
		
.section_menu a:active {
			color: #FF0000;
			}