body, html {
	background: #000000 url(images/bg.jpg) no-repeat;
	margin: 0px auto;
	height: 100%;
	border:0;
	text-align:center;}
	
#pagecontainer {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	width: 998px;}
	
#header{
	margin-left:auto;
	margin-right:auto;
	width: 998px;
	height: 84px;
	text-align:left;}
	
#navigationbuttons{
	display: block;
	width: 998px;
	height: 41px;
	margin-bottom: 5px;}

#loggedinbuttons{
	display: block;
	width: 700px;
	height: 30px;
	margin-bottom: 5px;
	margin-left: 2px;}
	
#homepics{
	width: 996px;
	height: 280px;
	margin-left: 1px;}
	
.cheetah{ 	background-color: #F1F2F3; border: 1px solid #C7C7C7;	padding: 5px;	margin: 4px 0px 2px 1px;}

.bark{ 	background-color: #F1F2F3; border: 1px solid #C7C7C7; font-size:13pt; }
.gark{ 	background-color: #c3ccd5; border: 1px solid #C7C7C7; font-size:10pt; font-weight:bold; }
		
#homeleftcontent{
	background: url(images/opaque.png);
	border: 1px solid #404040;
	width: 473px;
	height: 140px;
	padding: 10px;
	margin: 4px 0px 2px 1px;
	text-align: left;}
	
#homerightcontent{
	background: url(images/opaque.png);
	border: 1px solid #404040;
	float: right;
	width: 473px;
	height: 140px;
	padding: 10px;
	margin: 4px 1px 2px 0px;
	text-align: left;}

#splashleftcontent{
	background: url(images/opaque.png);
	border: 1px solid #404040;
	width: 330px;
	height: 100px;
	padding: 10px;
	margin: 15px 0px 2px 1px;
	text-align: left;}
	
#splashrightcontent{
	background: url(images/opaque.png);
	border: 1px solid #404040;
	float: right;
	width: 330px;
	height: 100px;
	padding: 10px;
	margin: 15px 1px 2px 0px;
	text-align: left;}

#leftcontent{
	width: 775px;
	padding: 10px;
	text-align: left;
	min-height: 570px;}
	
#rightcontent{
	background: url(images/opaque.png);
	border: 1px solid #404040;
	float: right;
	width: 168px;
	padding: 10px;
	margin-right: 2px;
	text-align: left;}
	
#linkbar{
	margin-left:auto;
	margin-right:auto;
	padding: 6px;
	width: 980px;
	height: 16px;
	text-align: right;}

.productpanel{
	background: url(images/opaque.png);
	border: 1px solid #A5ABB3;
	width: 753px;
	padding: 10px;
	text-align: left;}
	
#footer{
	background: url(images/opaque.png);
	border: 1px solid #404040;
	margin-left:auto;
	margin-right:auto;
	padding: 6px;
	width: 980px;
	height: 13px;
	text-align: right;}
	
#mooter{
	background: url(images/opaque.png);
	border: 1px solid #404040;
	margin-left:auto;
	margin-right:auto;
	padding: 6px;
	width: 980px;
	text-align: left;}	

#editorcontainer {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	width: 998px;}

