﻿/* CSS Document */
body {
	background: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:36px;
	margin:0;
	text-align:center;

	}
a img{
	border:none;
	}

		#main-container {
			width: 760px;
			\width: 780px;
			w\idth: 760px;
			border: 1px solid gray;
			margin: 5px;
			margin-left: auto;
			margin-right: auto;
			padding: 10px;
			text-align:left;
			background-color:#fff;
			
		}
		
/*--------------Page Header ------------------*/
		#pageheader {
			padding: 0px;
			border-bottom: 2px solid #FFFF66;
			background-color: #041c58;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 100%;
			/*/*/font-size:100%;/* */
			color: #FFFFFF;
				}
		#pageheader h1 {
			background: url(../images/bg-pgheader60yrPlus.gif) no-repeat;
			height:120px;/*changed from 83px for 60yr logo*/
			width:760px;
			text-indent: -5000px;
			margin:0;
			padding:0;			
		}
				
/*--------------Content Section ------------------*/
		
		#content-container {
			padding: 0px;
			/*margin-right: 215px;*/
			background-color: gray;
			background-image: url(../images/bg-content2.gif);
			background-repeat: repeat-y;
			/*/*/font-size:35%;/* */
			font-size:12px;
			
			

		}
		/* only ie can see this */
		* html #content-container {width:760px;}
		/* End only ie can see this */
		
		#innercontent-btm {
			padding: 5px;
			margin-right: 185px;
			/*border: 1px solid #000;*/
			background-color: #FFFFFF;
			
		}
		#innercontent-btm h1 {
		font:bold normal 175% "Verdana";
		font-weight:bold;
		
		}
		
		#innercontent-btm h2 {
			padding-left:30px;
			font:bold normal 125% "Verdana";
			}
		#innercontent-btm p{
			padding-left:10px;
			}
		 /* only ie can see this */
		 * html #pnlEs 
		{
			padding-left:10px;
		}
		/* End only ie can see this */
		#innercontent-btm ul li{
			margin:0px;
			padding:0px;
			line-height:16px;
						}
		#innercontent-btm ul li a {
			text-decoration:underline;
			}
		#ic_lev2bullet {
			list-style-type:none;
			font-weight: bold;
			text-decoration: none;
			}
		#ic_lev2bullet li li.margin{
			margin-bottom:5px;
			}
		#ic_lev2bullet ul{
			font-weight:normal;
			list-style-type: disc;
			}
		#innercontent-btm a {
			color: #000000;
			}
		#innercontent-btm a:hover {
			color: #ffcc66;
			}
		#innercontent-top {
			padding: 0 0 0px 0;
			margin-right: 185px;
			/*background-image: url(../images/bg-innercontent-top.jpg);
			border: 1px solid #000;*/
			margin-bottom: 2px;			
			background-repeat: repeat-x;
		}
				
		/* Hides from IE5-mac . 3px jog hack for IE5\*/
		* html #innercontent-top {height: 1%; }
		/* End hide from IE5-mac */
		
		#innercontent-top-1, #innercontent-top-2 {
			height:150px;
			\height: 150px;
			h\eight:150px;
			}
			
		#innercontent-top-1{
			float:left;
			margin-bottom:0;
			width: 180px;
			text-align:center;
			background-image: url(../images/bg-innercontent-top-1.jpg);
			background-repeat: repeat-x;
			background-position: top;
			background-color:#fff;
			}
		/* only ie can see this */
		* html #innercontent-top-1 {width:177px;background-color:#fff;}/*took height:1%; out*/
		/* End only ie can see this */
			
		#innercontent-top-1 a
		{
			text-decoration:none;
			color:#0066FF;
		}
		#innercontent-top-1 a:hover 
		{
			text-decoration: underline;
		}
			
		#innercontent-top-2{
			float:left;
			width: 395px;
			background-color:#000000;
			margin: 0px 0 0 0px;
			padding:0px;
			}
			#innercontent-top-1 h1{
		font:bold 12px Verdana, Arial, Helvetica, sans-serif;
		margin: 5px 0 5px 0;			
			}
			
		 #innercontent-top-1-img
			{
			width: 110px;
			height: 90px;
			margin: 0 0px 0px 0px;
			background-color: #fff;
			padding: 0px;
			border:1px solid #000;
			}
			#innercontent-top-1 p{
			font: 10px Verdana, Arial, Helvetica, sans-serif;
			color:#0066FF;
			margin: 5px 5px 0 5px;
			}
		html>body #innercontent-top-1-img {/*HIDES FROM IE BROWSER*/
			margin-left: 40px;
			}
		#innercontent-btm-login{
		width: 350px; 
		background-color: #C2C6CF;
		border: 1px dotted #333;
		padding: 5px;
		margin: 0px auto;
		}	
		.btmlearnmore
		{
			margin-right:185px;
			text-align:center;
			width:582px;
			font-weight:bold;
			
		
		}
		/*--------------Content Classes ------------------*/
		.ic_subheading{
			font-weight: bold;	
			font-size:135%;	
			text-decoration:none;	
			}
		.ic_subheading a:hover
		{
			text-decoration:underline;
		}
		.ic_bold{
		font-weight:bold;
		}
		#innercontent-btm p.ic_smlltxt
		{
		font-size:75%;
		}
		.ic_italic 
		{
		font-style:italic;
		}			
		
		.clearleft 
		{
			clear:left;
		}
		
