@charset "UTF-8";
/* CSS Document */

/* General styles ############################################### */
body{
	background:#e2e2e2;
	color:#353535;  
	margin:0; 
	padding:0;
	line-height:1.2em;	
}
body{
	font-family:arial, tahoma, sans-serif; 
	font-size:0.85em;
}

#pageBody {
	border:none;
	background:#FFF;
	vertical-align:top;
	width:900px;
	margin:0 auto;
}
#pageBody .spacerCell{
	height:18px;
}
#pageBody .widthSpacer{
	width:auto;
}
#leftCol{
	width:189px;
	vertical-align:top;
}
.narrowCol{
	height:20px;
	padding-top:0px;
	text-align:right;
}
#pageContentHolder .narrowCol p{
	margin-right:0;
}
.narrowCol a{
	text-decoration:none;
	margin-left:6px;
	font-size:11px;
}
.narrowCol a img{
	position:relative;
	top:2px;
}
.narrowCol a:link, .narrowCol a:visited{
	color:#039;
}

.topContent{
	padding-bottom:15px;
}
.topContent #videoPlayer{
	margin-top:25px;
}

#pageContentHolder{
	background:#e2e2e2;
	width:693px;
	line-height:1.2em;
}
#pageContentHolder p{
	font-size:13px;
}
#pageContentHolder .spacerCell{
	height:4px;
}

#pageContentHolder td{
	vertical-align:top;
}
#pageContentHolder p, #pageContentHolder h1, #pageContentHolder h2, #pageContentHolder h3, #pageContentHolder h4{
	margin:0 20px 12px 24px;
	color:#333;
	line-height:1.2em;
	
}
#pageContentHolder h3{
	font-size:16px;
}

#pageContentHolder h4{
	font-size:14px;
}


#pageContentHolder ul{
	font-size:12px;
	margin:0 0 15px 35px;
	padding:0;
	list-style-image:url(/images06/2008/pageContentHolderBullet.gif);
}
#pageContentHolder li{
	margin:4px 0 0 0 ;
	padding:0;
}

#bottomSubCat{
	padding-top:26px;
	background:#FFF;
	margin-left:5px;
	lineHeight:1.9em;
}

#bottomSubCat p{
	font-size:12px;
}
#bottomSubCat p, #bottomSubCat h1, #bottomSubCat h2, #bottomSubCat h3, #bottomSubCat h4{
	margin:0 20px 15px 24px;
	color:#333;
}
#bottomSubCat ul{
	margin:0 15px 15px ;
	line-height:1.3em;
}

#relatedLinks{
	background:#FFF;
	color:#333;
	font-size:12px;
	padding-bottom:24px;
	width:166px;
}
#relatedLinks p, #relatedLinks h1, #relatedLinks h2, #relatedLinks h3, #relatedLinks h4{
	margin:15px 20px 15px 7px;
	color:#333;
}
#relatedLinks h3{
	font-size:14px;
}
#relatedLinks h4{
	font-size:12px;
}
#relatedLinks ul{
	margin:0 12px 5px 7px;
	padding:0;
	list-style:none;
	list-style-image:none;
}
#relatedLinks li{
	margin-top:8px;
	margin-bottom:8px;
}
#relatedLinks a{
	font-size:12px;
	text-decoration:none;
}
#relatedLinks a:link{
	color:#0852A5;
}
#L1 #relatedLinks .imageHeader{
	left:0px;
	margin:7px;
}
#L2 #relatedLinks .imageHeader{
	/*position:relative;
	top:-25px;*/
	left:3px;
	margin:7px;
}
#pffImage{
	border:none;
}
#pageContentHolder ul.linkList li, #pageContentHolder ul .linkList{
	/*list-style:url(/images06/2008/btorange_gry.gif) inside;*/
	list-style-image:none;
	list-style:none;
	padding:3px 0 0 12px;
	background:url(/images06/2008/btorange_gry.gif) no-repeat 0px 0px;
}
#pageContentHolder .topContent ul, #pageContentHolder ul.linkList, #bottomSubCat ul{
	margin-left:60px;
	margin-right:7px;
}
 #pageContentHolder ul.linkList{
 	margin-left:50px;
	margin-top:0;
 }