.solutionlink {
	font-size: 11px; 
 	font-weight: bold;
	font-family: tahoma;
	color: #FFFFFF}

a.solutionlink {
	font-size: 11px; 
 	font-weight: bold;
	text-decoration: none;
	font-family: tahoma;
	color: #FFFFFF}

a.solutionlink:hover {
	font-size: 11px; 
 	font-weight: bold;
	text-decoration: underline;
	font-family: tahoma;
	color: #FFFFFF}
	
a.mum {
text-decoration:none;
color:#000;}

.listcontainer {
	float: left;}

.documentcontainer {
	padding-top: 5px;
	padding-left: 5px;
	float: left;}

.arrowcontainer {
	float: right;}

.right5 {
	margin-right: 5px;}


/* Table styles */

td.solution {
   	padding: 2px;
   	line-height: 13px;
   	height: 32px;
   	width: 275px;
   	background: #262626;
	border: 1px solid #404040;
}

td.solutionover {
  	padding: 2px;
  	text-decoration: none;
  	line-height: 13px;
  	height: 32px;
  	width: 275px;
   	background: #464646;
	border: 1px solid #616161;
}

.opaquebg{
	background: url(images/opaque.png);}

.execlist{
	width: 110px; 
	height: 58px; 
	padding: 2px;
	background: url(images/opaque.png);}

div.categorymenu ul {
	margin-left: -20px;
	list-style-type: none;}

div.categorymenu li {
	margin-left: -17px;
	list-style-type: none;
   	background: url(images/prodcatbg.gif);
	margin-bottom: 4px;}
	
div.categorymenu a{
	list-style-type: none;
	text-decoration: none;
	border: 1px solid #404040;
	color: #555555;
	display: block;
	width: 750px;
	height: 150px;
	overflow: hidden;
	margin: 0;}

div.categorymenu a:hover {
	list-style-type: none;
	border: 1px solid #616161;}
	
	
/* Text styles */
.text {
	color: #FFFFFF;
	font-family: tahoma, arial;
	font-size: 12px}

a.text {
	color: #C3D7FF;
	text-decoration: none;
	font-family: tahoma, arial;
	font-size: 12px}

a.text:hover {
	color: #C3D7FF;
	text-decoration: underline;
	font-family: tahoma, arial;
	font-size: 12px}

.text10 {
	font-size: 10px; 
	font-family: tahoma;
	color: #FFFFFF}

a.text10 {
	font-size: 10px; 
	text-decoration: none;
	font-family: tahoma;
	color: #FFFFFF}

a.text10:hover {
	font-size: 10px; 
	text-decoration: underline;
	font-family: tahoma;
	color: #FFFFFF}

.text11 {
	font-size: 11px; 
	font-family: arial, tahoma;
	color: #FFFFFF}

a.text11 {
	font-size: 11px; 
	text-decoration: none;
	font-family: arial, tahoma;
	color: #C3D7FF}

a.text11:hover {
	font-size: 11px; 
	text-decoration: underline;
	font-family: arial, tahoma;
	color: #C3D7FF}

.text14 {
	font-size: 14px; 
	font-family: arial, tahoma;
	color: #FFFFFF}

.boldtext11 {
	color: #FFFFFF;
	font-weight: bold;
	font-family: tahoma, arial;
	font-size: 12px}

a.boldtext11 {
	color: #7FA6F2;
	text-decoration: none;
	font-weight: bold;
	font-family: tahoma, arial;
	font-size: 12px}

a.boldtext11:hover {
	color: #7FA6F2;
	text-decoration: underline;
	font-weight: bold;
	font-family: tahoma, arial;
	font-size: 12px}

.biotext11 {
	color: #FFFFFF;
	font-family: tahoma, arial;
	font-size: 11px}

a.biotext11 {
	color: #FFFFFF;
	text-decoration: none;
	font-family: tahoma, arial;
	font-size: 11px}

a.biotext11:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font-family: tahoma, arial;
	font-size: 11px}

.boldtext {
	color: #FFFFFF;
	font-weight: bold;
	font-family: tahoma, arial;
	font-size: 12px}

a.boldtext {
	color: #C3D7FF;
	text-decoration: none;
	font-weight: bold;
	font-family: tahoma, arial;
	font-size: 12px}

a.boldtext:hover {
	color: #C3D7FF;
	text-decoration: underline;
	font-weight: bold;
	font-family: tahoma, arial;
	font-size: 12px}

.boldtext14 {
	color: #C2D4F8;
	font-weight: bold;
	font-family: tahoma, arial;
	font-size: 14px}

a.boldtext14 {
	color: #C3D7FF;
	text-decoration: none;
	font-weight: bold;
	font-family: tahoma, arial;
	font-size: 14px}

a.boldtext14:hover {
	color: #C3D7FF;
	text-decoration: underline;
	font-weight: bold;
	font-family: tahoma, arial;
	font-size: 14px}

.title {
	color: #FFFFFF;
	font-weight: bold;
	font-family: arial, helvetica;
	font-size: 16px;}
	
.flinstones {
	color: #07162b;
	font-weight: bold;
	font-family: arial, helvetica;
	font-size: 12px;}	

.largetitle {
	color: #FFFFFF;
	font-weight: bold;
	font-family: arial, helvetica;
	font-size: 22px;}
	
.boldgraytext {
	color: #9E9F9F;
	font-weight: bold;
	font-family: tahoma, arial;
	font-size: 12px}

a.boldgraytext {
	color: #9E9F9F;
	text-decoration: none;
	font-weight: bold;
	font-family: tahoma, arial;
	font-size: 12px}

a.boldgraytext:hover {
	color: #9E9F9F;
	text-decoration: underline;
	font-weight: bold;
	font-family: tahoma, arial;
	font-size: 12px}

.whitetext12 {
	font-family: tahoma;
	text-decoration:none;
	color: #FFFFFF}
	
.whitetext10 {
	font-size: 10px; 
	font-family: tahoma;
	color: #FFFFFF}

a.whitetext10 {
	font-size: 10px; 
	text-decoration: none;
	font-family: tahoma;
	color: #FFFFFF}

a.whitetext10:hover {
	font-size: 10px; 
	text-decoration: underline;
	font-family: tahoma;
	color: #FFFFFF}

.redtext {
	font-size: 12px; 
	font-family: arial, tahoma;
	color: #FF0000}

.graytext11 {
	font-size: 11px; 
	font-family: arial, tahoma;
	color: #999999}

a.graytext11 {
	font-size: 11px; 
	text-decoration: underline;
	font-family: arial, tahoma;
	color: #999999}
	
.bluetext {
	font-size: 12px; 
	font-family: tahoma;
	color: #00507B}

a.bluetext {
	font-size: 12px; 
	text-decoration: none;
	font-family: arial, tahoma;
	color: #00507B}

a.bluetext:hover {
	font-size: 12px; 
	text-decoration: underline;
	font-family: arial, tahoma;
	color: #00507B}

.bluetext11 {
	font-size: 11px; 
	font-family: tahoma;
	color: #00507B}

a.bluetext11 {
	font-size: 11px; 
	text-decoration: none;
	font-family: arial, tahoma;
	color: #00507B}

a.bluetext11:hover {
	font-size: 11px; 
	text-decoration: underline;
	font-family: arial, tahoma;
	color: #00507B}

.blueboldtext {
	font-size: 12px; 
	font-weight: bold;
	font-family: arial, tahoma;
	color: #618CE2}

a.blueboldtext {
	font-size: 12px; 
	font-weight: bold;
	text-decoration: none;
	font-family: arial, tahoma;
	color: #00507B}

a.blueboldtext:hover {
	font-size: 12px; 
	font-weight: bold;
	text-decoration: underline;
	font-family: arial, tahoma;
	color: #00507B}

.blueboldtext11 {
	font-size: 11px; 
	font-weight: bold;
	font-family: arial, tahoma;
	color: #00507B}

a.blueboldtext11 {
	font-size: 11px; 
	font-weight: bold;
	text-decoration: none;
	font-family: arial, tahoma;
	color: #00507B}

a.blueboldtext11:hover {
	font-size: 11px; 
	font-weight: bold;
	text-decoration: underline;
	font-family: arial, tahoma;
	color: #00507B}

.indenttext {
	padding-left: 20px;
	width: 620px;}

.producttext {
	padding-left: 20px;
	width: 620px;}

.graytabletext {
	padding-left: 10px;
	width: 620px;}

.techboxtext {
	padding-top: 5px;
	text-align: left;
	width: 313px;}

	
/* Text box styles */

.textbox  { 
	font-family: verdana,arial; 
	font-size: 11px; 
        color:#5A6886; 
	border:1px solid #747986;}


/* Images */

#nav-logo a {
	background: url(images/logo.png) no-repeat bottom;
	width: 135px; 
	height: 59px;
	margin-top: 10px;
	float: left;}

#logo-splash {
	background: url(images/logo-splash.png) no-repeat bottom;
	width: 241px; 
	height: 180px;
	margin-right: auto;
	margin-left: auto;}

#digilinx-maincomm{
	background: url(images/digilinx-maincomm.png) no-repeat bottom;
	width: 750px; 
	height: 250px;}

#digilinx-mainres{
	background: url(images/digilinx-mainres.png) no-repeat bottom;
	width: 750px; 
	height: 250px;}

#musica-maincomm{
	background: url(images/musica-maincomm.png) no-repeat bottom;
	width: 750px; 
	height: 250px;}

#musica-mainres{
	background: url(images/musica-mainres.png) no-repeat bottom;
	width: 750px; 
	height: 250px;}

#quartet-maincomm{
	background: url(images/quartet-maincomm.png) no-repeat bottom;
	width: 750px; 
	height: 250px;}

#quartet-mainres{
	background: url(images/quartet-mainres.png) no-repeat bottom;
	width: 750px; 
	height: 250px;}

#panorama-maincomm{
	background: url(images/panorama-maincomm.png) no-repeat bottom;
	width: 750px; 
	height: 250px;}

#panorama-mainres{
	background: url(images/panorama-mainres.png) no-repeat bottom;
	width: 750px; 
	height: 250px;}

#ressystems{
	background: url(images/ressystems.png) no-repeat bottom;
	width: 196px; 
	height: 31px;
	float: left;}

#commsystems{
	background: url(images/commsystems.png) no-repeat bottom;
	width: 210px; 
	height: 31px;
	float: left;}

#ressolutions{
	background: url(images/ressolutions.png) no-repeat bottom;
	margin-top: 38px;
	width: 468px; 
	height: 230px;
	float: right;}
	
#commsolutions{
	background: url(images/commsolutions.png) no-repeat bottom;
	margin-top: 20px;
	width: 468px; 
	height: 230px;
	float: right;}

#snconnected{
	background: url(images/snconnected.png) no-repeat bottom;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	width: 251px; 
	height: 95px;}

#nav-wheretobuy a {
	background: url(images/nav-wheretobuy.gif) no-repeat;
	width: 108px; 
	height: 20px;
	float: right;
	margin-left: 20px;
	margin-top: 15px;}

#nav-ressystems a {
	background: url(images/nav-ressystems.gif) no-repeat;
	width: 147px; 
	height: 16px;
	float: right;
	margin-left: 20px;
	margin-top: 15px;}

#nav-commsystems a {
	background: url(images/nav-commsystems.gif) no-repeat;
	width: 160px; 
	height: 16px;
	float: right;
	margin-left: 20px;
	margin-top: 15px;}
	
#nav-becomedealer a {
	background: url(images/nav-becomedealer.gif) no-repeat;
	width: 130px; 
	height: 20px;
	float: right;
	margin-top: 15px;}
	
#copyright {
	background: url(images/copyright.png) no-repeat top;
	width: 169px; 
	height: 11px;
	margin-top:2px;
	float: left;}

#streamnet{
	background: url(images/streamnet.png) no-repeat top;
	width: 385px; 
	height: 34px;
	float: left;}
	
#othertech{
	background: url(images/othertech.png) no-repeat top;
	width: 385px; 
	height: 34px;}

#overview{
	background: url(images/overview.png) no-repeat top;
	width: 116px; 
	height: 20px;}

#solutions{
	background: url(images/solutions.png) no-repeat top;
	width: 113px; 
	height: 20px;}

#documents{
	background: url(images/documents.png) no-repeat top;
	width: 83px; 
	height: 18px;}

#productcategories{
	background: url(images/productcategories.png) no-repeat top;
	width: 141px; 
	height: 18px;
	margin-bottom: 5px;
	margin-top: 5px;}

#features{
	background: url(images/catfeatures.png) no-repeat top;
	width: 60px; 
	height: 14px;}

#description{
	background: url(images/catdescription.png) no-repeat top;
	width: 84px; 
	height: 18px;}

#awards{
	background: url(images/awards.png) no-repeat top;
	width: 80px; 
	height: 20px;}

#articles{
	background: url(images/articles.png) no-repeat top;
	width: 94px; 
	height: 20px;}

#pressreleases{
	background: url(images/pressreleases.png) no-repeat top;
	width: 175px; 
	height: 20px;}