/*--------------Sidebar------------------*/
		#sidebar-rht {
			float: right;
			width: 170px;
			\width: 157px;
			w\idth: 170px;			
			margin: 0 0px 0 0;
			padding: 0 0px 0px 0;
				
		}
		
		/* ONLY IE can see this..Hides from IE5-mac .  3px jog hack for IE5\*/
		* html #sidebar-rht {height: 1%;width:165px;}
		/* End hide from IE5-mac */
		#sidebar-rht h1 {
			font-size: 12px;
			/*/*/font-size:100%;/* */
			font-weight: normal;
			background-image: url(../images/bg-sidebar-rht-h1.jpg);
			background-repeat: no-repeat;
			height:19px;
			text-indent: 10px;
			color: #FFFFFF;
			padding-top: 2px;
			margin: 0;
			}
		#sidebar-rht-links{
		margin-top:20px;
		margin-left:0px;
		}
		#sidebar-rht h2 {
			font-size: 9px;
			/*/*/font-size:85%;/* */
			margin: 5px ;
			
			
			}
		#sidebar-rht ul
		{
		/*	margin-left:10px;*/
			margin-right:5px;
			/*margin-top:0;*/
			margin-bottom:0;
			font-size:9px;
			
			
		
			
		}
		
		
			
		#login-sidebar-rht p,.loginvalidator, #cn-sidebar-rht p,#qa-sidebar-rht p {
			/*font-size: 10px;	*/
			font-size: 9px;
			/*/*/font-size:85%;/* Hides from Netscape 4 */
			}
		#sidebar-rht-divider {
			margin-left: 20px;
			margin-right:20px;
			margin-top: 10px;
			border-top: 1px solid #0000CC;
			
			}
		
	/*--------------Footer w/footer nav ------------------*/
		#footer {
			clear: both;
			padding-bottom: 10px ;
			margin-top: 5px;
			height: 14px;
			background-color: #213F7C;
			color:#ffffff;
			font-size:10px;
			border: 1px solid #041c58;
			/*/*/font-size:28%;/* */
		}
		/* only ie can see this */
		* html #footer {width:760px;}
		/* End only ie can see this */
			
		#footer a {
			color:#ffffff;
			text-decoration: none;
			}
			
		#footer a:hover {
			color:#FFCC66;
			}
		#footer-navlist{
			margin-left:-25px;
			}
			
		/* ONLY IE can see this..Hides from IE5-mac .IE HACK TO REMOVE LINE-HEIGHT\*/
		*html #footer-navlist {
			margin: 0 0 0 10px;
			padding: 5px;	
			}	
		/* End hide from IE5-mac */
		
		#footer-navlist li {
			float:left;
			list-style-type: none;
			padding-right: 15px;
			}
		#footer-undertext {
			color:#666666;
			margin-left:20px;
			text-align:left;
			margin-top: 5px;
			background-color:#FFFFFF;
			font-size:9px;
			/*/*/font-size:28%;/* */
			}
		#footer-undertext a {
		text-decoration: underline;
		color:#666;		
		}
		
		#footer-undertext a:hover {
		color:#FFCC66;
		}
			
		
		/*--------------Top Navigation ------------------*/
		/*jsplugins folder*/
		
		
		/*----------------------Customer login -----------------*/
