/* */



/*these styles have been added or edited  by Alastair Dent, x3414 */


.centered {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	
}

#blockleft {
	float: left;
	width: 50%
	
}

#blockright {
	float: right;
	width: 50%
	
}

#leftmenu {
	overflow:auto;
	width: 200px;
	position:absolute;
	top: 250px;
	height: 500px;
	
}

a.plainhref {
	text-decoration: none;
	font-weight:normal;
	border:none;
}
a.plainhref:hover {
	font-weight:bold;
}

#rightcontents {
	overflow:auto;
	margin-left:250px;
	margin-right:1px;
}

div.codeblock {
	background-color:#cccccc;
	font-family:courier;
	
}


.corporatelinks {

	font-family:Arial, Helvetica, sans-serif;

	color:#999999;
	/* made bold by Alastair */
	font-weight:bold;

	font-size:11px;

	text-decoration: none;

}

td {
		vertical-align: top;
}
 pre {
	 font-size:10pt;
	 color: #000000;
	 
 }

#container {
/*changed to a percentage width by Alastair */
	width:90%;

	margin:0px auto;

	padding:0;

	background-color:#FFFFFF;

	border-right: 10px solid #FFFFFF;

	border-bottom: 10px solid #FFFFFF;

	border-left: 10px solid #FFFFFF;

}


.content {

	font-size:1em;

	clear:both;

	margin:0px;

	padding:0 0 0px;

	background-color:#FFFFFF;

	/* min-height:565px; Edited out by Alastair */

	background-image: url(../images/contentbackg.gif);

	background-repeat: repeat-x;

	width: 100%;
	
	border-top-width: 5px;

	border-top-style: solid;

	border-top-color: #CCCCCC;

}

table.noborders {
	border-collapse: collapse;
	width: 100%;
}


/* p {
	font-size:100%;
}
*/

/* CSS Document */


.SubContent {

	/* width:560px; */

	margin:10px 10px 0 10px;

	float:left;

	padding: 0;

	line-height:17px;

	/* background-image:url(../images/tabledividervert.gif);

	background-repeat:repeat-y; */

	padding-left:15px;
	
	font-size: 100%;
	
	/* color: #FFFFFF; */

}

body {

	margin:0px;

	font-size:62.5%; /* commented out by alastair, because the font size is manually reset elsewhere, so what is the point of this? and reinstated cause it messes with the appearance too much. <sigh>*/

	font-family: Arial, Helvetica, sans-serif;

	color:#172f6b;
	

	background:url(../images/bodybackg.gif) repeat-x #FFFFFF; 

}

table.speclist {
	margin-left:60px;
	background-color:#cccccc;
	border-collapse: collapse;
	
}

table.downloads {
	font-size:10pt;
	width: 90%; 
	border-collapse: collapse;
	/* margin: 20%; */
	
}

thead {
	font-size:10pt;
	font-weight:bold;
	border:none;
	text-align:center;
	
}



tr.odd {
	background-color:#cccccc;
	border-style: none;
	
}

H4 { 
	font-size:10pt;
}

span.title {
	font-size:24pt;
	/*color:#8f8f8f;*/
	font-style: bold;
	/*background-color: #8f8f8f;*/
}



.footer {
	
	position: static;
	bottom:-1;

	width:100%;

	margin:0;

	height:40px;

	padding:10px 0px;

	font-size:1.1em;

	color:#666666;

	clear:both;

	background-color:#FFFFFF;

	background-image: url(../images/contentbackg.gif);

	background-repeat: repeat-x;

	border-top-width: 5px;

	border-top-style: solid;

	border-top-color: #CCCCCC;

}






/*######################################### =Main Content */
/*All styles below this are as for imgtec css file. */




.clear { clear:both; margin:0; padding:0; }

