body {
	color: #414141;
	background: #efefef url('../images/bg.gif') repeat-x;
	}

#container {
	background-image: url('../images/container_bg.gif');
	background-repeat: no-repeat;
	width: 883px;
	margin: 0 auto;
	padding: 48px 0px 10px 0px;
	}

#header {
	width: 195px;
	float: left;
	padding-top: 15px;
	}
	
	#header h1 { display: none; }
	
	.logo { text-align: center; }

	#navigation {margin-left: -10px;}
	
		#navigation ul {
			margin: 0px;
			padding: 0px;
			}
		
			#navigation li {
				list-style: none outside;
				}
			#navigation li {
				margin-bottom:-2px;
				}
				
			#navigation ul ul {
				background: white;
				border:1px solid #eeeeee;
				border-left: 2px solid #eeeeee;
				display: none;
				padding:2px 14px 2px 7px;
				width:100%;
				}
				
				#navigation ul ul li {
					background: none;
					color:black;
					line-height:1.2;
					padding:5px;
					font-weight:bold;
					font-size:1.03em;
					border-bottom:dotted #d8d8d8 1px;
					width:100%;
					}
				#navigation ul ul li a {
					color:#888888;
					text-decoration:none;
					padding-right:115px;
					
					}
					
					#navigation ul ul li a:link, #navigation ul ul li a:link {
						background: none;
						text-align: left;
						color:#888888;
						}
					
					#navigation ul ul li a:hover, #navigation ul ul li a:active {color:#1515a9;}


			#navigation li:hover ul ul,
			#navigation ul li:hover ul ul,
			#navigation ul ul li:hover ul ul,
			#navigation ul ul ul li:hover ul ul {
				display:none;
			}
			#navigation li:hover ul,
			#navigation ul li:hover ul,
			#navigation ul ul li:hover ul,
			#navigation ul ul ul li:hover ul {
				display:block;
				position:absolute;
				top:114px;
				left:205px;
			}
					
				
	#clientlogin {
		margin: 0px;
		padding: 0px;
		text-align: center;
		}
		
		#clientlogin strong {
			color: #1515a9;
			text-transform: uppercase;
			font-weight: normal;
			font-size: 1.3em;
			letter-spacing: -1px;
			}
			
		.cl_input {
			width: 48%;
			text-align: left;
			margin-bottom: 4px;
			margin-left: 50px;}
			
			.cl_input label {
				text-transform: uppercase;
				font-size: .9em;
				display: block;
				}
				
			.cl_input input {
				width: 90%;
				margin: 1px;
				padding: 1px;
				}
				
/* index classes */
#homecol1 {
	width: 454px;
	float: left;
	}

#homecol2 {
	background: #ffffff url('../images/homecol2_bottom.gif') no-repeat bottom;
	width: 224px;
	float: right;
	height:528px;
	}
	
	.homecol2_text {
		color: #000;
		padding: 5px 20px;
		}
		#homecol2_content {overflow:auto;height:300px;}
		
		.white { color: #000000; }
		
		.download {
			padding: 5px 0px 20px 0px;
			border-bottom: 1px solid #7d7d7d;
			}
		
			.download ul {
				margin: 0px;
				padding: 0px;
				}
			
				.download li {
					list-style: none outside;
					}
					
					.download li a:link, .download li a:visited { color: #fff; }
				
		.featured {
			padding: 20px 0px 5px 0px;
			border-top: 1px solid #4f4f4f;
			}
		
			.featured h3 {
				text-transform: uppercase;
				font-weight: normal;
				letter-spacing: -1px;
				font-size: 1.2em;
				padding-bottom: 5px;
				}
			
			.fprod {}
			
				.fprod_left {
					float: left;
					}
				
				.fprod_right {
					float: right;
					}
				

#content {
	width: 686px;
	float: left;
	margin-top: 10px;
	}
	
.content_text_outer {
	background-image: url('../images/content_bottom.gif');
	background-repeat: no-repeat;
	background-position: bottom;
	}
	
	.content_text {
		background-image: url('../images/contenttext_bg.gif');
		background-repeat: repeat-y;
		padding: 25px 30px;
		margin-bottom: 10px;
		overflow: auto;
		}
		.content_text h1{font-size:1.1em;}
		
		.pName {
			color: #1616a9;
			text-transform: uppercase;
			font-weight: bold;
			background: #d5d5d5 url<!--('images/pName_bg.gif'-->) no-repeat top;
			padding: 10px 0px;
			}
			
		.pImg {
			width: 686px;
			height: 118px;
			float: left;
			}
			
	.content_bottom { width: 686px; float: left; }

.clearance
{
	clear: both;
	height: 1px;
	margin-bottom: -1px;
	font-size: 0;
	line-height: 0;
}

#footer {
	padding: 5px 0px 5px 10px;
	border-top: 1px solid #666;
	margin: 10px 0px;
	width:873px;
	}

	.fleft {
		width: 48%;
		float: left;
		}
		
		.fleft strong { display: block; }
	
	.fright {
		width: 48%;
		float: right;
		font-size: 1em;
		text-transform: uppercase;
		text-align: right;
		}
		

#RelatedProd {
	width: 80px;
	float: right;
	border-left: 1px solid #EEEEEE;
	padding-left:10px;
	}		
	
#ProdDet
{
    width: 510px;
    float: left;
    
}
.prods h3{font-size:1em;}

h3.pro_heading { font-size: 12px; }