form {
	margin:0;
	}
		
		div.row {
		  clear: left;
		  padding-top: 10px;
		  }
		 div.row span.label{
		  float: left;
		  width: 100px;
		  text-align: right;
		
		  }
		div.row span.formw {
		  float: right;
		  width: 100px;
		  text-align: left;
		
		  } 
		
		.input-box
		{
		
		margin: 2px 0px 5px 30px;
		color: #000000;
		padding-left:2px;
		background: #fff;
		border: #26a solid 1px;
		width:100px;
		}
		
		
		fieldset /* Use if a border is needed around form*/
		{
		border: 1px solid #000;
		width: 100px;
		}
		
		legend /* Use if a title is needed for form */
		{
		background: #C2C6CF;
		border: #26a solid 1px;
		padding: 1px 5px;
		}
		#lblInvalidUser 
		{
			font-size:10px;
		}
	
	/*-------------- Login Submit button ------------------*/
		
	#cmdLogin 
	{
	margin-left: 150px;
	background: #feb;
	border: #26a solid 1px;
	}
	#cmdLogin a:hover 
	{
		background-color:#fff;
	}
	
 /*--------------Content Floating images ------------------*/
  .floatright
	{
	float: right;
	width: 225px; /*size of float right image*/
	margin: 0 0 10px 10px;
	background-color: #fff;
	padding: 10px;
	border: 1px solid #999;
	
	}

	div.floatright img
		{
		border: 1px solid #999;
		}
	
	.floatright_big
		{
		float: right;
		width: auto;
		margin: 0 0 10px 10px;
		background-color: #fff;
		padding: 10px;
		}
		
		.floatright_big_product
		{
		float: right;
		width:275px;
		margin: 0 0 10px 10px;
		background-color: #fff;
		padding: 10px;
		border: 1px solid #999;
		}

/*--------------Manuals list ------------------*/
	#manuals{ 
		width: 500px; 
		padding-left:20px;
		font-size: 95%;
		}
	#manuals ul ul { 
	margin-left: 5px; 
	
	}
	#manuals ul ul ul{ 
		margin-left: 10px; 
		
		}
	#manuals ul,#manuals li { 
		padding: 0 0 0 20px; 
		margin: 0px; 
		list-style-type: none; 
		color: #000; 
		font-weight: normal; 
		
		}
	#manuals li a { 
		margin-left: 0px; 
		padding: 3px; 
		border-top: 0px 
		text-decoration: none; 
		width: 100%; 
		height: 100%; 
		color: #000; 
		font-weight: bold; 
		
		
		}
	#manuals li { 
		display: inline; /* fix for IE blank line bug */
		} 
	#manuals ul > li { 
		display: list-item; 
		}
	#manuals li > a { 
		width: auto; 
		height: auto; 
		}
	#manuals li li a { 
		background-color:#fff;
		
		text-decoration:none;
		}
		
	#manuals a:hover
	{
		text-decoration:none;
	}
	#manuals li a:hover { 
	background-color: #ccc; 
	color: #004; 
	}
	#manuals li li a:hover { 
	background-color: #ccc;
	text-decoration:underline; 
	}
	#manuals li li li a:hover {
	
	color: #000;
	text-decoration:underline;
	background-color: #ccc;
	}
	#manuals li a.samePage { 
	color: #900; 
	font-style: italic; 
	font-weight: normal; 
	}