#pageContentHolder .topContent ul ul, #pageContentHolder ul.linkList ul, #bottomSubCat ul ul{
	margin-left:11px;
	
}
#pageContentHolder ul.linkList ul li{
	padding:3px 0 0 12px;
	background:url(/images06/2008/pageContentHolderBullet.gif) no-repeat 3px 6px;
}
#pageContentHolder .topContent ul.noIndent{
	margin-left:35px;
}
.linkList a{
	text-decoration:none;
	/*font-weight:bold;*/
}
#pageContentHolder a{
	text-decoration:none;
}
#pageContentHolder a:link{
	color:#039;
}
#pageContentHolder a:visited{
	color:#777;
}
#pageContentHolder a:hover{
	color:#06C;
}
#videoPlayer.rightFloatFlashVideo{
	width:233px;
	float:right;
	margin: 0 4px 30px 8px;
}
.rightFloatFlashVideo1 {
	DISPLAY: inline; FLOAT: right; MARGIN: 0px 24px 30px 8px; WIDTH: 233px
}

/*background styles #################################################*/
/*mainBG1 is the default image*/
#pageBody.mainBg1{
	background:url(/images06/2008/nogroupwave.jpg) no-repeat bottom left #FFF;	
}
/*mainBG2 is for Products L1 & all Products L2 */
#pageBody.mainBg2{
	background:url(/images06/2008/unigroup01.jpg) no-repeat bottom left #FFF;
	
}
/*mainBG2 is for About L1 & all About L2, How to Buy L1, Contact Us L1*/
#pageBody.mainBg3{
	background:url(/images06/2008/unigroup03.jpg) no-repeat bottom left #FFF;
	
}
/*mainBG2 is for Solutions L1  & all Solutions L2 (excluding “For IT”)*/ 
#pageBody.mainBg4{
	background:url(/images06/2008/unigroup04.jpg) no-repeat bottom left #FFF;
	
}
/*leftNav styles ###################################################*/
#leftNav{
	width:180px;
	list-style:none;
	padding:0;
	margin:37px 0 0 0;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	line-height:15px;
}
#leftNav li{
	padding:0;
	margin:0;
	background:#9d9fa2;
	color:#FFF;
}
#leftNav li a.selected, #leftNav li a{
	font-size:11px;
	display:block;
	padding:1px 0px 1px 15px;
	margin:0;
}
#leftNav li a.selected, #leftNav li a:hover.selected, #leftNav li a.selectedL2, #leftNav li a:hover.selectedL2,#leftNav li a.selectedL3, #leftNav li a:hover.selectedL3,#leftNav li a.selectedL4, #leftNav li a:hover.selectedL4{
	background:none;
	color:#FFF;
}
#leftNav li a.selectedL2, #leftNav li a.L2{
	padding:1px 0px 1px 22px;
	width:158px;
}
#leftNav li a.selectedL3, #leftNav li a.L3{
	padding:1px 0px 1px 29px;
	width:151px;
}
#leftNav li a.selectedL4, #leftNav li a.L4{
	padding:1px 0px 1px 36px;
	width:144px;
}

#leftNav li a{
	width:165px;
	text-decoration:none;
	background:#FFF;
	border-bottom:1px solid #CCC;
}
#leftNav li a:link, #leftNav li a:visited{
	color:#666;
}
#leftNav li a:hover{
	background:#f2f2f2;
}

/*masthead styles ################################################*/
.masthead{
	padding:0;
	margin:0 auto 5px;
	background:#FFF;
	height:71px;
	width:900px;
	border:none;
	font-size:0.85em;
}
.masthead .logo{
	position:relative;
	left:18px;
	top:5px;
}

