/*********************************** [ Banners ] */

/* ---(Main Banner)--- */
div#main_banner {
	display					: block;
	visibility				: visible;
	
	position				: relative;
	height					: 182px;
	background				: url('/images/banner.png') no-repeat top left;
}

	div#banner_corner	{
		display				: block;
		background			: url('/images/bancimg_solutions.jpg') 
	}

	div#banner_visbyte	{
		display					: none;
	}

	.banner_text_standardlayout{
		left					: 10px;
	}
	
	#banner_dropdown {
		width					: 283px;
		height					: 49px;
		position				: absolute;
		float					: right;
		top						: -75px;
		right					: 20px;
		display					: block;
		z-index					: 2;
	}
	
	#banner_dropdown  #btn_bandropul {
		margin			: 0px 0px 0px 0px;
		padding			: 0px 0px 0px 0px;
		list-style		: none;
	}
	
	#banner_dropdown  #btn_bandropul li, #banner_dropdown  #btn_bandropul li a, #banner_dropdown  #btn_bandropul li a:hover{
		width				: 283px;
		height				: 49px;
		display				: block;
		background-repeat	: no-repeat;
		list-style			: none;
	}
	#banner_dropdown  #btn_bandropul li a,
	#banner_dropdown  #btn_bandropul li a:link		{ background-position: 0px 0px; }
	#banner_dropdown  #btn_bandropul li a:hover		{ background-position: 0px -50px; }
	#banner_dropdown  #btn_bandropul li a span		{ display:none; visibility:hidden; }
	
	#btn_bandrop a				{ background: url('/images/btn_drpd_sol.png'); }

	#panelcont {
		position: relative;
		top: -10px;
		left: 2px;
		width: 283px;
		margin: 0px 0px 0px 0px;
	}
	
	#panel {
		position: absolute;
		width: 283px;
		height: 120px;
		display: none;
		margin: 0px 0px 0px 0px;
		background: url('/images/drpd_bg.png') no-repeat bottom left;
		padding: 0px 0px 0px 0px;
		z-index: 2;
	}
	
	ul#panel_bullets {
		font-size		: 9pt;
		color			: #000000;
		font-weight		: bold;
		list-style		: none outside none;
		margin			: 20px 0px 20px 0px;
	}
	ul#panel_bullets li{
		position		: relative;
		top				: 5px;
		height			: 20px;
		display			: block;
		clear			: right;
		margin			: 0px 0px 0px 30px;
		background		: url('/images/arrow_right_states.png') no-repeat 0px -30px;
		padding			: 0px 20px 0px 20px;
	}	

/*********************************** [ Body ] */

/* ---(MODIFIERS)--- */
#pg_docs {
	position 		: relative;
	float			: right;
	width			: 270px;
	clear			: right;
}

#mainbody table {
	border: 0px;
}

h3 { clear: none; }

/** BANNERS **/
div#extrabanner1 {
	display				: block;
	visibility			: visible;
	
	position			: relative;
	float				: left;
	left				: 0px;
	top					: 0px;
	width				: 503px;
	height				: 245px;
	background			: url('/images/prod_menusys.jpg') no-repeat top left;
}

	div#extrabanner1 h3 {
		position			: absolute;
		left				: 110px;
		top					: 35px;
		font-size			: 18pt;
	}

	#solmnu {
		position			: absolute;
		float				: left;
		left				: 115px;
		top					: 80px;
		width				: 190px;
		list-style			: none;
		margin				: 0px 0px;
		padding				: 0px 0px;
	}
	
	#solmnu li.solroot a 		{ width: 175px; display: block; font-size: 8pt; text-decoration	: none; font-weight: bold; color: #005596;}
	#solmnu li.solroot a span	{ display: block; padding: 5px 6px 5px 6px;}
	
	#solmnu li.solroot a:hover		{ color: #f19120; }
	#solmnu li.solroot a:hover span	{ background-color: #ffffff; }
	
	
	#solmnu li#solsel a 		{ color: #f19120; }
	#solmnu li#solsel a span	{ background-color: #ffffff; }
	
	#solmnu li#solsel a:hover 		{ color: #f19120; }
	#solmnu li#solsel a:hover span	{ background-color: #ffffff; }
	
	#solmnu li.solroot ul							{ display: none; position: absolute; left: 180px; width: 180px; list-style: none; margin: 0px 0px; padding: 20px 0px 0px 0px; top: 0px; height: 170px}
	#solmnu li#solsel ul							{ display: block; position: absolute; left: 180px; width: 180px; list-style: none; margin: 0px 0px; padding: 20px 0px 0px 0px; top: 0px; height: 170px}
	
	#solmnu li.solroot ul li a, #solmnu li#solsel ul li a					{ font-size: 7pt; color: #000000; width: 180px;}
	#solmnu li.solroot ul li a:hover, #solmnu li#solsel ul li a:hover		{ font-size: 7pt; color: #f19120; cursor: pointer; }
	
	#solmnu li.solroot ul li, #solmnu li#solsel ul li						{ display: block; position: relative; float: left; top: 0px; margin: 0px 0px; padding: 0px 0px; }
	#solmnu li.solroot ul li a span, #solmnu li#solsel ul li a span			{ display: block; margin: 0px 0px; padding: 2px 6px 2px 6px; background-color: transparent; width: 168px;}
	
	#solmnu li.solroot img	{ display: none; position: absolute; top: -45px; left: 290px; width: 64px; height: 64px; }
	#solmnu li#solsel img	{ display: block; }

	div#solsubmnu {
		display				: block;
		position			: absolute;
		left				: 290px;
		top					: 10px;
		width				: 190px;
		height				: 222px;
		background-color	: #ffffff;
	}

