* { margin: 0; } 

body {
	font:       13px/1.231 arial,helvetica,clean,sans-serif;
    *font-size: small; 		/* for IE */
    *font:      x-small; 	/* for IE in quirks mode */
	background-color: #FFF;
} 
/* font mapping (first value is pt, second is it's coresponding % value used in css)
10         77
11         85
12         93 (was 93)
13         100
14         108 (was 107)
15         116 (was 114)
16         123.1 (was 122)
17         131 (was 129)
18         138.5 (was 136)
19         146.5 (was 144)
20         153.9 (was 152)
21         161.6 (was 159)
22         167
23         174
24         182
25         189
26         197
*/
/*** Skin ***/
h1 { color:#1D5996 /*#28467C*/; font-size: 131%; }

p { margin:0.5em 0; }

a { color: #1D5996; text-decoration: none; }

a:hover {
	text-decoration: underline; }
}

.video_player { 
	padding: 10px; 
	background: #E0E0E0 url(_Graphics_2009/grad_gray.jpg) repeat-x 0 0;
	border: 1px solid #CCC;
	text-align: center;
}

.translator { 
margin: 0px 45px; 
}

.first {border-left: 1px solid #DEE5EE !important;}

/*** Skeleton ***/
.wrapper { 
	 margin: 0 auto;
	 width: 922px;
}

#header {
	padding: 10px;
	border-bottom: 1px solid #fff;
	background: #105799 url(_Graphics_2009/bgr_freeman_products.gif) repeat-x 0 0;
	height: 65px;
}
#navigation {
	color: #fff;
	background: #3d78b2;
	font-size: 131% !important;
	border-top-color: Red;
	border-top-style: solid;
	border-top-width: 1px;
}

/*For the Home Page */
#leftcolumn { 
 	/*background: #E7DBD5;*/
	float: left;
	margin: 20px 10px 10px 0;
 	width: 290px;
}
#rightcolumn { 
   float: right;
	margin: 20px 0px 10px 0px;
 	width: 600px;
	/* display: inline; */
}


/*For Single Columns in Pages - 800 Pix wide */
#singlecolumn {
	float: left;
	margin: 20px 10px 10px 0px;
	width: 800px;
}

/*For Single Columns in Pages - 100% wide */
#singlecolumnfull {
	float: left;
	margin: 20px 10px 10px 0px;
	width: 100%;
}

/* For Product Pages */
#leftpagecolumn { 
 	/*background: #E7DBD5;*/
	float: left;
	margin: 20px 10px 10px 0;
 	width: 500px;
}
#rightpagecolumn { 
	float: right;
	margin: 20px 10px 10px 0px;
 	width: 390px;
	/*display: inline;*/
}

/* For pages with two columns of equal width */
#equalpagecolumnsleft { 
 	/*background: #E7DBD5;*/
	float: left;
	margin: 20px 10px 10px 0;
 	width: 430px;
}
#equalpagecolumnsright { 
	float: right;
	margin: 20px 0px 10px 0px;
 	width: 430px;
	/*display: inline;*/
}

/* For section navigation Top & Bottom of pages*/
#pagenavigation { 
	float: left;
	margin: 1em 10px 0px 0px;
 	width: 950px;
}
#bottompagenavigation { 
	float: left;
	margin: 0px 0px 1em;
 	width: 950px;
}

/*For Home Page */
#featured_nav ul { padding: 0; list-style-type: none; }
#featured_nav ul li { 
	float: right;
	display: inline; 
	width: 148px; 
	border: 1px solid #DEE5EE;
	border-left: 1px solid #FCFDFF; }
#featured_nav ul li a { 
	display: block;
	padding: 5px 0; 
	text-align:center; 
	background: transparent url(_Graphics_2009/bgr_blue.jpg) repeat-x 0 0;
	text-decoration:none;
	font-size: 116%;
}
#featured_nav ul li a:hover { 
	background: transparent url(_Graphics_2009/bgr_gray.jpg) repeat-x 0 0;
	color: #BF1C0B;
}
#featured_image { 
	clear:both;
	border: 1px solid #DEE5EE;/**/
	width: 598px;
	height: 350px; 
	overflow:hidden;
}
#nav_icons { text-align: center; }
#nav_icons ul { padding: 0; display: inline; list-style-type: none; }
#nav_icons ul li { 
	float: left; 
	width: 100px;
	height: 100px;
	margin: 20px 9px 20px 9px;
	border: 1px solid #CCC; }
#nav_icons ul li a { 
	display: block;
	height: 100px;
	padding: 5px; 
	text-decoration:none;
	text-align: left;
	font-size: 100%;
}
#nav_icons ul li a:hover { color: #BF1C0B; }
.icon_doors { background: transparent url(_Graphics_2009/icon_doors.jpg) no-repeat 40px 10px; }
.icon_hatches { background: transparent url(_Graphics_2009/icon_hatches.jpg) no-repeat 5px 30px; }
.icon_windows { background: transparent url(_Graphics_2009/icon_windows.jpg) no-repeat 25px 17px; }
.icon_portlights { background: transparent url(_Graphics_2009/icon_portlights.jpg) no-repeat 17px 23px; }
.icon_hardware { background: transparent url(_Graphics_2009/icon_hardware.jpg) no-repeat 11px 20px; }

/* For Product page slideshow galleries */
#gallery_image { 
	clear:both;
	border: 0px solid #DEE5EE;/**/
	width: 300px;
	height: 300px; 
	overflow:hidden;
}