/*NEW OCT 08*/

/*.masthead .menuArea {
	WIDTH: 474px; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}*/
.masthead .menuArea {
	WIDTH: 550px; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
/*.masthead .menuArea .topRow {
	VERTICAL-ALIGN: middle; HEIGHT: 33px; TEXT-ALIGN: right
}*/



.masthead .topRow {
	position: relative;
	float: right;
	width: 670px;
	text-align: right;

	}
.masthead .bottomRow {
	position: relative;
	float: right;
	width: 670px;
	text-align: right;
}
.masthead .menuArea .topRow A {
	FONT-SIZE: 11px; MARGIN-RIGHT: 30px; TEXT-DECORATION: none
}
.masthead .menuArea .topRow A.lastTop {
	MARGIN-RIGHT: 55px
}
.masthead .menuArea .topRow a:link, .masthead .menuArea .topRow a:visited, .masthead .menuArea .topRow a:active{
	color:#666;
}
.masthead .menuArea .topRow a:hover{
	color:#999;
}

.masthead .menuArea .topRow .searchForm{
	display:inline;
	margin-right:10px;
	_margin-right: 5px;
}
.masthead .menuArea .topRow .searchForm .form{
	margin:0;
	margin-right:0;
	position:relative;
	top:4px;
	left:-3px;
}
.masthead .menuArea .topRow .searchForm #searchTerms{
	height:13px;
	width:105px;
	border:1px solid #CCC;
	font-size:10px;
}
.masthead .menuArea .bottomRow{
	height:19px;
	vertical-align:middle;
	text-align:right;
}


.masthead .bottomRow .mainNav, .masthead .menuArea .bottomRow .mainNav{
	text-align:right;
}
.masthead .menuArea .bottomRow .mainNav a, .masthead .bottomRow .mainNav a{
	margin-right:14px;
	text-decoration:none;
	font-weight:bold;
/*Change For New Titles from 13px to 12px*/
	font-size:12px;
}
.masthead .menuArea .bottomRow .mainNav a.lastBottom, .masthead .bottomRow .mainNav a.lastBottom{
	margin-right:18px;
}
.masthead .menuArea .bottomRow .mainNav a:link, .masthead .bottomRow .mainNav a:link, .masthead .menuArea .bottomRow .mainNav a:visited, .masthead .bottomRow .mainNav a:visited{
	color:#039;
}
.masthead .menuArea .bottomRow .mainNav a:hover, .masthead .bottomRow .mainNav a:hover{
	color:#06C;
}
/*END OCT 08 CHANGES*/


	
/*footer styles ##########################################################*/
#footer{
	vertical-align:top;
	background:#e2e2e2;
	margin:20px auto 50px;
	width:900px;
}
#footer p{
	margin:0;
	padding:0;
	line-height:20px;
}
#footer a{
	text-decoration:none;
	font-weight:normal;
	font-size:9px;
	margin:0 5px;
}
#footer a:link, #footer a:visited{
	color:#444;
}
#footer a:hover{
	color:#777;
}
#footer a.primary, #footer a.larger{
	font-size:11px;
}
#footer a.primary{
	font-weight:bold;
}
#footer a:link.primary, #footer a:visited.primary{
	color:#039;
}
#footer a:hover.primary{
	color:#06c;
}
#footer .padder{
	margin:0 0 0 20px;
}
#footer .copyright{
	vertical-align:top;
	text-align:right;
	color:#888;
	font-size:9px;
}
#footer .copyright span{
	margin:0 20px 0;
}	
/*page header and breadcrumb styles ###################################################*/
.pageHeader{
	width:100%;
	
}
.pageHeader td{
	vertical-align:top;
	font-size:0.85em;
}
.pageHeader td p{
	margin-top:10px;
}
.pageHeader .pffColumn{
	width:210px;
	color:#666;
}
.pageHeader .pffColumn p{
	font-weight:normal;
	font-size:9px;
	margin-top:9px;
	margin-left:18px;
}
.pageHeader h1, .pageHeader h2{
	padding:0;
}
.pageHeader h2{
	font-size:17px;
	margin:0 0 13px 8px;
	color:#999;
}
.pageHeader h1{
	margin:0 0 8px 8px;
	font-size:20px;
	color:#039;
}