#purpose{
	background: url(images/purpose.png) no-repeat top;
	width: 229px; 
	height: 20px;}

#passion{
	background: url(images/passion.png) no-repeat top;
	width: 299px; 
	height: 20px;}


/* Navigation button rollovers */

#enter a {
	background: url(images/enter.png) no-repeat top;
	width: 122px; 
	height: 27px;
	margin-top: 15px;
	margin-left: 104px;
	float: left;}
	
#enter a:hover {
	background: url(images/enter.png) no-repeat bottom;}

#nav-solutions a {
	background: url(images/nav-solutions.gif) no-repeat top;
	width: 135px; 
	height: 41px;
	float: left;}
	
#nav-solutions a:hover {
	background: url(images/nav-solutions.gif) no-repeat bottom;}
	
#nav-products a {
	background: url(images/nav-products.gif) no-repeat top;
	width: 129px; 
	height: 41px;
	float: left;}
	
#nav-products a:hover {
	background: url(images/nav-products.gif) no-repeat bottom;}
	
#nav-technology a {
	background: url(images/nav-technology.gif) no-repeat top;
	width: 150px; 
	height: 41px;
	float: left;}
	
#nav-technology a:hover {
	background: url(images/nav-technology.gif) no-repeat bottom;}
	
#nav-newsroom a {
	background: url(images/nav-newsroom.gif) no-repeat top;
	width: 148px; 
	height: 41px;
	float: left;}
	
