body
{
	background-image: url('../app_themes/svi/images/bg.jpg');
	background-repeat: repeat-x;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Arial;
	color: #666666;
}

#header
{
	width: 798px;
	border-top: solid 1px #666666;
	border-left: solid 1px #666666;
	border-right: solid 1px #666666;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

	#header .nav
	{
		background-image: url('../app_themes/svi/images/nav_bg.jpg');
		background-repeat: no-repeat;
		height: 27px;
	}
	#header .subnav
	{
		width: 798px;
		text-align: left;
		text-indent: 40px;
		height: 23px;
		background-image: url('../app_themes/svi/images/sub_nav_bg.jpg');
		background-repeat: no-repeat;
		padding: 4px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		font-size: 11pt;
		font-weight: bold;
		color: White;		
	}
			#header .subnav a:link
			{
				color: White;
				text-decoration: none;	
			}
			#header .subnav a:visited
			{
				color: White;
				text-decoration: none;
			}
			#header .subnav a:hover
			{
				color: #FF9933;
				text-decoration: none;
			}
#main
{
	width: 798px;
	border-left: solid 1px #666666;
	border-right: solid 1px #666666;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	background-color: White;
}
	#main .mainHome
	{
		background-image: url('../app_themes/svi/images/mainBg.gif');
		background-repeat: repeat-y;		
	}
	#main #left
	{			
		background-image: url('../app_themes/svi/images/main_left_bg.jpg');
		background-repeat: repeat-y;
		border-right: solid 1px #666666;
		border-bottom: solid 1px #666666;
		width: 181px;
		padding: 0px 0px 7px 0px;
		margin: 0px 0px 0px 0px;
		text-align: center;
		float: left;
		height: 100%;
	}
		#main #left .navLinksContainer
		{
			background-image: url('../app_themes/svi/images/main_left_nav.gif');
			background-repeat: repeat-y;			
			text-align: left;
			color: #999999;
		}
		#main #left .navLink
		{
			height: 29px;
			background-image: url('../app_themes/svi/images/main_left_nav_linkBg.gif');
			background-repeat: no-repeat;
			font-size: 10pt;
			padding: 6px 0px 0px 37px;			
		}
			#main #left .navLink a:link
			{
				color: #666666;
				text-decoration: none;
			}
			#main #left .navLink a:visited
			{
				color: #666666;
				text-decoration: none;
			}
			#main #left .navLink a:hover
			{
				color: #FF9933;
				text-decoration: none;
			}
		#main #left .subNavParentLink
		{
			height: 29px;
			background-image: url('../app_themes/svi/images/main_left_nav_linkBg.gif');
			background-repeat: no-repeat;
			font-size: 10pt;
			padding: 6px 0px 0px 25px;			
		}
		#main #left .subNavChildLink
		{
			font-size: 9pt;		
			padding: 5px 0px 0px 37px;
		}
		#main #left .locARep
		{
			margin-top: 43px;
			background-image: url('../app_themes/svi/images/locate_a_rep.jpg');
			height: 55px;
			width: 151px;
			color: White;
			padding: 10px 0px 0px 30px;
			margin-bottom: 0px;
			text-align: left;
			font-size: 11pt;
			font-weight: bolder;
		}
		#main #left #featured
		{
			margin: 31px 0px 15px 0px;
			width: 153px;
			border: solid 1px #666666;
		}
		#main #left #featured .header
		{
			background-image: url('../app_themes/svi/images/featuredBg.jpg');
			height: 25px;
			width: 153px;
			color: #006699;
			font-weight: bold;
			font-size: 11pt;
			padding-top: 10px;
			text-indent: 16px;
			text-align: left;
		}
		#main #left #featured .text
		{
			padding: 10px 7px 5px 7px;
			font-size: 10pt;
			color: #999999;
			text-align: left;
		}		
			#main #left #featured .text a:link
			{
				color: #0099CC;
				text-decoration: none;
			}
			#main #left #featured .text a:visited
			{
				color: #99CCCC;
				text-decoration: none;
			}
			#main #left #featured .text a:hover
			{
				color: #FF9933;
				text-decoration: none;
			}
	#main #middle
	{
		width: 616px;
		float: right;	
		background-color: White;
	}
		#main #middle #search
		{
			width: 100%;
			height: 29px;
			background-image: url('../app_themes/svi/images/searchBg.gif');
			background-repeat: repeat-x;
			border-bottom: solid 1px #666666;
		}
		#main #middle #search .searchLabel
		{
			margin-left: 25px;
			padding-top: 5px;
			font-size: 10pt;
			font-weight: bold;
			float: left;
		}
		#main #middle #search .textBoxSearch
		{
			margin-left: 3px;
			margin-top: 2px;
			height: 19px;
			background-image: url('../app_themes/svi/images/searchTxtBg.gif');
			background-repeat: no-repeat;
			border: solid 1px #666666;
			float: left;
			color: #999999;	
			font-family: Arial;
			font-size: 10pt;
			padding-left: 30px;
		}
		#main #middle #search .ddlSearch
		{
			height: 17px;
			border: solid 1px #666666;
			margin-right: 10px;
			margin-top: 2px;
			padding-top: 1px;
			float: right;
			height: 21px;
			color: #999999;	
			font-size: 10pt;	
		}
		#main #middle #content
		{ 
			width: 616px;	
		}
			#main #middle #content .flash
			{
				/*background-image: url('../app_themes/svi/images/main_content_image.jpg');*/
				background-color: #4890ca;	
				width: 616px;
				height: 259px;
				z-index: -1;
			}
			#main #middle #content h1
			{
				font-weight: bold;
				font-size: 14pt;
				color: #006699;
				padding: 20px 30px 0px 30px;
			}
			#main #middle #content .newsTitle
			{				
				padding: 0px 45px 0px 30px;
				font-weight: bold;
				font-size: 9pt;
				color: #0099CC;
			}
			#main #middle #content .newsTitle A:link
			{
				color: #0099CC;
				text-decoration: none;
			}
			#main #middle #content .newsTitle A:Visited
			{
				color: #99CCCC;
				text-decoration: none;
			}
			#main #middle #content .newsTitle A:Hover
			{
				color: #FF9933;
				text-decoration: none;
			}
			#main #middle #content .text
			{
				padding: 0px 45px 10px 30px;
				font-size: 9pt;	
			}
			#main #middle #content .text a:link,a:visited
			{
				color: #0099CC;
				text-decoration: none;	
			}
			#main #middle #content .text a:hover
			{
				color: #FF9933;
				text-decoration: none;
			}
			#main #middle #content #ProductListingContainer
			{
				float: left;
				margin: 5px 0 5px 18px;				
			}
				#main #middle #content #ProductListingContainer #summary
				{
					border: solid 1px #666666
				}
					#main #middle #content #ProductListingContainer #summary .header
					{
						background-image: url('../app_themes/svi/images/header_TechBg.jpg');
						height: 25px;
						width: 178px;
						text-indent: 16px;
						padding-top: 10px;
						font-weight: bold;
						font-size: 11pt;
						color: #006699;
					}
					#main #middle #content #ProductListingContainer #summary li
					{
						list-style-type: square;
					}
			#main #middle #content #ProductContainer
			{
				margin: 25px 0px 5px 18px;
			}
				#main #middle #content #ProductContainer #productLeft 
				{
					float: left;
					margin-right: 23px;
				}
					#main #middle #content #ProductContainer #productLeft  #Resources
					{
						margin: 0px 0px 0px 0px
						width: 178px;
						min-height: 195px;		
						border: solid 1px #666666;
					}
						#main #middle #content #ProductContainer #productLeft  #Resources .header
						{
							background-image: url('../app_themes/svi/images/header_TechBg.jpg');
							height: 25px;
							width: 178px;
							text-indent: 16px;
							padding-top: 10px;
							font-weight: bold;
							font-size: 11pt;
							color: #006699;
						}
						#main #middle #content #ProductContainer #productLeft #Resources li
						{
							list-style-type: square;
						}
				#main #middle #content #ProductContainer #productRight
				{
					font-size: 10pt;
					margin-right: 18px;
				}
						#main #middle #content #ProductContainer #productRight .productName
						{
							font-weight: bold;
							font-size: 14pt;
							color: #006699;
						}
						#main #middle #content #ProductContainer #productRight #description
						{
							margin: 15px 0px 0px 0px;	
						}

							#main #middle #content #ProductContainer #productRight #description .header
							{
								font-weight: bold;
								font-size: 12pt;
								color: #006699;
							}
							#main #middle #content #ProductContainer #productRight #description .subHeader
							{
								font-size: 10pt;
								color: #3399CC;
							}
				
			#main #middle #content #bottom
			{	
				background-image: 	url('../app_themes/svi/images/main_middle_bottomBg.gif');
				background-repeat: repeat-y;
				margin: 20px 0px 0px 0px;	
				font-size: 9pt;		
				height: 196px;
			}
				#main #middle #content #bottom #news
				{						
					margin: 0px 0px 0px 15px;
					width: 355px;	
					min-height: 195px;		
					border-top: solid 1px #666666;
					border-left: solid 1px #666666;
					border-right: solid 1px #666666;
					border-bottom: solid 1px #666666;
					float: left;
				}
					#main #middle #content #bottom #news .header
					{
						background-image: url('../app_themes/svi/images/header_NewsYEventsBg.jpg');		
						height: 25px;
						text-indent: 16px;
						padding-top: 10px;
						color: #006699;
						font-weight: bold;
						font-size: 11pt;
					}
					#main #middle #content #news .newsText
					{
						padding-left: 16px;
					}
						#main #middle #content #news .newsText a:link
						{
							color: #0099CC;
							text-decoration: none;
						}
						#main #middle #content #news .newsText a:visited
						{
							color: #99CCCC;
							text-decoration: none;
						}
						#main #middle #content #news .newsText A:Hover
						{
							color: #FF9933;
							text-decoration: underline;
						}
			#main #middle #content #resources
			{
				float: right;
				margin: 0px 53px 0px 0px;
				width: 178px;
				min-height: 195px;		
				border-top: solid 1px #666666;
				border-left: solid 1px #666666;
				border-right: solid 1px #666666;
				border-bottom: solid 1px #666666;
			}
				#main #middle #content #resources .header
				{
					background-image: url('../app_themes/svi/images/header_TechBg.jpg');
					height: 25px;
					width: 178px;
					text-indent: 16px;
					padding-top: 10px;
					font-weight: bold;
					font-size: 11pt;
					color: #006699;
				}
				#main #middle #content #resources .techBulletPoints
				{
					list-style-type: square;
				}
.main_bottom
{
	width: 798px;	
	border-left: solid 1px #666666;
	border-right: solid 1px #666666;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
} 
#footer
{
	background-color: White;
	width: 798px;	
	border-left: solid 1px #666666;
	border-bottom: solid 1px #666666;
	border-right: solid 1px #666666;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	font-size: 0pt;
	clear:both;
}
	#footer .footerText
	{
		font-size: 7pt;	
	}
	#footer .footerBlueText
	{
		color: #3399CC;
		font-size: 9pt;
	}
	#footer .copyright
	{
		font-size: 7pt;
		color: #CCCCCC;
	}
.clear 
{
	clear: both;
}
.ErrorLabel
{
	color: Red;
}


/****************** MENU *************************************/
* CSS Popout menuv */
/* Fix IE. Hide from IE Mac \*/
* html #menuv ul li{float:left;height:1%;}
* html #menuv ul li a{height:1%;}
/* End */

#menuv
{	
	background-image: url('../app_themes/svi/images/main_left_nav.gif');
	background-repeat: repeat-y;			
	text-align: left;	
}

#menuv a
{
	display:block;						
	height: 29px;
	background-image: url('../app_themes/svi/images/main_left_nav_linkBg.gif');
	background-repeat: no-repeat;
	font-size: 10pt;
	padding: 6px 0px 0px 37px;
	color: #666666;
}

#menuv a, #menuv a:visited				/* all menus at rest */
	{
	text-decoration:none;				       /* removes underlines from links */
	}

#menuv a.parent, #menuv a.parent:hover 	/* attaches parent-arrow on all parents */
	{
	background-image: url(nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}

#menuv a:hover				             /* all menus on mouse-over */
	{
		text-decoration: none;
		color: #FF9933;
	}
	
#menuv li
	{
	list-style-type:none;		            /* removes bullets */

	}

#menuv ul li
	{
	position:relative;
	background-image: url('../app_themes/svi/images/main_left_nav_linkBg.gif');			
	
	}

#menuv li ul
	{
	/*position: absolute;*/
	top: 0;
	left: 8em;				                 /* distance from  left menu (this should be the same as width value in #menuv [1]) above */
	display: none;
	}

div#menuv ul, #menuv ul ul, div#menuv ul ul ul
	{
	margin:0;				               /* keeps the menu parts together */
	padding:0;
	width: 8em;			              /* width of sub menus  (this should be the same as width value in #menuv [1]) above */
	background-image: url('../app_themes/svi/images/main_left_nav_linkBg.gif');		
	}

div#menuv ul ul, div#menuv ul ul ul, div#menuv ul li:hover ul ul, div#menuv ul li:hover ul ul ul
	{
	display: none;
	background-image: url('../app_themes/svi/images/main_left_nav_linkBg.gif');		
	}

div#menuv ul li:hover ul, div#menuv ul ul li:hover ul, div#menuv ul ul ul li:hover ul
	{
	display: block;
	background-image: url('../app_themes/svi/images/main_left_nav_linkBg.gif');
	text-indent: 20px;		
	}
	
	
/***************  Attempt 2 *********************************/
	#navMenu
	{
		background-image: url('../app_themes/svi/images/main_left_nav.gif');
		background-repeat: repeat-y;			
		text-align: left;	
		padding-top: 20px;
		height: 240px;
		width: 175px;
		z-index: 99;
	}
	#navMenu #nav, #navMenu #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		background-image: url('../app_themes/svi/images/main_left_nav.gif');
	}
	
	#navMenu #nav li { /* all list items */
		position : relative;
		float : left;
		width: 178px;
	}
	
	#navMenu #nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 11.05em;
		margin-top : -1.35em;
		z-index: 99;
	}
	
	#navMenu #nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#navMenu #nav li a {

		display : block;
		color : #666666;
		text-decoration : none;
		height: 29px;
		background-image: url('../app_themes/svi/images/main_left_nav_linkBg.gif');	
					background-repeat: no-repeat;
			font-size: 10pt;
		padding: 6px 0px 0px 37px;
		
	}
	
	#navMenu #nav li a:hover {
		color: #FF9933;
		text-decoration: none;
	}
	
	#navMenu #nav li:hover ul ul, #navMenu #nav li:hover ul ul ul, #navMenu #nav li.sfhover ul ul, #navMenu #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#navMenu #nav li:hover ul, #navMenu #nav li li:hover ul, #navMenu #nav li li li:hover ul, #navMenu #nav li.sfhover ul, #navMenu #nav li li.sfhover ul, #navMenu #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}


/***************  jfh - equal height columns *****************/

#main #left, #main #middle{
	padding-bottom: 32767px;
	margin-bottom: -32767px;
	
	/*padding-bottom: 1000em;
	margin-bottom: -1000em;*/
	
	overflow: hidden;
}

#main {
	overflow: hidden;
	height: 100%;
}