#breadcrumb p{
	font-weight:normal;
	font-size:9px;
	margin-bottom:15px;
	color:#CCC;
}
#breadcrumb p a{
	word-spacing:1px;
	margin-right:1px;
	text-decoration:none;
}
#breadcrumb p a:link, #breadcrumb p a:visited{
	color:#000;
}
#breadcrumb p a:hover{
	color:#333;
}
#breadcrumb p .breadcrumbOn{
	color:#039;
}
/*Tab styles #############################################################*/
.tabBar{
	height:15px;
	background:url(/images06/2008/topStripe.gif)  left bottom repeat-x #FFF;
	/*width:100%!important;*/
	width:693px;
	margin-right:18px;
}
.tabBar a, .tabBar a .leftTab, .tabBar a .rightTab{
	padding-top:2px;
	padding-bottom:7px;
} 
.tabBar a{
	position:relative;
	top:-4px;
	left:-3px;
	margin:0;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	background:url(/images06/2008/tab_mid_g.gif) repeat-x bottom;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.tabBar a{
		top:-4px;
	}
}
.tabBar a .leftTab{
	background:url(/images06/2008/tab_l_g.gif) no-repeat bottom;
}
.tabBar a .leftTab img {
	width:8px;
	height:28px;
	border:none;
}
.tabBar a .rightTab{
	background:url(/images06/2008/tab_r_g.gif) no-repeat bottom;
}
.tabBar a .rightTab img {
	width:26px;
	height:28px;
	border:none;
}

.tabBar a.selected{
	background:url(/images06/2008/tab_mid_b.gif) repeat-x bottom;
}
.tabBar a.selected .leftTab{
	background:url(/images06/2008/tab_l_b.gif) no-repeat bottom;
}
.tabBar a.selected .rightTab{
	background:url(/images06/2008/tab_r_b.gif) no-repeat bottom left;
}


/* L1 specific styles ############################################### */
#L1{
	margin:0;
}
#L1 #pageContentHolder .wideCol{
	width:450px;
}
#L1 #pageContentHolder .narrowCol{
	width:243px;
}
#L1 #pageContentHolder #bottomSubCat{
	width:499px;
}
#L1 .narrowCol a{
	position:relative;
	left:-6px;
}

/*L2 specific Styles ############################################### */
#L2{
	margin:0;
}
#L2 #pageContentHolder .wideCol{
	width:500px;
}
#L2 #pageContentHolder .narrowCol{
	width:166px;
}
#L2 #pageContentHolder #bottomSubCat{
	width:499px;
}

