@charset "utf-8";

/**-----------------------------------------------------------------------------
 * Formatting - Main
 *==============================================================================
*/

/* Sets margin and padding to 0 for all elements by default*/
* {	margin: 0;	padding: 0; } 
 
body 	{	font-family: Arial, Helvetica, sans-serif;	background-color: #ffffff; 	color: #000000;}
image 	{	border: 0px solid #000000;	padding: 0px 0px 0px 0px;}
div 	{ 	color: black;	background: transparent;	margin: 0px;	padding: 0px;}
h1 		{ 	color:#000066; }
img 	{ 	border: 0px solid #000000;	padding: 0px 0px 0px 0px; } 
img.valign {	vertical-align:middle; padding:0px 10px;}
td img		{ 	vertical-align:middle;} 
img.frb 	{ 	margin:10px;	float:right;	border-style:solid;	border-width:1px;	border-color:#999999;}
a.featured 		{ color:#000066; }
img:hover.frb 	{	float:right;	border-style:solid;	border-width:1px;	border-color:#000000;
					background-color:#CCCCCC;}
img#vi-logo 	{	float:left;		padding: 0px 0px 0px 15px;}

/* -- Tables -- */

#distributors {	 margin:0 auto;	 border-color:#000000;	 border:solid;	 border-width:1px;}
#distributors img {	vertical-align:middle;	margin:0 auto; }
#distributors td { vertical-align:top;	padding:10px; }
#distributors th {	text-align:center;	background-color:#E6FFFE;	font-size:1.2em;	color:#000066;	}
#distributors th img { padding:2px 15px 2px 0px; }

.odd { background-color:#F5F5F5; }

#distributors .even { }

.tb_specifications { border-color:#000000; border:solid; border-width:1px; }
.tb_specifications td { vertical-align:top;	padding:10px; }
.tb_languages {	 margin:0 auto;	 border-collapse:collapse;
				 border-color:#000000;	 border-style:solid;	 border-width:1px;}
.tb_languages th { text-align:center; background-color:#E9E9E9; font-size:1em; color:#000066;}
.tb_languages td { border: 1px solid black; padding: 10px; } 
.tb_languages th { border: 1px solid black; padding: 10px; }
.tb_languages .odd { background-color:#F5F5F5;  }
.tb_languages img { padding:5px; border: 0px; solid #000000; }
					  
#accessibility { font-family: Arial, Helvetica, sans-serif; }

#header {	padding: 0px 0px 0px 0px;	min-width: 800px;	max-width: 980px;	height: 120px;	margin: 0 auto;
	background: #ffffff url(../images/backgrounds/normal/bgd-header-normal.jpg) repeat-x;
	border-color:#000000;	border-style:solid;	border-width: 1px;}

#accessbar{	min-width:100px;	border-style:solid;	border-width:1px;	background-color:#FFFFFF;
			padding:8px 8px;	margin:10px 30px 0px 10px;	float:right;}

ul#access, ul#access li {	float:left;	list-style:none;	margin:0;	padding:0;}
ul#access a {	color:#000000;	text-decoration: none; }
ul#access li {	padding:0px 15px; }
ul#access li.first {	border-width:0px 0px 0px 0px;	border-style:solid;}
ul#access li a:hover {	color:#FFFFFF;	text-decoration: none; 	background:#000000;}

#wrapper { padding: 0px;	width: 980px;	margin: 0 auto;	clear:left;	}

/* -- No Gradient Standard width content box -- 
-----------------------------------------------
--------- Used for normal products ------------
-----------------------------------------------
----------------------------------------------- */

#ng_content_st_wid {float:left;	width:765px; padding: 15px 0px 0px 0px; }

.ng_content_st_wid_header_content {
	background: url(../images/boxes/content/home/home_content_w765_top.png) no-repeat;	height:10px; }

.ng_content_st_wid_middle {
	background: url(../images/boxes/content/home/home_content_w765_middle.png) repeat-y;
	padding: 0px 20px 0px 20px;	overflow:hidden;}

.ng_content_st_wid_footer {
	height: 15px;  	background: url(../images/boxes/content/home_content_w765_bottom.png) no-repeat;}

#ng_content_st_wid th {	vertical-align:top;	text-align:left;}
#ng_content_st_wid td {	padding-top:5px;	padding-left:15px;}
#ng_content_st_wid p {	padding:10px 0px;}
#ng_content_st_wid h1{	color:#000066;		font-size:1.6em;	padding-bottom:10px;}
#ng_content_st_wid h2{	color:#000066;	font-size:1.3em;}
#ng_content_st_wid h3{	padding-top: 10px;	color:#000000;	font-size:1.2em; color:#000066;}


/* -- Front page Products --
----------------------------*/
.ng_content_st_wid_middle_products {
	background: url(../images/boxes/content/home/home_content_w765_middle.png) repeat-y;
	padding: 0px 20px 0px 20px;}

.ng_content_st_wid_middle_products img { margin:10px;padding: 10px 0px;	float:left;	
										border-style:solid;	border-width:1px;	border-color:#999999;}

.ng_content_st_wid_middle_products img:hover{ margin:10px;	float:left;	  border-style:solid;	
											   border-width:1px;	border-color:#000000;	background:#CCCCCC;}

.ng_content_st_wid_middle_products li {	padding: 0px 30px;	float:left;	list-style:none;	text-align:center;}
.ng_content_st_wid_middle_products li a { color:#000000; text-decoration:none; }
.ng_content_st_wid_middle_products a:hover { color:#FFFFFF;	background-color:#0000FF;}
.ng_content_st_wid_middle_products h3:hover { padding-top: 10px; color:#000000;	font-size:1.2em;
											  color:#000066; text-decoration:underline; }

/* -- Individual Product Page Specific --
----------------------------------------- */


/* -- News Front Page Specific --
--------------------------------- */

.ng_content_st_wid_middle_news {
	background: url(../images/boxes/content/home/home_content_w765_middle.png) repeat-y;
	padding: 0px 20px 0px 20px;	overflow:hidden;}
.ng_content_st_wid_middle_news ul .bullet {	margin-left:30px;	padding-left: 30px;	list-style:square;}
.ng_content_st_wid_middle_news li {
	background-image: url(../images/bullets/bullet1.png);	background-repeat:no-repeat;	background-position:0 2px;
	padding-left:25px;		padding-bottom:10px;	list-style:none;}
.ng_content_st_wid_middle_news li a {	color:#000000;	text-decoration:none;}
.ng_content_st_wid_middle_news a:hover {color:#FFFFFF;	background-color:#0000FF;}
.ng_content_st_wid_middle_news a h1 {text-decoration:underline;}
.ng_content_st_wid_middle_news a h1:hover {	text-decoration:underline;}
.ng_content_st_wid_middle_news h3:hover {	padding-top: 10px;	color:#000000;	font-size:1.2em;	color:#000066;}
.ng_content_st_wid_middle_news h4 {	color:#000066;}

/* -- No Gradient Full Width content box -- 
-------------------------------------------
-------------------------------------------
-------------------------------------------
------------------------------------------- */

#ng_content_full_wid {	float:left;	width:980px;	padding: 15px 0px 0px 0px;}
.ng_content_full_wid_top {
	background: url(../images/boxes/content/full_wid/full_wid_content_top.png) no-repeat; height:10px;}
.ng_content_full_wid_middle {
	background: url(../images/boxes/content/full_wid/full_wid_content_middle.png) repeat-y;	padding: 0px 20px 0px 15px;}
.ng_content_full_wid_footer {
	height: 15px;
  	background: url(../images/boxes/content/full_wid/full_wid_content_bottom.png) no-repeat;}
#ng_content_full_wid h2 {	color:#000066;	padding-bottom: 10px;}

/* -- Gradiented Standard width content box -- 
-----------------------------------
-----------------------------------
-----------------------------------
----------------------------------- */

#content_st_wid { float:left; width:765px;	padding: 15px 0px 0px 0px;}

.content_st_wid_header_content { background: url(../images/boxes/content/main_content_top.png) no-repeat;
	min-height:69px; }

.content_st_wid_header_content img {	padding: 10px 10px 0px 20px;}


.content_st_wid_content {	padding: 6px 20px 0px 10px;	text-align:center;}
.content_st_wid_middle {	background: url(../images/boxes/content/main_content_middle.png) repeat-y;
	padding: 0px 20px 10px 20px;	overflow:hidden;}

.content_st_wid_middle a {	}
.content_st_wid_middle a:hover {	}
.content_st_wid_middle h1 {	color:#000066;	padding:10px 0px 10px 0px;}
.content_st_wid_middle h2 {	color:#000066;	padding:10px 0px 10px 0px;}
.content_st_wid_middle h3 {	font-size:1.3em;	color:#000066;	padding:10px 0px 10px 0px;}
.content_st_wid_middle p {	padding-bottom:10px;}
.content_st_wid_middle ul {	margin-left:10px;	font-size: 1em;		list-style:none;}
.content_st_wid_middle li {	background-image: url(../images/bullets/bullet1.png); background-repeat:no-repeat;
	background-position:0 2px;	padding-left:25px;		padding-bottom:10px;}
	
.content_st_wid_middle img {	border-style:solid;	border-width:0px;	border-color:#999999;}
.content_st_wid_middle img:hover{ border-style:solid; border-width:1px; border-color:#000000;background-color:#CCCCCC;}
.content_st_wid_middle img.img_enhanced_views {	border-style:solid;	border-width:1px; border-color:#999999;	
												margin:10px 10px 5px 10px; }
.content_st_wid_middle img.float_right_border {	margin:10px; float:right;}
.content_st_wid_middle img.float_left_no_border { margin:10px;float:left; border:0px;}
.content_st_wid_middle img.float_right_no_border { margin:10px;float:right; border:0px;}
.content_st_wid_middle img.no_border_or_hover {	border:none; }
.content_st_wid_middle img:hover.no_border_or_hover { border:none;	background:none;}
.content_st_wid_middle img.no_border_or_hover_fr {	border:none; float:right;}
.content_st_wid_middle img:hover.no_border_or_hover_fr { border:none; background:none;	float:right; }

.content_st_wid_middle table.enhanced_views { margin: 0px auto;}
.content_st_wid_middle table.captions {	margin: 0px auto;	text-align:center;}
.content_st_wid_middle table.tb_centred { margin: 0px auto;	text-align:center; }
.content_st_wid_middle table.screenshot { margin: 0px auto;}

.content_st_wid_footer {	height: 20px; background: url(../images/boxes/content/main_content_bottom.png) no-repeat;}

#content_st_wid li {}
#content_st_wid li a { color:#000000;	text-decoration:none;}
#content_st_wid li a:hover { color:#FFFFFF;	background-color:#0000FF; text-decoration:none;}

/* -- Navigation Bar for Standard width content box -- 
------------------------------------------------------
------------------------------------------------------ 
------------------------------------------------------ 
------------------------------------------------------ */

#content_nav_bar {
	width:755px; /* width of content box - drop shadow size */
	margin:0 0 0 -19px;	
	border-style:solid;	border-width:1px 0px;	border-color:#000000;
	color:#FFFFFF;	height:30px;
	background: #ffffff url(../images/boxes/content/content_navigation_bar_gradient.png) repeat-x;}

ul#content_nav, ul#content_nav li {	float: left;	list-style: none;
									margin: 0;	padding: 0;	background-image:none;}

ul#content_nav li {	display:block;	font-size:1.1em;	border-style:solid;
					border-width:0px 1px 0px 0px;	border-color:#000000;}
ul#content_nav li a {	color:#FFFFFF;	line-height: 30px;	height: 30px;	float:left;
						padding: 0px 20px 0px 20px;	text-align: center;	vertical-align: middle;}
ul#content_nav li a:hover {	
	text-decoration:underline;
	background: #ffffff url(../images/boxes/content/content_navigation_bar_gradient.png) repeat-x;}

#content_nav #content_currentpage a {
	text-decoration:underline;
	background: #ffffff url(../images/boxes/content/content_navigation_bar_gradient.png) repeat-x;}

/* -- Main Navigation Bar ------- 
---------------------------------
---------------------------------
---------------------------------
--------------------------------- */

#top_nav_bar {	padding: 10px 0px 0px 0px;	max-width: 980px;	height: auto;	margin: 0 auto;	}

ul#top_nav, ul#top_nav li {	float: left;	list-style: none;	margin: 0;	padding: 0;}
ul#top_nav {	font-size: 1em;	color:#000000;}
ul#top_nav li a {
	border-color: #000;	border-width: 1px 1px 1px 0;	border-style: solid;
	color:#000000;	display: block;
	line-height: 32px;	height: 32px;
	float: left;
	padding: 0px 20px 0px 20px;
	text-align: center;	vertical-align: middle;	text-decoration: none; 
	background: #ffffff url(../images/backgrounds/normal/bgd-nav-normal.jpg) repeat-x;}

ul#top_nav li a:hover {
	background: #ffffff url(../images/backgrounds/normal/bgd-nav-normal-rollover.jpg) repeat-x;
	color:#FFFFFF}

/* Used for the first element of the naviagtion bar - to give it a left border */
ul#top_nav li.first a {	border-width: 1px;}

/* Used for current page navigation element */
#top_nav_bar #currentpage a {
	background: #ffffff url(../images/backgrounds/normal/bgd-nav-normal-rollover.jpg) repeat-x;
	color:#FFFFFF}

/*	-- Left NavBar Box --
-------------------------
-------------------------
-------------------------
------------------------- */

#left_nav_bar {	padding: 15px 15px 0px 0px;	width:200px;	float:left;}

.left_nav_bar_header {
	background: url(../images/boxes/left_nav_bar/left_nav_bar_top.png) no-repeat;
	min-height:33px;}

.left_nav_bar_header_content {	padding: 4px 20px 0px 1px;	text-align:center;}

.left_nav_bar_middle {	background: url(../images/boxes/left_nav_bar/left_nav_bar_middle.png) repeat-y;
	padding: 0px 20px 10px 20px;}

.left_nav_bar_footer {	height: 26px;
  	background: url(../images/boxes/left_nav_bar/left_nav_bar_bottom.png) no-repeat;}

#left_nav_bar h2 {	color:#FFFFFF;	font-size:1.2em;}
#left_nav_bar h3 {	padding: 10px 0px;	color:#000066;	font-size:1.1em;}
#left_nav_bar h4{	padding: 0px 0px;	color:#000066;	font-size:1em;}
#left_nav_bar li {	padding: 0px;		list-style:none;}
#left_nav_bar li a { color:#000000;	text-decoration:none; }
#left_nav_bar li a:hover {	color:#FFFFFF;	background-color:#0000FF;	text-decoration:none;}

/* -- News Left Navbar Box -- 
----------------------------- */
#left_nav_bar li#news {	padding: 5px;	list-style:none;}

</style>