#nav-newsroom a:hover {
	background: url(images/nav-newsroom.gif) no-repeat bottom;}
	
#nav-contactus a {
	background: url(images/nav-contactus.gif) no-repeat top;
	width: 150px; 
	height: 41px;
	float: left;}
	
#nav-contactus a:hover {
	background: url(images/nav-contactus.gif) no-repeat bottom;}
	
#nav-company a {
	background: url(images/nav-company.gif) no-repeat top;
	width: 135px; 
	height: 41px;
	float: left;}
	
#nav-company a:hover {
	background: url(images/nav-company.gif) no-repeat bottom;}
	
#nav-dealerinfo a {
	background: url(images/nav-dealerinfo.gif) no-repeat top;
	width: 151px; 
	height: 41px;
	float: left;}
	
#nav-dealerinfo a:hover {
	background: url(images/nav-dealerinfo.gif) no-repeat bottom;}

#admin-documentmanager a {
	background: url(images/admin-documentmanager.gif) no-repeat top;
	width: 148px; 
	height: 27px;
	float: left;}

#admin-documentmanager a:hover {
	background: url(images/admin-documentmanager.gif) no-repeat bottom;}
	
#admin-usermanager a:hover {
	background: url(images/admin-usermanager.gif) no-repeat bottom;}