/*home page styles #####################################################*/
#homePage #pageBody td, #homePage #pageBody .narrowCol{
	vertical-align:top;
}
#homePage .wideCol{
	width:608px;
}
#homePage .wideCol #homeFlash{
	margin-left:18px;
	margin-top:9px;
}
#homePage #topperFlash{
	margin-top:9px;
	padding-bottom:3px;
	background:#e2e2e2 url(/images06/2008/topStripe.gif) repeat-x bottom;
}
#homePage .narrowCol div{
	background:#e2e2e2;
	margin-right:14px;
	text-align:left;
}
#homePage .narrowCol h4, #homePage .narrowCol p{
	padding:0;
	margin:0;
}
#homePage .narrowCol h4{
	font-size:11px;
}
#homePage .narrowCol p{
	margin-bottom:11px;
}
#homePage .narrowCol a{
	margin-left:0;
	left:0;
}
#homePage .narrowCol .bottomContent{
	padding:9px 14px 10px 16px;
	margin-bottom:12px;
}
#homePage .narrowCol .bottomContent h3, #homePage .narrowCol .bottomContent h3 a{
	color:#039;
	font-size:1.4em;
	margin:10px 0;
	padding:0;
}
#homePage .narrowCol .bottomContent h3 a{
	font-size:1em;
}
#homePage .hr{
	border-bottom:1px solid #888;
	margin:15px 0;
	padding:0;
}
#homePage .narrowCol p, #homePage .narrowCol a, #homePage .narrowCol{
	font-size:11px;
	line-height:14px;
}
#homePage img{
	border:none;
}
#homePage .rss{
	vertical-align:top;
}
#homePage .narrowCol ul{
	margin:5px 0 10px 0;
	padding:0;
	list-style:none;
}
#homePage .narrowCol ul li{
	margin-bottom:10px;
}
#homePage .narrowCol ul li a{
	
}
#homePage .narrowCol ul li a.orange, #homePage .narrowCol ul li a.green, #homePage .narrowCol ul li a.purple{
	padding-left:20px;
	font-size:15px;
	font-weight:bold;
	display:block;
	padding-bottom:0px;
}
#homePage .narrowCol ul li a.orange{
	background:url(/images06/2008/home_orange_bullet.gif) no-repeat;
}
#homePage .narrowCol ul li a:link.orange, #homePage .narrowCol ul li a:visited.orange{
	color:#f26522;
}
#homePage .narrowCol ul li a:hover.orange{
	color:#F94;
}
#homePage .narrowCol ul li a.green{
	background:url(/images06/2008/home_green_bullet.gif) no-repeat;
}
#homePage .narrowCol ul li a:link.green, #homePage .narrowCol ul li a:visited.green{
	color:#6a8801;
}
#homePage .narrowCol ul li a:hover.green{
	color:#9A1;
}
#homePage .narrowCol ul li a.purple{
	background:url(/images06/2008/home_purple_bullet.gif) no-repeat ;
}
#homePage .narrowCol ul li a:link.purple, #homePage .narrowCol ul li a:visited.purple{
	color:#7f4782;
}
#homePage .narrowCol ul li a:hover.purple{
	color:#96A;
}
#homePage #homefooter{
	margin:20px auto 50px;
	width:900px;
}
#homePage #footer{
	width:720px;
	margin:0;
}
#homePage #footer .padder{
	margin:0;
}
#homePage #footer .copyright span{
	margin:0;
}
#homePage .pffColumn{
	width:180px;
	font-size:9px;
}

/*scroller styles ##################################################################*/
#scrollBox{
	/*height:260px;*/
	height: 345px;
	width:575px;
	overflow:auto;
	margin-left:18px;
	position:relative;
}
#scrollBox table{
	color:#333;
	display:block;
	border-bottom:1px solid #CCC;
	text-decoration:none;
	height:80px;
	margin-right:10px;
}
#scrollBox a{
	text-decoration:none;
}