div#extrabanner2 {
	display				: block;
	visibility			: visible;
	
	position			: relative;
	float				: right;
	right				: 22px;
	top					: 0px;
	width				: 440px;
	height				: 250px;
}

	div#extrabanner2 #visbyte_fs {
		position	: absolute;
		bottom		: 40px;
		right		: -30px;
		width		: 126px;
		height		: 57px;
		display		: block;
	}
	div#extrabanner2 #visbyte_fs a{
		width: 126px;
		height: 57px;
		display: block;
		background: url('/images/visbyte_fs_above.png') no-repeat top left !important;
		background: url('/images/visbyte_fs_above.gif') no-repeat top left;
	}
	div#extrabanner2 #visbyte_fs a span{
		display: none;
	}
div#extrabanner3 {
	display				: block;
	visibility			: visible;
	
	position			: relative;
	right				: 0px;
	top					: 0px;
	width				: 970px;
	height				: 80px;

	clear				: both;
	
	background: url('/images/sol_track.png') no-repeat bottom left;
}
div#extrabanner3 div{
	width				: 100%;
	overflow				: show;

}

	#cycle {
		/* padding: 5px;40px;*/
		height: 80px;
		/*width: 970px;*/
		left: 50%;
		list-style: none;
		float: left;
		position: relative;
	}

		#cycle li {
			padding: 10px;
			color: #FFFFFF;
			background-color: #005596;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 7pt;
			font-weight: bold;
			vertical-align: middle;
			text-align: center;
			margin: 5px 5px 0px 5px;
			display: block;
			position: relative;
			right: 50%;
			float: left;
			width: 80px;
			cursor: pointer;
		}

		#cycle li span.tooltip { 
			position: absolute;
			float: left;
			bottom: 55px;
			left: -55px;
			font-size:8pt;
			padding: 10px;
			padding-bottom: 30px;
			width:200px;
			display:none; 
			color:#ffffff;
			background: url('/images/tooltip220.png') no-repeat bottom left;
			text-align: center;
			border-top: 2px #ffffff solid;
		}

		#cycle li span.tooltip h4 {
			text-align: center;
			font-size:12pt;
			margin-top: 0px;
			margin-bottom: 10px;
			color:#f19120;
			font-weight: bold;
		}

		#cycle li span.tooltip p {
			text-align: center;
			font-size:7pt;
			margin-bottom: 10px;
			color:#ffffff;
			font-weight: bold;
		} 

/** **/
#sectionsymb {
	position 		: relative;
	float			: right;
	width			: 110px;
	height			: 110px;
	margin			: 0px 0px 0px 30px;
}

#pagesymb {
	position 		: relative;
	float			: right;
	width			: 110px;
	height			: 110px;
	margin			: 0px 0px 0px 10px;
}

#lvl3 {
	position		: relative;
	display			: block;
	margin-top		: 40px;
	clear			: both;
	margin-left		: 0px !important;
	margin-left		: -20px;
}
#cycletop {
	position		: absolute;
	display			: block;
	height			: 32px;
	width			: 68px;
	top				: -35px;
	left			: 0px;
	clear			: both;
	margin			: 0px 0px 0px 0px;
	background		: url('/images/cycle_top_arrow.png') no-repeat 0px -0px;
}
#cyclebot {
	position		: absolute;
	display			: block;
	height			: 32px;
	width			: 68px;
	top				: 32px;
	left			: 0px;
	clear			: both;
	margin			: 35px 0px 0px 0px;
	background		: url('/images/cycle_bot_arrow.png') no-repeat 0px -0px;
}
.lvl3item {
	position		: relative;
	float			: left;
	display			: block;
	height			: 100px;
	margin			: 0px 20px 0px 20px;
	background		: url('/images/cycle_dw_arrow.png') repeat-y 0px -0px;
}
	.lvl3item img {
		position		: absolute;
		left			: 0px;
		top				: 0px;
	
		width			: 68px;
		height			: 68px;
		border			: 0px;
	}
	.lvl3item a h5 {
		position		: absolute;
		left			: 78px;
		top				: 2px;
		width			: 460px;
		
		background		: url('/images/arrow_right_states.png') no-repeat 0px -29px;
		padding-left	: 18px;
	
		font-size		: 11pt;
		font-weight		: bold;
		color			: #000000;
	}
	.lvl3item a:hover h5 {
		cursor			: pointer;
		color			: #f19120;
	}
	.lvl3item .desc {
		position		: relative;
		left			: 105px;
		top				: 25px;
		width			: 430px;
	
		font-size		: 10pt;
		font-weight		: normal;
		color			: #000000;
		
		background		: url('/images/lbl_description.gif') no-repeat top left;
		padding-left	: 81px;
		margin-bottom	: 10px;
		clear			: both;
	}
	.lvl3item .desc span {
		display			: none;
	}
	.lvl3item .desc span.highlight {
		display			: inline;
	}