/*********************************** [ 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_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_prod.png'); }

	#panelcont {
		position: relative;
		top: -10px;
		left: 2px;
		width: 283px;
		margin: 0px 0px 0px 0px;
	}
	
	#panel {
		position: absolute;
		width: 283px;
		height: 241px;
		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			: 250px;
	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;
	}

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

	div#prodsubmnu {
		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		: -25px;
		right		: 40px;
		width		: 126px;
		height		: 57px;
		display		: block;
	}
	div#extrabanner2 #visbyte_fs a{
		width: 126px;
		height: 57px;
		display: block;
		background: url('/images/visbyte_fs.png') no-repeat top left !important;
		background: url('/images/visbyte_fs.gif') no-repeat top left;
	}
	div#extrabanner2 #visbyte_fs a span{
		display: none;
	}


/** **/
#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;
}

#magscreencont {
	position		: relative;
	float			: right;
	clear			: both;
	width			: 665px !important;
	width			: 670px;
	min-height		: 552px;
	background		: url('/images/maghandle.png') no-repeat bottom right;
	margin			: 10px -25px -40px 0px !important;
	padding			: 0px -25px 0px 0px !important;
	margin			: 10px 0px -50px 0px;
	padding			: 0px -25px 0px 0px;
	overflow		: visible;
	height			: auto !important;
	height			: 550px;
}

#magscreencont img.screenshot {
	position		: absolute;
	right			: 0px;
	top				: 0px;
	width			: 323px;
	height			: 400px;
	border			: 0px;
}

#keybenefits  {
	position		: relative;
	left			: 0px;
	top				: -10px;
	width			: 360px;
}

	#keybenefits h5 {
		width			: 88px;
		height			: 16px;
		background		: url('/images/lbl_gettothepoint.gif') no-repeat top left;
	}

	#keybenefits h5 span{
		display			: none;
	}

	#keybenefits ul {
		font-size		: 9pt;
		color			: #454545;
		font-weight		: bold;
		list-style		: none outside none;
		margin			: 0px 20px 20px 10px;
	}
	#keybenefits ul li{
		margin			: 0px 0px 5px 20px;
		background		: url('/images/arrow_right_states.png') no-repeat 0px -30px;
		padding			: 0px 30px 0px 20px;
	}
	#keybenefits ul li a{
			font-size		: 10pt;
			font-style		: italic;
			font-weight		: bold;
	}
	#keybenefits ul li a:hover {
			color			: #f19120;
	}

#handpadder {
	position		: relative;
	float			: left;
	clear			: both;
	
	bottom			: 0px;
	
	width			: 332px;
	height			: 213px;
}
	
#lvl3 {
	position		: relative;
	top				: -132px;
	display			: block;
	clear			: both;
}
.lvl3item {
	position		: relative;
	float			: left;
	display			: block;
	height			: 120px;
	margin			: 0px 20px 0px 20px;
}
	.lvl3item img {
		position		: absolute;
		left			: 0px;
		top				: 0px;
	
		width			: 68px;
		height			: 68px;
		border			: 0px;
	}
	.lvl3item a h5 {
		position		: absolute;
		left			: 78px;
		top				: 2px;
		width			: 480px;
		
		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 .benefit {
		position		: relative;
		left			: 105px;
		top				: 25px;
		width			: 450px;
	
		font-size		: 10pt;
		font-weight		: bold;
		color			: #005596;
		
		background		: url('/images/lbl_benefit.gif') no-repeat top left;
		padding-left	: 60px;
		margin-bottom	: 10px;
		clear			: both;
	}
	.lvl3item .benefit span {
		display			: none;
	}
	.lvl3item .how {
		position		: relative;
		left			: 105px;
		top				: 20px;
		width			: 450px;
	
		font-size		: 10pt;
		font-weight		: normal;
		color			: #000000;
		
		background		: url('/images/lbl_how.gif') no-repeat top left;
		padding-left	: 60px;
		margin-bottom	: 10px;
		clear			: both;
	}
	.lvl3item .how span {
		display			: none;
	}

/* ---(Real Time DIAG BOX)--- */
#box_realtime {
	position : relative;
	top: -120px;
	float: left;
	clear: both;
	width: 610px;
	margin: 0px 0px -120px 0px;
	padding: 10px 10px;
	text-align: center;
}