/*--------------Faq list ------------------*/
	#faqlist { 
		width: 500px; 
		padding-left:20px;
		font-size: 95%;
		}
	#odo, #odoa, #odo2 { 
		border-left: 8px solid #777; 
		border-right: 4px solid #559; 
		margin-bottom: 0px;
		
		}
	#faqlist ul ul { 
		margin-left: 5px; 
		
		}
	#faqlist ul ul ul{ 
		margin-left: 10px; 
		
		}
	#faqlist ul,#faqlist li { 
		padding: 0 0 0 20px; 
		margin: 0px; 
		list-style-type: none; 
		color: #000; 
		font-weight: normal; 
		
		}
	#faqlist li a { 
		margin-left: 0px; 
		padding: 3px; 
		border-top: 2px solid #777; 
		text-decoration: none; 
		width: 100%; 
		height: 100%; 
		color: #000; 
		font-weight: bold; 
		background-color: #999999; 
		display: block; 
		}
		
	#faqlist li { 
		display: inline; /* fix for IE blank line bug */
		} 
	#faqlist ul > li { 
		display: list-item; 
		}
	#faqlist li > a { 
		width: auto; 
		height: auto; 
		}
	#faqlist li li a { 
		background-color: #ccc;
		border-bottom:1px dashed #999;
		text-decoration:none;
		}
		
		#faqlnk a:hover
		{
			text-decoration:none;
		}
			
	#faqlist li li li a { 
	
	color:#000;	
	background-color: #ccc;	
	text-decoration:none;	
	border-bottom:1px dashed #999;
	
	}
	#faqlist li li li a.faqlnk
	{
	border-top: medium none;
	color: #000;
	border-bottom: medium none;
	background-color: transparent;
	text-decoration: none;
	display:inline;
	}
	#faqlist li li li a:hover.faqlnk
	{
	border-top: medium none;
	border-bottom: medium none;
	border-right-style: none;
	border-left-style: none;
	color:#ffcc66;
	background-color: transparent;
	text-decoration: underline;
	}
	
	#faqlist li a:hover { 
	background-color: #ccc; 
	color: #004; 
	}
	#faqlist li li a:hover { 
	background-color: #ccc;
	text-decoration:underline; 
	}
	#faqlist li li li a:hover {
	
	color: #000;
	text-decoration:underline;
	background-color: #ccc;
	}
	#faqlist li a.samePage { 
	color: #900; 
	font-style: italic; 
	font-weight: normal; 
	}
	/*--------------Gallery thumbnails ------------------*/

	#thumbnail { 
	BORDER-RIGHT: #999 1px solid; 
	PADDING-RIGHT: 5px; 
	BORDER-TOP: #999 1px solid; 
	PADDING-LEFT: 5px; 
	FLOAT:left; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px 15px 15px 0px; 
	BORDER-LEFT: #999 1px solid; 
	WIDTH: 100px;	
	PADDING-TOP: 5px;  
	text-align: center;
	font-size:9px; 
	BORDER-BOTTOM: #999 1px solid;
	
	}
		 #thumbnail p{
			margin: 0 -5px 0px -5px;
			border-top: 1px solid #000;
			padding:0;			
			background-color: #CCCCCC;
			}
			#gallerycontainer{
			margin-left: 30px;
			}
			
/*--------------Clear div classes ------------------*/			
			
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	.clearboth { clear: both; }
	.clearleft {clear:left;}

	.clearfix {display: inline-table;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */
	
	#innercontent-btm-bold-list
	{
	font-weight:bold;
	}
	#innercontent-btm-bold-list li.margin
	{
	margin-bottom: 5px;
	
	}
/*--------------Spacer div ------------------*/	
	
	#spacer {
		height:150px;
		}
	
	
/*-------------- Request/Ask Form input box------------------*/
	.input-box-norm
	{
	border-right: #999999 1px solid;
	border-top: #999999 1px solid;
	border-left: #999999 1px solid;
	border-bottom: #999999 1px solid;
	background-color: #ffffff;
	}
/*-------------- Customer Nav bar------------------*/
	#CustNav 
	{
		float:left;
		margin: 0 15px 0 0;
	}
	#CustNav img 
	{
		margin-left:0px;
		margin-bottom:0;
	}
	.ic_video {
	font-weight: bold;
	color: #000000;
	
}
#video {
	
	
	width: 500px;
	
	/*background-color: #DFD6B5;*/
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	border:solid #999999 1px;
	
}