#admin-usermanager a {
	background: url(images/admin-usermanager.gif) no-repeat top;
	width: 112px; 
	height: 27px;
	float: left;}

#admin-productmanager a:hover {
	background: url(images/admin-productmanager.gif) no-repeat bottom;}

#admin-productmanager a {
	background: url(images/admin-productmanager.gif) no-repeat top;
	width: 132px; 
	height: 27px;
	float: left;}

#admin-solutionmanager a:hover {
	background: url(images/admin-solutionmanager.gif) no-repeat bottom;}

#admin-solutionmanager a {
	background: url(images/admin-solutionmanager.gif) no-repeat top;
	width: 133px; 
	height: 27px;
	float: left;}

#admin-jvsmanager a:hover {
	background: url(images/admin-jvsmanager.gif) no-repeat bottom;}

#admin-jvsmanager a {
	background: url(images/admin-jvsmanager.gif) no-repeat top;
	width: 107px; 
	height: 27px;
	float: left;}

#dealer-home a:hover {
	background: url(images/dealer-home.gif) no-repeat bottom;}

#dealer-home a {
	background: url(images/dealer-home.gif) no-repeat top;
	width: 111px; 
	height: 27px;
	float: left;}

#dealer-info a:hover {
	background: url(images/dealer-info.gif) no-repeat bottom;}

#dealer-info a {
	background: url(images/dealer-info.gif) no-repeat top;
	width: 96px; 
	height: 27px;
	float: left;}
	
#dealer-documents a:hover {
	background: url(images/dealer-documents.gif) no-repeat bottom;}

#dealer-documents a {
	background: url(images/dealer-documents.gif) no-repeat top;
	width: 144px; 
	height: 27px;
	float: left;}

#dealer-photos a:hover {
	background: url(images/dealer-photos.gif) no-repeat bottom;}

#dealer-photos a {
	background: url(images/dealer-photos.gif) no-repeat top;
	width: 112px; 
	height: 27px;
	float: left;}

