@charset "windows-1253";

/*	-------------------------------------------------------------
	VGKnet Style Sheet
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		body {
			margin: 0px;
			padding: 0px;
			background-image: url('../_images/MainBack.gif');
			color: #545454;
			font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
			text-align: center;
			font-size: 11px; }
			
		a, a:link, a:visited, a:active {
			background-color: transparent;
			color: #000; }
			
		a:hover {
			background-color: transparent;
			color: #06c; }
		
		a img {
			border:0px;}
		
		html {
			height: 100%;
			width: 100%;
			margin-bottom: 1px; }
	
/*	Generic Re-Useable Classes
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
		.clear {
			clear: both;
			padding: 0px;
			margin: 0px; }
	
		.accesibility {
			display: none;
			visibility: hidden; }
			
			
/*	-------------------------------------------------------------
	Main Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
/*	Page Container
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
		#pageContainer {
			width: 935px;
			padding: 0px;
			margin: auto auto auto auto;
			text-align: left;}
			
			
/*	-------------------------------------------------------------
	Header Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
/*	Header
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
		#headContainer {
			text-align: right;
			height: 114px;
			width: 935px;
			padding: 0px;
			margin: 0px; }
	
	
/*	Header - Logo
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
		#logoContainer {
			margin: 20px 0 0 0;
			float: left; }
	
			#logoContainer a {
				background: url("../_images/MainLogo.gif") no-repeat;
				display: block;
				width: 300px;
				height: 113px;
				padding: 0px;
				margin: 0px; }
	


		#gr {
			margin: 10px 5px 0 0;
			float: right; }
	
			#gr  a {
				background: url("../_images/grflag.gif") no-repeat;
				display: block;
				width: 30px;
				height: 20px;
				padding: 0px;
				margin: 0px; }

		#en {
			margin: 10px 0px 0 0;
			float: right; }
			
			#en a {
				background: url("../_images/enflag.gif") no-repeat;
				display: block;
				width: 30px;
				height: 20px;
				padding: 0px;
				margin: 0px; }

	
		#menuContainer {
			float:right;
			width:600px;
			margin: 10px 0 0 0; }
			
		#mainPage {
			float:left;
			width:935px;
			margin: 10px 0 0 0; }
			


#pathContainer {
	float: left;
	margin: 0px;
	padding: 0px;
}

			#pathContainer .startLeft {
				background: url("../_images/path_bg.gif") no-repeat left #f3f3f3;
				margin: 0 0 0 5px ;
				padding: 0px 0px 0px 5px;
			}

			#pathContainer .endRight {
				height: 30px;
				background: url("../_images/path_bg.gif") no-repeat right #f3f3f3;
				margin: 0px;
				padding: 0px 5px 0px 0px;
			}

			#pathContainer #breadCrumbs, #pathContainer #breadCrumbsWide {
				float: left;
				height: 30px;
				margin: 0px;
				padding: 0px;
				border-width: 5px 0px 0px 5px;
				border-style: solid;
				border-color: #fff;
			}

				#pathContainer #breadCrumbsWide {
					width: 925px;
				}
	
				#pathContainer #breadCrumbs {
					width: 615px;
				}

				#pathContainer #breadCrumbs ul, #pathContainer #breadCrumbsWide ul {
					height: 30px;
					margin: 0px 0px 0px 3px;
					padding: 0px 0px 0px 22px;
					background: url("../_images/path_home.gif") no-repeat left;
				}

				#pathContainer #breadCrumbs li, #pathContainer #breadCrumbsWide li {
					display: block;
					height: 30px;
					margin: 0px 4px 0px 0px;
					padding:  0px 10px 0px 20px;
					float: left;
					font-size: 12px;
					line-height: 30px;
					background: url("../_images/box_blue.gif") no-repeat center left;
				}

				#pathContainer #breadCrumbsWide li.current {
					font-size: 13px;
					font-weight: bold;
					background: url("../_images/box_red.gif") no-repeat center left;
				}

				#pathContainer li a {
					text-decoration: none;
				}

			#pathContainer #quickJump {
				width: 305px;
				float: left;
				height: 30px;
				margin: 0px;
				padding: 0px;
				border-width: 5px 0px 0px 5px;
				border-style: solid;
				border-color: #fff;
			}
				
				#pathContainer #quickJump form {
					margin: auto auto;
					padding: 0px; }
					
				#pathContainer #quickJump table {
					width: 295px;
					border: 0px;
					padding: 4px 0px 0px 0px; }
					
				#pathContainer #quickJump table td {
					padding-left: 5px; }
					
				#pathContainer #quickJump table td select {
					width: 180px; }



			
/*	-------------------------------------------------------------
	Body Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
/*	Body Container
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
			#bodyContainer {
				margin: 0px;
				padding: 0px; }
	
/*	Body - Feature
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
			#featureContainer {
				border-style: solid;
				border-color: #fff;
				border-width: 5px 0px 0px 5px;
				display: inline;
				float: left;
				width: 400px;
				height: 400px;
				margin: 0px;
				padding: 0px; }
				
	
#mainboard {
				border-left:5px solid #fff; border-right:0px solid #fff; border-top:5px solid #fff; border-bottom:0px solid #fff; display: block;
				width: 935px;
				height: 75px;
				background: #fff url('../_images/mainboard_bg.gif') no-repeat;
				margin: 0px;
				padding: 0px;
				float: left }
	

#mainBottom {
		background: url('../_images/main_bottom.gif') no-repeat center top;
		width: 935px;
		height: 5px;
		float: left;
		margin-left:0; margin-right:0; margin-top:0px; margin-bottom:0px
}


#mainTop {
		background: url('../_images/main_top.gif') no-repeat center bottom;
		width: 935px;
		height: 5px;
		float: left;
		margin: 0;
		padding: 0
	}
	

#mainBody {
		background: url('../_images/main_body.gif') repeat-y center top;
		width: 935px;
		float: left;
		padding: 0 0 0 5px;
	}


#Main {
		width: 960px;
		float: left;
		margin:4px auto;
	}


#mainCenter {
		background: url('../_images/MainBody.gif') repeat-x center top;
		width: 920px;
		height: 1220px;
		float: left;
		padding: 10px 0 0 0px;
		margin: 0px 0px 0px 0px;
	}


#mainLeft {
		background: url('../_images/LeftBody.gif') no-repeat center top;
		width: 20px;
		height: 1220px;
		float: left;
		margin-left:0; margin-right:0; margin-top:0px; margin-bottom:0px
}

#mainRight {
		background: url('../_images/RightBody.gif') no-repeat center top;
		width: 20px;
		height: 1220px;
		float: right;
		margin-left:0; margin-right:0; margin-top:0px; margin-bottom:0px
}

#menubar {
		background: url('../_images/MenuBar.gif') no-repeat center top;
		width: 950px;
		height: 55px;
		float: left;
		margin-left:5px; margin-right:0px; margin-top:5px; margin-bottom:0px
}

		#menubar ul {
			height: 30px;
			margin: 0px 0px 0px 3px;
			padding: 0px 0px 0px 32px;
			background: url("../_images/path_home.gif") no-repeat left;
		}

		#menubar li {
			display: block;
			height: 30px;
			margin: 10px 10px 0px 0px;
			padding:  0px 10px 0px 20px;
			float: left;
			font-size: 12px;
			line-height: 30px;
			background: url("../_images/box_blue.gif") no-repeat center left;
		}

		#menubar li.current {
			font-size: 13px;
			font-weight: bold;
			background: url("../_images/box_red.gif") no-repeat center left;
		}

		#menubar li a {
			text-decoration: none;
		}




			
/*	Footer
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
			#footer {
				display: block;
				width: 940px;
				height: 40px;
	
				color:#FFF;
				margin: 10px 0px 20px 10px;
				padding: 10px 10px 0px 10px;
				float: left; }
	
				#footer .copyright {
					margin: 0px;
					float: right;
					display: inline; }
	
				#footer .links {
					margin: 0px;
					float: left;
					display: inline; }
	
				#footer .links ul {
					padding: 0px;
					margin: 0px; }
		
				#footer .links ul li {
					display: inline;
					font-size: 1em;
					padding: 0px;
					margin: 0px; }
		
				#footer .links ul li img {
					vertical-align: middle;
					display: inline;
					padding: 0px;
					margin: 0px; }
					
	#titleContainer {
		float: left;
		font-size: 1.1em;
		margin: 0;
		padding: 0;
		border-width: 5px 0px 0px 5px;
		border-style: solid;
		border-color: #FFFFFF;
		clear: both;
		width: 925px;
		height: 90px; }

		#titleContainer h2 {		
			font: 1.8em Trebuchet MS, Arial, Verdana;
			margin: 20px 0px 0px 0px;
			padding: 0;
			color: #333; }

		#titleContainer .light {
			color: #7f7f7f; }
	
		#titleContainer #navButtonContainer {
			margin-right: 310px;
			padding: 0px;
			text-align: right;
		}
		
		#titleContainer .navButton {
			margin: 0px;
			padding: 0px;
			float: right;
		}
		
		#titleContainer .navButton .nextButton {
		background: url("../_images/button_next.gif") no-repeat left top;
		width: 104px;
		height: 26px;
		display: block;	
		}
		
		#titleContainer .navButton .nextButton-off {
		background: url("../_images/button_next-off.gif") no-repeat left top;
		width: 104px;
		height: 26px;
		display: block;	
		}
	
		#titleContainer .navButton .prevButton {
		width: 109px;
		height: 26px;
		display: block;
		background: url("../_images/button_prev.gif") no-repeat left top;		
		}
	
		#titleContainer .navButton .prevButton-off {
		width: 109px;
		height: 26px;
		display: block;
		background: url("../_images/button_prev-off.gif") no-repeat left top;		
		}
		
#leftColumn {
	width: 615px;
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
	border-width: 0px 5px 0px 5px;
	border-style: solid;
	border-color: #fff;
}

	#leftColumn p {
		margin: 0px 0px 15px 0px;
		padding: 0px;
		font-size: 1em;
	}
	
	
	#tableContainerTop {
		width:615px;
		margin: 0 0 0 0;
		height: 5px;
		background: url("../_images/table_dl_top.gif") no-repeat center bottom;
		padding: 0;
		display: block; }

	#tableContainerMain {
		width:595px;
		float: left;
		background: url("../_images/table_dl_center.gif") repeat-y center top;
		margin: 0px;
		padding: 10px 10px 10px 10px; }

	#tableContainerBottom {
		width:615px;
		float: left;
		margin: 0 0 0 0;
		height: 5px;
		background: url("../_images/table_dl_bottom.gif") no-repeat center top;
		padding: 0;
	}
	
#regRightBottom {
		background: url("../_images/reg_right_bottom.gif") no-repeat center top;
		width: 305px;
		height: 5px;
		float: left;
		margin: 0 0 5px 0;
}


#regRightTop {
		background: url("../_images/reg_right_top.gif") no-repeat center bottom;
		width: 305px;
		height: 5px;
		float: left;
		margin: 10px 0 0 0px;		
		padding: 0;
	}
	

#regRightMain {
		background: url("../_images/reg_right_main.gif") repeat-y center top;
		width: 305px;
		float: left;
	}

		#regRightMain h2 {
			margin: 0px 0 0 10px;
			padding: 0;
			font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
			font-weight: normal; }

		#rightColumnContent h2 {
			font-size: 120%;
			font-weight: bold;
		}
			
		#regRightMain p {
			margin: 5px 5px 5px 10px;
			padding: 0;
		}

		#regRightMain img {
			margin: 0 0 0 5px;
		}
.arrow {
		display: block;
		background: url("../_images/arrow.gif") no-repeat left top;
		padding: 0 0 10px 43px;
		margin: 10px 0 0 0;		
	}

.required {
	width: 15px;
	height: 15px;
	display: block;
	background: url("../_images/required.gif") no-repeat;
	margin: 0 2px 0 2px;
}

input.textForm {
	width: 238px;
}


#contact_info {
	margin: 10px;
	padding: 0;
}


#contact_info li {
	list-style: none;
	display: block;
}

#contact_info span {
	width: 110px;
	display: block;
	float: left;
}


	#tableList {
		float: left;
		padding: 0px;		
		margin: 0px;
		text-align: left;
		width: 595px;
	}

	#tableList tr.tableTitle td {
		padding: 0px;
		margin: 0px;
		border-bottom: 0px solid #FFFFFF;

	}

	#tableList tr.tableHeader {
		margin-top: 10px;
		background-color: #f7f7f7;
	}

	#tableList tr.tableHeader th {
		padding: 5px 0 5px 0;
		border-bottom: 1px solid silver;
		border-top: 1px solid silver;
	}

	#tableList td {
		text-align: left;
		padding: 3px 0 3px 0;
		vertical-align: top;
	}
	#tableList tr td {
		border-bottom: 1px dotted silver;
	}
	#tableList tr td a {
		text-decoration: none;
	}
	#tableList tr td a:hover {
		text-decoration: underline;
	}
	#tableList h5 {
		margin: 0px;
		padding: 0px;
		font: 2em Trebuchet MS, Arial, Verdana;
		font-weight: normal;
		text-transform: uppercase; }
		
		
	#tableList tr.formEl td  {vertical-align: middle;} 
	#tableList tr.formEl td.formName {width: 200px; text-align: right; padding-right:4px; }
	#tableList tr.formEl td.formText {width: 250px; text-align: left;}
	#tableList tr.formEl td.formRight {width: 245px;}
	#tableList tr.formEl td.last {border: 1px solid red;}
	
	
#infocol	{
			display: inline;
			width:290px;
			color: #505050;
			margin: 0px 0px 0px 0px;
			padding: 10px 0px 0px 5px;					
			font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			float: left;}
#infocol p	{					
		line-height: 1.1;
		text-align: justify;
		margin-right: 5px;
		font-size: 1.1em;}
		

#infocolwide	{
			display: inline;
			width:890px;
			color: #505050;
			margin: 0px 0px 0px 0px;
			padding: 10px 0px 0px 5px;					
			font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			float: left;}
#infocolwide p	{					
		line-height: 1.1;
		text-align: justify;
		margin-right: 5px;
		font-size: 1.1em;}


#infocol1	{
			display: inline;
			width:920px;
			color: #505050;
			margin: 0px 0px 0px 0px;
			padding: 10px 0px 0px 5px;					
			font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			float: left;}
#infocol1 p	{					
		float:left;
		line-height: 1.1;
		text-align: justify;
		margin-right: 5px;
		font-size: 1.1em;}

#infocol1 img	{					
		float:left;
		}
		

#infobox 	{
			background-image: url('../_images/Box.gif');
			background-repeat: no-repeat;
			background-position: left top;
			display: block;
			width:450px;
			height:300px;
			float:left;
			margin: 20px 5px 0px 5px;
			padding: 0px 0px 0px 0px;
			overflow: hidden;
			}

#infofullbox 	{
			background-image: url('../_images/FullBox.gif');
			background-repeat: no-repeat;
			background-position: left top;
			display: block;
			width:910px;
			height:300px;
			float:left;
			margin: 20px 5px 0px 5px;
			padding: 0px 0px 0px 0px;
			overflow: hidden;
			}

		
#infoheader {
				display:block;
				float:left;
				color:#2E3192;
				width:450px;
				height:30px;
				font-family: Arial, Verdana;
				font-size: 1.5em;
				font-weight:bold;
				letter-spacing:2px;
				margin: 0px;
				padding: 10px 0 0 10px;
			}

#infobody {
				display:block;
				float:left;
				width:430px;
				height:240px;
				font-family: Arial, Verdana;
				font-size: 1.2em;
				font-weight:normal;
				text-decoration: none;
				line-height: 1.5;
				text-align: justify;
				margin: 0px 0px 0px 0px;
				padding: 10px 10px 10px 10px;
			}

#infobody img 	{
				float:left;
				margin: 0px 30px 0px 0px;
				}


#infobodyfull {

				float:left;
				width:900px;
				height:auto;
				font-family: Arial, Verdana;
				font-size: 1.2em;
				font-weight:normal;
				text-decoration: none;
				line-height: 15px;
				text-align: justify;
				margin: 0px 0px 0px 0px;
				padding-top: 0px;
				padding-right: 10px;
				padding-bottom: 0px;
				padding-left: 10px;
			}


#infobodyfull .norm  	{
							float:left;
							font-size: 0.9em;
							line-height: 22px;
							display:inline;
						}

#infobodyfull .rig  	{
							float:right;
							font-size: 0.8em;
							text-align:right;
							color:#2E3192;
							height: 8px;
						}


#infobodyfull img {
				float:left;
				margin: 0px 10px 0px 0px;
				}

			#infobodyfull a, a:link, a:visited, a:active{
				color:#2E3192;
				text-decoration:none;
			}

			#infobodyfull a:hover {
				color:#C3000C;
				text-decoration: none;
			}
	
#infobodyfull li 	{
					font-size: 0.9em;
					padding-bottom:11px;
					}
#infofooter {
				display:block;
				float:left;
				width:430px;
				height:10px;
				color:#FFF;
				font-family: Arial, Verdana;
				font-size: 1.2em;
				font-weight:normal;
				text-decoration: none;
				margin: 0px;
				padding: 5px 0 0 350px;

			}

			#infofooter a, a:link, a:visited, a:active{
				color:#2E3192;
				text-decoration:none;
			}

			#infofooter a:hover {
				color:#C3000C;
				text-decoration: none;
			}
			
#fbtop {
		background: url('../_images/FullBoxTop.gif') no-repeat center top;
		width: 910px;
		height: 40px;
		float: left;
		margin-left:5px; margin-right:0; margin-top:20px; margin-bottom:0px
}


#fbmid {
		background: url('../_images/FullBoxMid.gif');
		background-repeat: repeat-y;
		width: 910px;
		height: auto;
		float: left;
		margin-left:5px; margin-right:0; margin-top:0px; margin-bottom:0px
}


#fbbot {
		background: url('../_images/FullBoxBottom.gif') no-repeat center top;
		width: 910px;
		height: 35px;
		float: left;
		margin-left:5px; margin-right:0; margin-top:0px; margin-bottom:0px
}


#productmenu {
		width: 900px;
		height: 55px;
		float: left;
		margin-left:5px; margin-right:0px; margin-top:3px; margin-bottom:0px
}

		#productmenu ul {
			height: 10px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			background: url("../_images/path_home.gif") no-repeat left;
		}

		#productmenu li {
			display: block;
			height: 30px;
			margin: 0px 0px 0px 35px;
			padding:  0px 0px 0px 25px;
			float: left;
			font-size: 12px;
			line-height: 30px;
			background: url("../_images/bluearrow.gif") no-repeat center left;
		}

		#productmenu li.current {
			font-size: 16px;
			font-weight: bold;
			background: url("../_images/redarrow.gif") no-repeat center left;
		}

		#productmenu li a {
			text-decoration: none;
		}