#scrollBox table p, #scrollBox table img, #scrollBox table h4{
	display:block;
	margin:12px 6px;
	
}
#scrollBox a img{
	margin:12px 0 12px 20px;
}
#scrollBox table p a{
	width:260px;
	font-size:11px;
	line-height:13px;
	color:#333;
}
#scrollBox table h4 a{
	color:#039;
}
#scrollBox table h4{
	font-size:12px;
	width:180px;
	line-height:14px;
}
#scrollBox table:hover{
	background-color:#EEE;
}
#scrollContent{
	position:absolute;
	width:559px;
	
}
#scrollBar{
	background:#e2e2e2;
	width:16px;
	height:230px;
	float:right;
	margin:0px 16px 0 0;
	position:relative;
	display:none;
}
#scrollBar div{
	width:16px;
}
#scrollBar #topArrow, #scrollBar #bottomArrow{
	height:15px;
	position:absolute;
}
#scrollBar #topArrow{
	background:url(/images06/2008/scroller_up.gif) no-repeat #e2e2e2;
}
#scrollBar #bottomArrow{
	background:url(/images06/2008/scroller_down.gif) no-repeat #e2e2e2;
	bottom:0px;
}
#scrollBar #thumb{
	position:absolute;
	top:16px;
}
#scrollBar #thumb #thumbTop{
	background:url(/images06/2008/scroller_thumb_top.gif) no-repeat #e2e2e2;
	height:2px;
	overflow:hidden;
}
#scrollBar #thumb #thumbBody{
	background:url(/images06/2008/scroller_thumb_body.gif) repeat-y #e2e2e2;
	height:105px;
}
#scrollBar #thumb #thumbBottom{
	background:url(/images06/2008/scroller_thumb_bottom.gif) no-repeat #e2e2e2;
	height:3px;
}
/*drop menu styles ######################################################*/
#dropmenudiv{
	position:absolute;
	left:0;
	top:0;
	visibility:hidden;
	padding:4px 18px 4px 8px;
	border: 1px solid #CCC;
	background: #c7d9e6;
	font-family:tahoma,verdana, sans_serif;
	width: 168px;
	height:auto; 
	font-size:9px;
	z-index:100;
}

#dropmenudiv a{
    color:#757575;
    font-family:tahoma,verdana, sans_serif; 
	font-size:9px;
    font-family:sans-serif;
    text-decoration:none;
	/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
	border:none;
	cursor:hand;
}

#dropmenudiv a:hover{ /*hover background color*/
	color:#00338B;
}

/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu {
	position:absolute;
	overflow:hidden;
	border-style: solid;
	border-left-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
    font-family:arial;
	width: 150px; 
	font-size:10px;
	left:-1000px;
	top:-1000px;
	}

/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content {
	position:absolute;
	width: 165px;
	font-family:arial, tahoma, sans-serif;
	font-size:10px;
	left:0px;
	}

/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .mContent {
	width: 165px;
	font-family:arial, tahoma, sans-serif;
	font-size:10px;
	left:8px;
	}
	
/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items {
	position:relative;
    font-family:arial, tahoma, sans-serif;
	font-size:10px;
	left:1px; top:0px;
	z-index:2;
	}

.transMenu .top .items {
    font-family:arial, tahoma, sans-serif;
	font-size:10px;
	border-top:none;
	}

/* each TR.item is one menu item */
.transMenu .item {
    color:#757575;
    font-family:arial, tahoma, sans-serif;
	font-size:10px;
    font-family:sans-serif;
    text-decoration:none;
	/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
	border:none;
	cursor:pointer;
	}

/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.transMenu .background {
	position:absolute;
	left:0px; 
	top:0px;
	z-index:1;
	}

/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowRight {
	position:absolute;
	z-index:3;
	top:0px; width:0px;
	}

/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowBottom {
	position:absolute;
	z-index:1;
	left:0px; height:0px;
	}

/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.transMenu .item .hover {
	background:#FFFFFF;
    font-family:arial, tahoma, sans-serif;
	font-size:10px;
	color:#164CA1;
	}

/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
.transMenu .item img {
	margin-left:1px;
}

/*tracking code layout fix ################################################*/
.tracking{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.switchgroup1 {
	padding-top:5px;
	background:#FFF;
	margin-left:5px;
	lineHeight:1.9em;
	font-size:12px;
	margin:-10px -0px 15px 50px;
	color:#333;
}
.switchgroup1 a:link {
	color:#003399;
}
.switchgroup1 a:visited {
color:#777777;
}
.switchgroup1 a:hover {
color:#0066CC;
}

.handcursor{
	color:#003399
	font-size:16px
	background:#FFF;
	margin:0pt 20px 15px 24px;
	padding:0;
	cursor:hand;
	cursor:pointer;
)