#dealer-myjobs a:hover {
	background: url(images/dealer-myjobs.gif) no-repeat bottom;}

#dealer-myjobs a {
	background: url(images/dealer-myjobs.gif) no-repeat top;
	width: 72px; 
	height: 27px;
	float: left;}

	
/* PNG fix */
img, div, td, a { behavior: url(../iepngfix.htc); }

/* r.a.d.grid default / embedded skin */

div.RadGrid_Default
{
	background: #f7f7f7;
	border: solid 1px #e5e5e5;
	border-right: solid 2px #e5e5e5;
	border-top: 0px;
	font: normal 11px Arial, Verdana, Sans-serif;
	text-align: left;
	cursor: default;
	scrollbar-face-color: #E9E9E9;
	scrollbar-highlight-color: white;
	scrollbar-shadow-color: #E9E9E9;
	scrollbar-3dlight-color: #DBDBDB;
	scrollbar-arrow-color: #787878;
	scrollbar-track-color: #F5F5F5;
	scrollbar-darkshadow-color: #AEAEAE;
}

.RadGrid_Default td,
.RadGrid_Default td a
{ 
	font: 11px tahoma;
	color: #000000;
}

.MasterTable_Default
{
	border: 0px !important;
	border-collapse: separate !important;
	width: 100%;
}

.MasterTable_Default td,
.MasterTable_Default th
{
	padding-left: 4px;
}

th.GridHeader_Default,
th.ResizeHeader_Default
{
	font: bold 10px Verdana, Arial, Sans-serif;
	background: white url('Img/GridHeaderBg.gif') repeat-x bottom;
	border-top: solid 1px #e5e5e5;
	border-bottom: solid 1px #bbb;
	padding-left: 6px; /*more than items to compensate for item borders!*/
	height: 22px;
}

.GridHeader_Default a
{
	color: black;
	font: bold 10px Verdana, Arial, Sans-serif;
	text-decoration: none;
}

.GridRow_Default td
{
	background: #f7f7f7;
	line-height: 22px;
	border: solid 1px #f7f7f7;
	border-top: solid 1px #e9e9e9;
	border-bottom: solid 1px white;
}

.GridAltRow_Default td
{
	background: #f7f7f7;
	line-height: 22px;
	border: solid 1px #f7f7f7;
	border-top: solid 1px #e9e9e9;
	border-bottom: solid 1px white;
}

.SelectedRow_Default td
{
	background: #e5e5e5 !important;
	height: 22px;
	border: solid 1px #e5e5e5;
	border-top: solid 1px #e9e9e9;
	border-bottom: solid 1px white;
}

.ActiveRow_Default td
{
	background: white !important;
	height: 22px;
	border: solid 1px white;
	border-top: solid 1px #e9e9e9;
	border-bottom: solid 1px white;
}

.GridPager_Default td
{
	background: white;
	border: solid 1px white;
	border-top: 1px solid #c7c7c7;
	height: 21px;
	color: #999;
}

.GridFooter_Default td
{
	background: #fbfbfb;
	border: solid 1px #fbfbfb;
	border-top: 1px solid #e8e6e6;
	height: 21px;
	color: #666;
}

.GridFooter_Default td a
{
	color: #666;
}

.GridPager_Default td a
{
	color: #999;
}

.GridPager_Default td a:hover, .GridFooter_Default td a:hover
{
	color: #333;
}


tr.GroupHeader_Default td
{
	background: white;
	height: 22px;
	border: solid 1px white;
}

.GroupPanel_Default
{
	background-color: #e5e5e5;
	width: 100%;
	border-collapse: collapse;
	border: solid 1px #c6c6c6;
	border-bottom: 1px solid #aeaeae;
}

.GroupPanelItems_Default
{
	background: #efefef;
	color: #999999;
	border: solid 1px white;
	border-right: solid 1px #c6c6c6;
	border-bottom: solid 1px #c6c6c6;
	white-space:  nowrap;
	font-size: 11px;
}
td.GridHeader_Default input
{
	width: auto;
	float: left;
	border: solid 1px #666;
	background: #fafafa;
	font: bold 10px Verdana, Arial, Sans-serif;
	color: #989cb0;
	height: 14px;
	vertical-align:middle;
}

.yellow {color:#fffc01;}