#gallery_image-small {
	clear: both;
	border: 0px solid #DEE5EE; /**/
	width: 216px;
	height: 216px;
	overflow:hidden;
}

/*For 2400 Hatch Summary Page */
.plate-background {	height: 10px; }
.plate-header { text-align:center; color:#CC3300; font-variant:small-caps;  font-weight: bold;  font-size: 16px;    }
.plate-content { padding:15px; }
.plate-label { display:block; float:left; width:92px; margin: 0 15px 0; text-decoration:none; font-variant:small-caps; font-weight: bold; font-size: 14px; color:#4B82B7; }
.plate-label span {  }



/* Inherited from prior style sheet */					
/*Reduce font size to just below normal */
.Understate {
	font-size:  .9em;
}

/*Reduce font size even more */
.SmallFont {
	font-size:  .75em;
}

/*Format page & section titles */
.Title {
	color: Navy;
	font-weight: bold;
	font-size:  .9em;
}

/*Set Horizontal Line Properties */
.HLine  {
width: 90%;
color: #3E78B3;
 height: 1px;
}

/*Set Main Table Background */
.MainTableBack  {
Background: White;	
      }
	
			
/*Set line colors */
	.LineColor  {
	color: Navy;
	height: 1px;
	}

/*Set table border colors */
	.BorderColor  { 
	border: 2px solid #3e78b3; 
	}
	
/*Set special table border colors  */
	.SpecialBorderColor  { 
	border: 2px solid #FF0000; 
	}	

/*Set special table border colors with lighter colors */
	.LightBorderColor  { 
	border: 2px solid #B5C8F8; 
	}	
	
/*Set special table border colors with light colors */
	.ThinBorderColor  { 
	border: 1px solid #B5C8F8; 
	}
/*Set gradient background image */
  .GradientBackground {
  background-image: url(_Graphics_2010/CellBackground_V25.jpg);
  }   
			
/* The following two Classes are for the table row highlighting feature */
.Highlightborder {
border:1px; 
border-thickness: 1px; 
border-color: #fff;
border-style: solid;}

A:hover .Highlightborder, A:active .Highlightborder
 {border:1px; border-thickness: 1px;
border-color: Blue; border-style: solid}


/* This is used on the product pages to format the table 
that lists the Product Features. Place the following code in the table.  
After <td class="FeatureTable" */
.FeatureTable {
background-color: #EFF3FE;
color: Navy; 
font-size: .9em;
font-weight: bold;	
padding: 10px;
}

/* This is used on various pages to format tables 
that list miscellaneous Features. Place the following code in the table.  
After <td class="MinorTable" */
.MinorTable {
background-color: #EFF3FE;
color: Navy; 
font-size: .8em;
font-weight: bold;	
padding: 3px;
}

/*This is used to control cell background colors.*/
.TableHeader{
background-color: #EFF3FE;
	}

/*This is used to control cell background colors within forms.*/
.FormTable{
background-color: #3E78B3;
color: #FFFFFF;
	}

/*The following section is related to photo gallery formats*/
/*Used for Left Thumbnail Columns*/
.VerticalThumbs  {
	font-size:.88em;
	font-weight:bold;
	padding-top:4px;
	text-align:center;
	background-color: White;
	width: 145px;
	color: White;
}

.ImageBorder {
	border-style: solid;
	border-color: White;
	border-width: 2px 0px 2px 0px;
	text-align: center;
}

 
	/*This is used to set the photocaptions */
	.PhotoCaption  { 
	background: #EFF3FE;
	color: Black;
	font-family: "Arial", sans-serif ;   
	font-size: .9em;
	text-align: center;
	line-height: 1.2em;
	}


/*This is used on the gasket page to control individual gasket tables.*/
.GasketTable{
padding: 0px;
	}

/*This is used on the gasket page to control bankground color for Neoprene.*/
.Neoprene{
background-color: #B2DAFF;
padding:  5px 
	}

/*This is used on the gasket page to control background color for Buna N.*/
.BunaN{
	background-color: #66CDAA;
	padding: 5px;
	}
	
/*This is used on the gasket page to control background color for Silicone.*/
.Silicone{
	background-color: #D8BFD8; 
	padding:  5px;
}	

/*This is used on the gasket page to control background color for EPDM.*/
.EPDM{
	background-color: #DCDCDC;
	padding:  5px;
}

/*This is used on the gasket page to control White Silicone.*/
.WhiteSilicone{
	background-color: #FDF5E6;
	padding:  5px;
}

/*This is used on the gasket page to control Black Silicone.*/
.BlackSilicone{
	background-color: #E1FFE2;
	padding:  5px;
}

/*This is used on the gasket page to control Gray Silicone.*/
.GraySilicone{
	background-color: #FFFFC6;
	padding:  5px;
}




#footer { 
	clear: both;
 	color: #fff;
 	background: #1D5996 url(_Graphics_2009/grad_blue.jpg) repeat-x 0 0;
 	margin: 0 0 0 0;
 	padding: 10px;
	font-size: 93%;
}
#footer a { color: #FFF ; }
#footer ul { 
   padding: 0;
	float: left;
	margin: 0 150px 0 0;
}
#footer ul li {
	padding: 0.25em 0;
	font-weight: 600;
}
.footnotes { 
	clear:both; 
	border-top: 1px solid #FFF; 
	text-align: center;
	position: relative;
	top: 20px;
	padding: 1em;
}