a {color:#172f6b;}

a:hover {color:#666666;}






.MainContent {width:620px; margin:10px 10px 0 0; float:left; padding:0; background-color:#FFFFFF;}

#FlashBanner {width:620px; height:210px; text-align:left; background-image:url(../images/tabledivider.gif); background-repeat:repeat-x; background-position:bottom; padding-bottom:10px;}

.FlashBannerAlt {color:#FFFFFF; font-size:1.2em; padding:5px;}



.CompanyMessage {width:620px; margin:5px 0; text-align:left;}

.CompanyMessage H1 {

	color:#818181;

	margin:0;

	font-size:1.2em;

	font-weight:normal;

	padding: 10px 15px;

	background-image:url(../images/tabledivider.gif);

	background-repeat:repeat-x;

	background-position:bottom;

}

.CompanyMessage H1 b{color:#00356B; margin:0; font-size:1.4em; font-weight:bold;}







.SubColumn {

	width:200px;

	margin-top:5px;

	margin-left: 6px;

	float:left;

	background-color:#E8E8E8;

	text-align:left;

}

.SubColumn a {text-decoration:none; display:block; font-size:1.2em; color:#666666; padding:5px 0px 5px 12px; background-image:url(../images/tabledivider.gif); background-repeat:repeat-x; background-position:bottom;}

.SubColumn a:hover {color: #32BCDA; font-size:1.2em; background-image:url(../images/hoverbackg.gif); background-repeat:repeat-y; background-position:right; border-right: 4px solid #3291D6;}

.SubColumn H2 {padding:8px 5px 20px 15px; /*color:#adb7c2;*/ color:#FFFFFF; margin: 0 0 3px 0; font-size:1.1em; font-weight:bold; background-image:url(../images/subcolumnbackg.gif); background-repeat:no-repeat;}

.SubColumn img { margin-bottom:0px;}







.footerright {

	float:right;

	line-height:16px;

	margin-top: 13px;

}

.footerright a{

	text-decoration:none;

	color:#0068AE;

}

.footerright a:hover{

	text-decoration:underline;

	color:#999999;

}



.footerleft {

	float:left;

	margin-top: 10px;

}

/*######################################### =Right Coloumn */



.SideBarRight {

	width:345px;

	margin:10px 0px 0 0;

	float:left;

	background-image: url(../images/tabledividervert.gif);

	background-repeat: repeat-y;

	background-position: left;

	padding-left: 5px;

}



.SideBarRight b{font-weight:bold;}



.newsPanel {width: 315px; float:left;position:relative; height: 280px; margin:0;}

.popStory {padding:0; margin:0; width: 203px;}

.tab1{padding:0; margin:0;}

.tab2{padding:0; margin:0;}

.tab3{padding:0; margin:0;}



.tabpopStory {padding:0; margin: 0; line-height:17px; height: 17px !important; border:none; z-index:100}

.tabpopStory ul {margin:0; padding:0; border:none;}

.tabpopStory li {padding:0; display: inline; margin: 0; list-style-type: none}

.tabpopStory img {border:none; margin:0; padding:0;}



.tabpopStory li.tabpopHead {padding:0;  float: left; margin: 0 4px 0 0; color: #172f6b; line-height:20px; height:20px !important; text-align: center; text-decoration: none; width: 100px; background:url(../images/newsBg.jpg) repeat-x;}

.tabpopStory A {padding:0;  background: #fff; float: left; margin: 0 4px 0 0;line-height:17px; height:17px !important; text-align: center; text-decoration: none; color:#666666; width: 100px;}

.tabpopStory A:hover { padding:0; float: left; margin: 0 4px 0 0; line-height:17px; height: 17px !important; text-align: center; text-decoration: none; color: #666666; width: 100px; }



.popstorylistCont { width: 325px; position:relative; background:url(../images/newsBg2.jpg) no-repeat; float:left; margin:-2px 0 0 0; padding: 0px; border:none;}

.popstorylistCont ul { margin: 3px 0 0 5px; padding:3px 0 0 5px;}

.popstorylistCont li { list-style: none; margin:20px 0 10px 0; border-bottom:#FFFFFF 1px solid; padding:0; line-height:1.4em;}

.ListLeft { float:left; width:55%; margin: -15px 0 5px 0px; padding:0; }

.ListRight {float:left; width:25%; color:#666666; font-size:1.1em; margin: -15px 0 5px 50px; padding:0; text-align:right;}

.popstorylistCont a { color:#172f6b; text-decoration:none; font-size:11px; }

.popstorylistCont a:hover {color:#666666; text-decoration:underline;}

.More { text-align:right; margin:5px 0 2px 0; padding-right:32px;}

.More a {font-size:1.1em; color:#172f6b; font-weight:bold; text-decoration:none; }

.More a:hover {color:#666666; text-decoration:underline;}



.CTA { width: 315px; height:200px; margin:70px 0 0 0; padding:0; border:none; background-image:url(../images/tabledivider.gif); background-repeat:repeat-x; background-position:top;}

.CTAImage {margin:3px auto; text-align:left; }

.CTA H2 {padding:8px 5px; color:#adb7c2; margin:0 0 0 -5px; font-size:1.1em; font-weight:bold; text-align:left;}

.CTA H3 {font-size:1em; margin:2px 0px; padding-bottom:4px; border-bottom:1px solid #adb7c2;}

.CTA a {color:#172f6b; text-decoration:none;}

.CTA a:hover {color:#666666; text-decoration:underline;}

.CTAOneThird { height:75px; margin:5px 0 0 0; padding:0 0 0 0px;}

.CTATwoThirds {Height:150px margin:0; padding:0 0 0 0px;}

.CTATwoThirds H2 {color: #66CCFF; font-size:13px;}



/*######################################### =Subpage specific */


.Breadcrumb a {

	color: #0068AE;

	margin:0 0 10px 0;

	font-size:1em;

	text-decoration:none;

	background-image:url(../images/tabledivider.gif);

	background-repeat:repeat-x;

	background-position:bottom;

}

.Breadcrumb a:hover {color:#999999; text-decoration:none; margin:0 0 10px 0; font-size:1.0em; background-image:none;}



.Breadcrumbcorp {width:100%;  float:left; margin:10px 0 0 22px; padding: 5px 0 5px 5px; height:14px; color:#172f6b; text-decoration:none; font-size:1.1em;}

.Breadcrumbcorp a {color: #0099FF; margin:0 0 10px 0; font-size:1.0em; text-decoration:none; background-image:url(../images/tabledivider.gif); background-repeat:repeat-x; background-position:bottom;}

.Breadcrumbcorp a:hover {color:#999999; text-decoration:none; margin:0 0 10px 0; font-size:1.0em; background-image:none;}



.PDFDownload {Float:right; margin: 8px 5px 0px 0;}

.PDFDownload img {float:left; padding:0 2px; border:none; margin:-2px 0 0 0;}

.PDFDownload a {color:#172f6b;}

.PDFDownload a:hover {text-decoration: underline; color:#666666;}

.banner {margin: 0 0 10px 0;}




.SubContent H1 {

	font-size:18px;

	margin:15px 0 0px 0;

	background-image:url(../images/tabledivider.gif);

	background-repeat:repeat-x;

	background-position:bottom;

	padding-bottom:10px;

	line-height:20px;

	font-weight: normal;

}

.Normal {

	font-size:1em;

	font-weight:normal;

	color:#0068AE;

}

.SubContent H2 {

	font-size:14px;

	color:#172F6B;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	margin-top: 0px;

	font-weight: bold;

	font-family: Geneva, Arial, Helvetica, sans-serif;

}

.SubContent H2 a{

	font-size:14px;

	margin:10px 0 10px 0;

	color:#0068AE;

	text-decoration:none;

}

.SubContent H2 a:hover{

	font-size:14px;

	margin:10px 0 10px 0;

	color: #999999;

	text-decoration:underline;

}

.SubContent H3 {

	font-size:1.3em;

	margin:5px 0;

}

.SubContent p {

	font-size:12px;

	margin:5px 0px 20px;

	color: #333333;

	font-weight: normal;

}

.SubContent p a {

	text-decoration: none;

	color: #0068AE;

	font-weight: normal;

}



.SubContent p a:hover {

	text-decoration: none;

	color: #999999;

}



.SubContent ul li {

	font-size:1.2em;

	margin-left:-16px;

	line-height:1.5em;

	color: #666666;

	list-style-type:square;

	padding:0px;

	text-decoration: none;

	margin-top: 0px;

}



.SubContent ul li a{

	font-size:1em;

	line-height:1.5em;

	color: #0068AE;

	list-style-type:square;

	padding:0px;

	text-decoration: none;

	margin-top: 0px;

	text-decoration:none;

}

.SubContent ul li a:hover{

	font-size:1em;

	line-height:1.5em;

	color: #666666;

	list-style-type:square;

	padding:0px;

	text-decoration: none;

	margin-top: 0px;

	text-decoration:underline;

}





.SubContent font {color:#333333; font-size:12px;}

.SubContent img {padding-bottom:0px;}



.SideBarLeft {width:200px; margin:43px 0 0 0; float:left; padding: 0 0 0px 0;}

.SideBarLeft p{

	font-size: 12px;

	color: #333333;

	text-decoration: none;

	background-image: url(../images/tabledivider.gif);

	background-repeat: repeat-x;

	background-position: bottom;

	padding-bottom: 8px;

	margin-bottom: 0px;

	margin-top: 8px;

}



.SideBarLeft p a{

	font-size: 12px;

	color: #333333;

	text-decoration: none;

}

.SideBarLeft p a:hover{

	font-size: 12px;

	color: #0099FF;

	text-decoration: none;

}



.SideBarRightSub {width:170px; margin:8px 0 0 4px; float:left; padding-left:10px;  background-image:url(../images/tabledividervert.gif); background-repeat:repeat-y; background-position:left; color:#3291D6; font-size:1.1em;}

.SideBarRightSub H2 { padding:0; color:#172f6b; margin:0 0 3px 0; font-size:1.2em;}

.SideBarRightSub b { padding:0; color:#172f6b; font-weight:bold;}

.SideBarRightSub ul { margin: 17px 0px 0px 0px ; font-size:1.1em; padding-left:25px;}

.SideBarRightSub li { color: #003399; list-style-type:square; line-height:17px;}

.SideBarRightSub a {

	color:#0068AE;

	text-decoration:none;

}

.SideBarRightSub a:hover {

	color:#666666;

	text-decoration:none;

}

.SideBarRightSub p {

	background-image:url(../images/tabledivider.gif);

	background-repeat:repeat-x;

	background-position:bottom;

	padding-bottom: 10px;

}





.SideBarRightSubCorp {width:370px; height:300px; margin:8px 0 0 4px; float:left; padding-left:0px; font-size:1.1em;}



#container .content .SideBarRightSubCorp h2

{

	font-family: Arial, sans-serif;

	font-weight: bold;

	color: #FFFFFF;

	font-size: 16px;

	margin-top: 5px;

	margin-left:10px;

}



/*######################################### =Navigation */

.IMGLogo {margin-top:35px; border:none;}

.headerRight {width:750px; float:left; height:80px; border-bottom:1px solid #999999;}

.headerLeft { width:210px; float:left; height:80px; border-bottom:1px solid #999999;}

.topNav {height:40px; margin:5px 0 0 0; padding:0; font-size:.9em; width:700; float:right;}

.topNavList {float:right; margin-right:0px; padding:5px 0 0 0; width:400px;}

.topNav img {padding-right:2px; border:none; float:right;}

.topNavList a {color:#666666; text-decoration:none;}

.topNavList a:hover {color:#999999; text-decoration:underline;}

.topNav ul  {margin: 6px 0 0 0; float:right; }

.topNav li  {display: inline; list-style-type:none; padding: 0 5px 0 6px; text-transform:uppercase; color:#666666; letter-spacing:1px;}



.SearchBox  {float:right; margin:0; padding: 5px 0 0 10px; height:30px; border-left:1px solid #CCCCCC;}

input.text { font-size:12px; margin:3px 2px 0 0; float:left;}



.MainMenu {float:right; margin:0; padding:3px 0 0 0; width:600px; height:30px;}

#menu {list-style-type:none; margin:0 0 0 30px; padding:0;}

#menu li {float:left; padding:0; margin:0 1px 0 0; position:relative; width:80px; height:1px; z-index:100;}

#menu li a, #menu li a:visited {text-decoration:none;}

#menu dl {position:relative; top:0; left:0; width: 75px; margin-left: 0; padding: 0; background: transparent url(../data/transparency.gif);}

#menu dt {margin:0 ; padding:0; width:75px; float:left; line-height:1.3em; font-size:1.2em; margin-left:0px;}

#menu dd {display:none;  clear:both; margin:-1px 0 0 -118px; padding:0; color: #000; font-size:1.1em; text-align:left; line-height:1.8em; position:relative;}

.PVR {padding-left:5px;}

#menu dt a, #menu dt a:visited {display:block; color:#3a3a3a ; padding: 4px 1px; width:75px; text-align:center;}

#menu dd a, #menu dd a:visited {background:#efefef; color:#3a3a3a ; text-decoration:none; display:block; padding:2px 5px 2px 20px; width:170px;border-bottom:2px solid #006DE1;}

#menu li a:hover {border:0;}

#menu li:hover dd, #menu li a:hover dd {display:block;} 

#menu li:hover dl, #menu li a:hover dl {width:195px;}

#menu li:hover dt a, #menu li a:hover dt a, #menu dt a:hover{color:#FFF; background-color:#006DE1;}

#menu dd a:hover {background-color: #88D0FB; border-bottom:2px solid #006DE1;}

/*######################################### =News */



.PressRelease {width:560px; margin:10px 10px 0 10px; float:left; padding: 0; background-image:url(../images/tabledividervert.gif); background-repeat:repeat-y; background-position:left; padding-left:15px;}

.PressRelease H1 {

	font-size:14px;

	margin:0 0 10px 0;

	font-weight: bold;

}

.PressRelease H2 {

	font-size:12px;

	margin:5px 0 10px 0;

	color:#2e4b99;

	font-weight: normal;

}

.PressRelease p {

	font-size:1.2em;

	margin:4px 0 10px 0;

	color:#333333;

	line-height:1.4em;

	padding-bottom:10px;

}

.PressRelease li {font-size:1.2em; margin-left:-16px; line-height:1.5em;}

.PressRelease ul li ul li {font-size:1em; margin-left:-16px; line-height:1.5em; list-style:disc;}

.PressRelease img {margin-bottom:1px;}

.PressRelease br {line-height:1.2em; margin:0; padding:0;}

.PressControls { width:538px; height:51px; margin:10px 0 0px 0px; padding-top:40px; padding-left:22px; background-image: url(../images/newssearchbackg.gif); background-repeat:no-repeat;}

.PressControls p {color:#FFFFFF; font-size:1.1em;}

.PressControls h1 {color: #003399; margin:0 0 5px 0; padding:0;}

.PressControls h2 {color: #003399;}

.DisplayDate {}

.SideBarRightSub p { font-size:1.1em; margin:4px 0 5px 0; color:#333333;}

.SideBarRightSmall {font-size:10px; margin:4px 0 0 0; color:#333333;}

.NewsItem { margin-bottom:10px;}

.recordcount {

	font-size: 12px;

	font-weight: normal;

	margin-bottom: 10px;

	text-decoration:none;

}



.NewsList { margin-top:10px;}

.NewsList p {

	font-size:12px;

	padding:0;

	color:#333333;

	margin: 3px 0px 0px;

}

.NewsListSmall {

	font-size:12px;

	color: #494949;

	font-weight:normal;

	padding-top:0px;

	background-image:url(../images/tabledivider.gif);

	background-repeat:repeat-x;

	background-position:bottom;

	padding-bottom:13px;

	margin-top:5px;

	margin-bottom: 13px;

}



.NewsListSmall a{

	font-size:13px;

	color: #494949;

	font-weight: bold;

}

.NewsList a:link { text-decoration:none;}

.NewsList a:hover { text-decoration:underline;}

.NewsList a:visited { text-decoration:none;}



/* TEST STYLES FOR HEADER DOC */

.whitetextbold {font-size:1.1em; font-weight:bold; color:#FFFFFF;}



.corporatelinks b{

	font-family:Arial, Helvetica, sans-serif;

	color: #CCCCCC;

	font-size:11px;

	text-decoration:none;

}

.corporatelinks a{

	font-family:Arial, Helvetica, sans-serif;

	color:#0068AE;

	font-size:11px;

	text-decoration:none;

}

.corporatelinks a:hover{

	font-family:Arial, Helvetica, sans-serif;

	color: #999999;

	font-size:11px;

	text-decoration:none;

}

.textfields {border:1px solid #2e4b99; font-family:Arial, Helvetica, sans-serif; color: #003399; font-size:11px; padding-left:5px;}

.verticaldivider {background-image:url(../images/tabledividervert.gif); background-repeat:repeat-y; background-position:left;}



.leftnavlinks a{font-family:Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:bold; text-decoration:none; color:#FFFFFF; background-image:url(../images/tabledivider.gif); background-repeat:repeat-x; background-position:bottom; display:block; background-color: #3291D6}

.leftnavlinks a:hover{font-family:Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:bold; text-decoration:none; color:#FFFFFF; background-color:#003366;}



.leftnavlinks2 a{font-family:Arial, Helvetica, sans-serif; font-size:1.1em; text-decoration:none; color:#003366; background-image:url(../images/tabledivider.gif); background-repeat:repeat-x; background-position:bottom; display:block;}

.leftnavlinks2 a:hover{font-family:Arial, Helvetica, sans-serif; font-size:1.1em; text-decoration:none; color:#FFFFFF; background-color: #051C89;}



.tabledata {font-family:Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:bold; color: #333333;}



.tabledata2 {font-family:Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:normal; color: #333333;}

.tabledata2 b a{font-family:Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:bold; color: #003399; text-decoration:none;}



div.mobilephonefeature {width:100%;}

.mobilephonefeature a{color:#0099FF;}

.mobilephonefeature a:hover{color: #999999;}



div.displaymobiles {float:left;

margin: 0px 20px 10px 0px;

width:90px;

border:1px solid #cccccc;

text-align:center;}



div.mobilephonefeature2 {width:550px;

background-image:url(../images/tabledivider.gif);

background-repeat:repeat-x;

background-position:bottom;

padding-bottom:10px;}



div.displaymobiles2 {float:left;

margin: 0px 20px 10px 0px;

min-width:90px;

border:1px solid #cccccc;

text-align:center;}



.displaymobiles img{padding-top:10px;}



div.clear {clear:both;}



.mandatoryfields {

	font-size:12px;

	color:#FF0000;

}



.tabledividers {background-image:url(../images/tabledivider.gif); background-repeat:repeat-x; background-position:center;}



#container .content .SubContent #FeaturesContainer {

	float: left;

	width: 248px;

	background-color: #E8E8E8;

	padding-right:5px;

	}





#container .content .SubContent #BenefitsContainer {

	float:right;

	width: 248px;

	background-color: #E8E8E8;

	padding-right:5px;

}



#container .content .SubContent #clear2 {

	clear: both;

	height:0px;

}



#container .content .SubContent #Directors {margin-top:10px;

background-color:#E8E8E8;

}

#container .content .SubContent #Directors #DirectorsImage {

	float: left;

}

#container .content .SubContent #Directors #DirectorsCopy h3 {

	margin-top: 0px;

}



#container .content .SubContent #Directors #DirectorsCopy {

	float: left;

	margin-left: 10px;

	width: 470px;

	padding-right:10px;

}



#container .content .SubContent #Directors #DirectorsCopy p {

	padding: 0px;

	background-image:none;

}

#container .content .SubContent #DownloadFactsheet {

	text-align: right;

	margin-bottom:10px;

	background-image:url(../images/tabledivider.gif);

	background-repeat:repeat-x;

	background-position:top;

	padding-top:7px;

}



#container .content .SubContent #DownloadFactsheet2 {

	text-align: left;

	margin-bottom:10px;

	background-image:url(../images/tabledivider.gif);

	background-repeat:repeat-x;

	background-position:top;

	padding-top:7px;

}



#container .content .SubContent #DownloadFactsheet2 a{

color:#0099FF;

font-size:11px;

}

#container .content .SubContent #DownloadFactsheet2 a:hover{

color: #999999;

font-size:11px;}



#container .content .SubContent #DownloadFactsheet a{

	color:#0068AE;

	font-size:11px;

}

#container .content .SubContent #DownloadFactsheet a:hover{

	color: #999999;

	font-size:11px;

	text-decoration: none;

}



#Story {

	background-image: url(../images/storybackgmid.gif);

	background-repeat: repeat-y;

	padding:15px;

	padding-top:5px;

}

#container .content .SideBarRightSub #BlockDiagram {

	width: 160px;

	background-color:#E8E8E8;

	text-align:center;

}



#container .content .SideBarRightSub #Applications {

	width: 153px;

	background-color:#E8E8E8;

	padding-right:7px;

}

#container .content .SideBarRightSub #Demos {

	width: 153px;

	background-color:#E8E8E8;

	background-image:url(../images/productdemos.gif);

	background-repeat:no-repeat;

	background-position:top;

	padding-top:40px;

	padding-right:7px;

	

}



#container .content .SideBarRightSub #Demos p{padding-left:10px;}

.vacancies  a {

	color: #0089B7;

	font-weight: normal;

}

#RegistrationForm {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 30px;

}



.downloads {

	background-image: url(../images/tabledivider.gif);

	background-repeat: repeat-x;

	background-position: bottom;

	margin-top: 10px;

	padding-bottom: 10px;

}

.downloads h2 {

	font-size: 15px;

	font-weight: bold;

	margin: 0px 0px 10px 0px;

}



.downloads p {

	line-height: 25px;

	margin: 0px;

}

.downloads a {

	color: #333333;

	text-decoration: none;

}

.downloads a:hover {

	color: #999999;

}

#imgregistration {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	color: #333333;

	line-height: 30px;

	margin: 0px;

	padding: 10px;

	background-color: #E4E4E4;

}

#logo a {

	float: left;

	margin-top: 0px;

	margin-right: 10px;

	margin-bottom: 10px;

	margin-left: 0px;

	border: 1px solid #CCCCCC;

}

#logo a:hover{

	float: left;

	margin-top: 0px;

	margin-right: 10px;

	margin-bottom: 10px;

	margin-left: 0px;

	border: 1px solid #999999;

}

.Newsletters {

	float: left;

	width: 270px;

	margin-right: 20px;

	margin-bottom: 10px;

}



.Newsletters img{

	margin-right:10px;

	margin-bottom: 70px;

}

.Newsletters p{

	margin:0px;

	font-size: 12px;

}

.Newsletters font {

	font-size: 11px;

}

#SurveyForm {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	color: #333333;

	width: 526px;

	line-height: 30px;

}

.SurveyBackg input {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	border: 1px solid #999999;

	padding-left:5px;

}

.SurveyBackg select {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	color: #333333;

	background-color: #FFFFFF;

	border: 1px solid #999999;

}

.SurveyBackg textarea {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	color: #333333;

	padding-left: 5px;

	border: 1px solid #999999;

	width: 400px;

}



.SurveyBackg {

	background-color: #E6E6E6;

	padding-top: 17px;

	padding-left: 21px;

	padding-bottom: 17px;

}


http://www.imgtec.com/SpryAssets/SpryCollapsiblePanel.css

@charset "UTF-8";



/* SpryCollapsiblePanel.css - Revision: Spry Preview Release 1.4 */



/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */



/* This is the selector for the main CollapsiblePanel container. For our

 * default style, the CollapsiblePanel is responsible for drawing the borders

 * around the widget.

 *

 * If you want to constrain the width of the CollapsiblePanel widget, set a width on

 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill

 * up available space.

 *

 * The name of the class ("CollapsiblePanel") used in this selector is not necessary

 * to make the widget function. You can use any class name you want to style the

 * CollapsiblePanel container.

 */

.CollapsiblePanel {

	margin: 0px;

	padding: 0px;

}



/* This is the selector for the CollapsiblePanelTab. This container houses

 * the title for the panel. This is also the container that the user clicks

 * on to open or close the panel.

 *

 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary

 * to make the widget function. You can use any class name you want to style an

 * CollapsiblePanel panel tab container.

 */

.CollapsiblePanelTab {

	font: normal 14px sans-serif;

	margin: 0px;

	cursor: pointer;

	-moz-user-select: none;

	-khtml-user-select: none;

	color: #333333;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #333333;

	background-image: url(../images/plusicon.gif);

	background-repeat: no-repeat;

	background-position: 3px center;

	padding-top: 7px;

	padding-bottom: 7px;

	padding-left: 20px;

	background-color: #E8E8E8;

}



/* An anchor tag can be used inside of a CollapsiblePanelTab so that the

 * keyboard focus ring appears *inside* the tab instead of around the tab.

 * This is an example of how to make the text within the anchor tag look

 * like non-anchor (normal) text.

 */



/* This is an example of how to change the appearance of the panel tab that is

 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed

 * from panels as the user clicks on the tabs within the CollapsiblePanel.

 */

.CollapsiblePanelOpen .CollapsiblePanelTab {

	background-image: url(../images/minusicon.gif);

	background-repeat: no-repeat;

	background-position: 3px center;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}



/* This is an example of how to change the appearance of the panel tab as the

 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added

 * and removed from panel tab containers as the mouse enters and exits the tab container.

 */

.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {

	background-color: #FFFFFF;

}



.CollapsiblePanelTab a {

	color: #333333;

	text-decoration: none;

	font-size: 11px;

}

.CollapsiblePanelTab a:hover{

	color: #0099FF;

	text-decoration: none;

	font-size: 11px;

}



/* This is the selector for a CollapsiblePanel's Content area. It's important to note that

 * you should never put any padding on the content area element if you plan to

 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content

 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.

 *

 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary

 * to make the widget function. You can use any class name you want to style a

 * CollapsiblePanel content container.

 */

.CollapsiblePanelContent {

	margin: 0px;

	padding: 0px;

	background-image: url(../images/submenubackg.gif);

	background-repeat: repeat-x;

	background-position: top;

}



.CollapsiblePanelContent a{

	display:block;

	font: normal 11px sans-serif;

	color:#333333;

	margin: 0px;

	padding:7px 0px 7px 11px;

	text-decoration:none;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #333333;

}



.CollapsiblePanelContent a:hover{

	display:block;

	font: normal 11px sans-serif;

	color: #0099FF;

	margin: 0px;

	text-decoration:none;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #333333;

}



/* This is an example of how to change the appearance of all the panel tabs when the

 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed

 * whenever the CollapsiblePanel gains or loses keyboard focus.

 */

.CollapsiblePanelFocused .CollapsiblePanelTab {}


http://www.imgtec.com/SpryAssets/SpryMenuBarHorizontal.css

@charset "UTF-8";



/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */



/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */



/*******************************************************************************



 LAYOUT INFORMATION: describes box model, positioning, z-order



 *******************************************************************************/



/* The outermost container of the Menu Bar, an auto width box with no margin or padding */

ul.MenuBarHorizontal {margin: 0;

padding: 0;

list-style-type: none;

font-size: 11px;

font-family:verdana;}



/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */

ul.MenuBarActive {z-index: 1000;}



/* Menu item containers, position children relative to this container and are a fixed width */

ul.MenuBarHorizontal li {

	margin: 0;

	padding: 0;

	list-style-type: none;

	position: relative;

	text-align: left;

	cursor: pointer;

	float: left;

	width: 115px;

}



    

/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */

ul.MenuBarHorizontal ul{margin: 0;

padding: 0;

list-style-type: none;

z-index: 1020;

cursor: default;

width: 175px;

position: absolute;

left: -1000em;}



/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */

ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {left: auto;}



/* Menu item containers are same fixed width as parent */

ul.MenuBarHorizontal ul li {width:175px;}



/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */

ul.MenuBarHorizontal ul ul {position: absolute;

margin: 0px 0 0 90%;}



/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */

ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {left: auto;

top:0;}



/*******************************************************************************



 DESIGN INFORMATION: describes color scheme, borders, fonts



 *******************************************************************************/



/* Submenu containers have borders on all sides */

/* Controls all styles for Submenus */

ul.MenuBarHorizontal ul {border: 1px solid #CCC;

border-top:none;

}



ul.MenuBarHorizontal ul a{border-top:1px dotted #0099CC;

font-size:11px;

display:block;

background-image:url(../images/hoverbackg.gif);

cursor:pointer;

text-align:left;}



ul.MenuBarHorizontal ul a:hover{background-image:url(../images/hoverbackg.gif);

background-repeat:repeat-y;

border-top:1px dotted #0099CC;

border-right:4px solid #0099CC;

font-size:11px;

color: #0099FF;}



/* Menu items are a light gray block with padding and no text decoration */

ul.MenuBarHorizontal a {display: block;

cursor: pointer;

background-color: #FFFFFF;

padding: 5px 5px 5px 5px;

color: #333333;

text-decoration: none;

text-align:center;}



/* Menu items that have mouse over or focus have a blue background and white text */

ul.MenuBarHorizontal a:hover { background-color: #69C4FA;

color: #FFF;}



/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */

ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible

{

color: #333333;}