/*reset css*/
        
        html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, b, ul, li, img
{
        	margin: 0; 	
        	padding: 0;
        	border: 0;
        	outline: 0;
        	font-size: 100%;
        	vertical-align: baseline;
        	background: transparent;
        }
        body {
        	line-height: 1;
        }
        ol, ul {
        	list-style: none;
        }


/*  end reset css */

/*  fonts */

          /*  Relative Font Sizes   */
          
          /*  1.25em    = 15px   */
          /*  1.167em   = 14px   */
          /*  1.08em    = 13px   */
          /*  1em       = 12px   */
          /*  0.917em   = 11px   */
          /*  0.833em   = 10px   */
        
        
        body {
        	font-size:100%;
        	font-family: Trebuchet MS ,Arial, Helvetica, Sans-serif;
        	color: #505050;
        	line-height:1em;
        	}
        	
        #wrapper_inner {
        	font-size:0.75em;
        	background:#fff;
        	}
        
        a {
          text-decoration:none;
          color: #505050;
        }
        
        #col_wrapper a {
          border-bottom:1px dotted;
          line-height:1em
        }
                                     
        h2 {
          font-size: 18px;
          line-height:36px;
        }

        h2.red {
          color: #C10000;
          font-weight:normal
        }
        
        #main #content {
        		clear:both;
        		color:#434343;
        }
        		
/*  end fonts */


/*  layout  */

        body {
        	text-align:center;
        	background:#575757;
        	
        	}
 
        #wrapper_outer {
        	width:850px;
        	margin:5px auto;
        	position:relative;
        	z-index:100;
        	}
                 
        #wrapper_inner {
        	padding:0 10px;
        	background:#fff url(../images/bg_tile.gif) repeat-y left top;

        	}
        	
    /*  shadow grid  */

        #shadow_top{
          background: transparent url(../images/bg_header.jpg) no-repeat;
          height:20px;
        }   
          
        #shadow_btm{
          background: transparent url(../images/bg_footer.jpg) bottom no-repeat;
          height:29px;
        }


    /*  end shadow grid  */  

/*  end layout  */ 
  	
  	
/*  header section  */

        #hdr img{
            display:block;
            clear:both
        		} 
        
        #hdr .top img{
        		float:left
        		}
            	
        #hdr .top ul{
        		text-align:right;
        		position:relative;
        		top:15px;
        		padding-right:10px;
        		font-size:1em;
        		float:right
        		}

				

          
        #hdr .top ul li{
        	  display:inline;
        	  padding:12px;
        	  line-height:40px;
        		}

        #hdr .top ul li.custLogin a{
        	  border-bottom:solid 4px;
        		}
          		
    /*  nav bar  */    		
        #nav {
				clear: both;
        		background: #fff url(../images/navigBgTile.gif) repeat-x;
        		height:27px;
        		border-bottom:solid #fff 1px;
        		border-top:solid #fff 1px;
        		text-align:center;
        		}
        
        #nav ul{
            margin-left:70px;
            position:relative;
            z-index:1000
        		}		

        #nav ul ul{
            overflow:auto;
        		}	
                    
        #nav ul li{
            position:relative;
            z-index:1000;
            float:left;
        		}

        #nav ul li a{
            position:relative;
            float:left;
            height:27px;
        		background: #fff url(../images/navigBtnTile.gif) repeat-x;
        		border-right:solid #fff 1px;
        		border-left:solid #fff 1px;
        		margin-left:-1px;
        		padding:0 28px 0 28px;
            line-height:27px;
        		}        		

                        
      /*  active button styles  */ 
        
        #nav ul li.hover a.main{
        		color:#fff;
        		}

        #nav ul li.about a.hover {
        		background: #fff url(../images/about_hover.gif) repeat-x;
        		        		color:#fff
        		}
                                                        		
        #nav ul li.prod a.hover {
        		background: #fff url(../images/products_hover.gif) repeat-x;
        		color:#fff
        		}
                       
        #nav ul li.dev a.hover {
        		background: #fff url(../images/tech_hover.gif) repeat-x;
        		color:#fff
        		}
                        
        #nav ul li.news a.hover {
        		background: #fff url(../images/news_hover.gif) repeat-x;
        		color:#fff
        		}
            
        #nav ul li.cust a.hover {
        		background: #fff url(../images/customers_hover.gif) repeat-x;
        		color:#fff
        		}
        		
        #nav ul li.doc a.hover {
        		background: #fff url(../images/documentation_hover.gif) repeat-x;
        		color:#fff
        		}
        #nav ul li.sol a.hover {
        		background: #fff url(../images/documentation_hover.gif) repeat-x;
        		color:#fff
        		}                             		
      /*  end active button styles  */  
      

    /*  dropdowns */ 
    
      /*  general styles: for each dropdown */
        #nav ul li ul {
          	margin:0;
          	text-align:right;
          	padding:0;
          	float:left;
          	background: #ffffff url(../images/dropdown_bg.png) repeat;
        }

        #nav ul ul li{          
            background: 0;
            clear:both;
            border:none;
            text-align:left;
            white-space:nowrap
        }

        #nav ul li li a:hover{
          text-decoration:underline
        }
        
        #nav ul .wrpr ul li a{          
            padding:0 10px;
            font-size:0.917em;
          	color:#575757;
          	float:left;
          	background:none
        }
           
        #nav ul li .wrpr {
        		position:absolute;
        		left:0;
        		top:27px;
        		overflow:visible;
        		z-index:1;
        		width:200px;
        		sdisplay:none;
        		visibility:hidden;
        }

        #nav ul li .wrpr .wrpr_inner {
            float:left;
            padding:0 0 5px 0;
        		background: transparent url(../images/dropdown_bg_btm.png) repeat-x bottom right; 
            text-align:left;
           
        }

        #nav ul li .wrpr .wrpr_inner_2 {
            float:left;
            padding:0 5px 0 0;
        		background: transparent url(../images/dropdown_bg_side.png) repeat-y top right; 
        }
        

      /*  IE6 only (hiding .png images)  */
             
        * html #nav ul li .wrpr .wrpr_inner_2, * html #nav ul li .wrpr .wrpr_inner {
            background:transparent
        }       
           
        #nav ul li .wrpr .btm {
            display:none;
        }        
                  
        /*  end general dropdown styles  */		
        
        /*  about dropdown  */

        #nav ul li.about ul {
            border:solid #c93336 3px;
        }  

        #nav ul li.about li.active a, #nav ul li.about li a:hover{
        		color:#b81f2c;
        }                 

      /*  end about dropdown  */
    
      /*  product dropdown  */

        #nav ul li.prod ul {
            border:solid #0D87D0 3px;
        } 

        #nav ul li.prod li.active a, #nav ul li.prod li a:hover{
        		color:#0c6dc6;
        }                 

      /*  end product dropdown  */
      
      /*  technology dropdown  */
        
        #nav ul li.dev ul {
            border:solid #FB791E 3px;
        }
        
        #nav ul li.dev li.active a, #nav ul li.dev li a:hover{
        		color:#da4900;
        }                 

      /*  end technology dropdown  */
      
      /*  news dropdown  */


        #nav ul li.news ul {
            border:solid #70A727 3px;
        } 
        
        #nav ul li.news li.active a, #nav ul li.news li a:hover{
        		color:#518103;
        }                 

      /*  end news dropdown  */
   
      /*  customers dropdown  */


        #nav ul li.cust ul {
            border:solid #E6B925 3px;
        }         

        #nav ul li.cust li.active a, #nav ul li.cust li a:hover{
        		color:#a67f00;
        }                 

      /*  end customers dropdown  */
         
      /*  ducumention dropdown  */

        #nav ul li.doc ul {
            border:solid #A238BA 3px;
        }  
        #nav ul li.sol ul {
            border:solid #A238BA 3px;
        }               
        #nav ul li.doc li.active a, #nav ul li.doc li a:hover{
        		color:#692295;
        } 
        #nav ul li.sol li.active a, #nav ul li.sol li a:hover{
        		color:#692295;
        }                   
      /*  end ducumention dropdown  */

        
    /*  end dropdowns */ 
    
  /*  end nav bar  */ 
    
/*  end header section  */

/*  main content section  */

   /*  breadcrumb  */   
       
        #bc {
            zoom:1;
         		background: #fff url(../images/content_tile.gif) repeat-x; 
         		overflow:auto;
        }
        
        #bc ul {
            float:left;
            margin: 6px 0 0px 0;
            font-size:0.917em;
            background:none;
            padding:0 0 1px 28px;
            overflow:visible
        }

        #bc li {
          display:inline;
          margin-left: 0;
          padding:0 5px 0 10px;

          

        } 

        #bc li a{
          border-bottom:1px dotted;
          color:#737373;
        } 
        
        #bc li.first {
          background:none;
          padding-left:0;
        } 
               
/*  end breadcrumb  */
        

/*  footer section  */

        #ftr {
            padding: 20px 0 0 0;
            font:0.917em Trebuchet MS ;
            color:#D9D9D9;
            clear:both
        		}

        #ftr img{
            margin:20px 0
        		}

        #main #ftr a.customers_banner:hover{
            background:0
        		}
                    		
        #ftr .grey_bg{
            background:#575757;
            xzoom:1
        		}		

  /*  footer links  */
  
        #ftr ul.links{
            padding:0 15px 0 15px;
            overflow:auto;
            text-align:left;
        		}	

        #ftr ul.links li{
            float:left;
            margin:0 30px 0 0;
        		}	

        #ftr ul.links li ul{
            margin:2px 0 0 0;
        		}
        		
        #ftr ul.links ul li{
            float:none;
            margin:0
        		}
     
        #ftr ul.links ul li a {
            color:#d9d9d9;
            line-height:16px;
            border:none
        		}

        #ftr ul.links ul li a:hover {
          background:#3B3B3B none repeat scroll 0 0;
          border:0 none;
          color:#FFFFFF;
        		}
                    		
  /*  end footer links  */   
      
  /*  sub-footer   */   
                                   		
        #ftr h6{
            color:#ffcc00;
            margin: 20px 0 0 0;
        		}	
 
        #ftr .address{
            border-top:1px solid #444;
            text-align:left;
            margin: 30px 16px 0 16px;
            padding: 15px 0 30px 0;
            overflow:auto;
            clear:both;
            zoom:1
        		}	 
        
        #ftr .address p{
            float:left;
            color: #9d9c9c;
        		} 

        #ftr .address ul{
            float:right;
            text-align:right;
        		}	
 
        #ftr .address ul li{
            display:inline;

          	}
          
        #ftr .address ul li b{
            padding: 0 5px 0 5px;
            }
                                     
        #ftr .address ul, #ftr .address ul li a{
            color:#ffcc00;
            border:none;
        		}	
            
        #ftr .address ul li a:hover{
          background:#3B3B3B none repeat scroll 0 0;
          border:0 none;
          color:#FFFFFF;
        		}            
            
              
     /*  end sub-footer   */   		
/*  end footer section  */

 
  /*  ------------- general template   -----------------  */
  
        #col_wrapper{
            padding: 0;
            overflow:visible;
            float:left
        }    
                          
        #col_wrapper .l{
          float:left;
          text-align:left
        }

        #col_wrapper .r{
          float:left;
        }

   /*  ------------- end general template   -----------------  */
  /*  ------------- template_1  -----------------  */
  
        #template_1 #col_wrapper{
            padding: 0 0 0 0;
            position:relative;
            width:100%
        }
        
        #template_1 #col_wrapper .l{
          width:570px;
          min-height:400px;
          padding:30px 0 0 0;
        }
        
        #template_1 #content {
        		padding:35px 24px 0 24px;
        		position:relative;
        		zoom:1
        		}
       		
        #template_1 #col_wrapper .r, #template_1 #col_wrapper .rNew{
          width:174px;
          margin:35px 0 0 38px;
          overflow:visible
        }
                                  
       
       
  /*  ------------- end template_1  -----------------  */
  
  /*  ------------- template_2  -----------------  */ 
  
        #template_2 #col_wrapper{
          padding-left:5px;
          padding-top:30px
        } 
        
         #template_2 #col_wrapper .l{
          width:532px;
        }               		
        
        #template_2 #content {
        		padding:10px 24px 0 24px;
        		position:relative;
        		zoom:1;
        		overflow:auto;
        		
        		}
 
        #template_2 #col_wrapper .r{
          width:250px;
        }    
 
  /*  ------------- end template_2  -----------------  */
  

  /* tower */
  
        #col_wrapper .r .twr a{
          border:0;   
          
        }
                
         #col_wrapper .r .twr{
          text-align:center;   
          overflow:auto;
          zoom:1;   
          position:relative;
          right:-9px;
        }

         #col_wrapper .r .twr .top{
          background:transparent url(../images/right_panel-top.jpg) no-repeat;
          clear:both
        }
        
        #template_2 #col_wrapper .r .twr .top{
          height:78px;
        }        

        #template_1 #col_wrapper .r .twr .top, #template_1 #col_wrapper .r .twr .plain{
          height:74px;
        } 
                          
         #col_wrapper .r .twr .main{
          background:transparent url(../images/right_panel-bg.jpg) repeat-y;
          padding:0 10px 0 0 ;
          clear:both;
          min-height:600px;
          zoom:1
        }

         #col_wrapper .r .twr a{
          background-color:none;
        }

         #col_wrapper .r .twr a:hover{
          background-color:none;
        }
                
         #col_wrapper .r .twr a.txtlnk{
          color:#c7c7c7;
          border-bottom:1px dotted
        }

         #col_wrapper .r .twr a.txtlnk:hover{
          color:#fff;
          border:0;
          background:#3b3b3b
        }
                
         #col_wrapper .r .twr .main h4{
          text-align:left;
          margin:4px 10px 4px 0;
          color:#000;
          font-size:16px;

        }
                
         #col_wrapper .r .twr .main .item{
          background:transparent url(../images/right_panel-bg.jpg) repeat-y;
          border-bottom:solid 1px #292929;
          padding:15px;
          overflow:auto;
          clear:both;
          text-align:left;
          zoom:1;
        }

         #col_wrapper .r .twr .main .noborder{
          border:0;
        }
        
         #col_wrapper .r .twr .item .iconDiv{
          clear:both;
          overflow:none;
          min-height:40px
        }

        /*for printing onlt...to replace text images*/
        .printText{
          display:none;
          color:#000
        }
        
         #col_wrapper .r .twr .item a{
          padding:4px 0 0 0;
          margin:0 0 0 5px;
          float:left;
          display:block;
          border-bottom:underline;  
          line-height:.8em
        }

         #col_wrapper .r .twr .item a:hover{
           background-color:transparent;
        }

         #col_wrapper .r .twr .item a.textLink{
          color:#c7c7c7;
          border-bottom:1px dotted;
          padding:6px 0 2px;
        }

         #col_wrapper .r .twr .item a.textLink:hover{
          color:#fff;
          border-bottom:0; 
          background-color:#3b3b3b    
        }
                
         #col_wrapper .r .twr .item img{
          clear:both;
          float:left;
          display:block
        }

         #col_wrapper .r .twr .item .pad{
          margin-top:5px;
        }
        
         #col_wrapper .r .twr .item .newsitem{
          color:#fff;
          padding: 2px 0 15px 0;
          zoom:1;
          overflow:auto;
          clear:both;
          line-height:13px;
          cursor:pointer;
        }

         #col_wrapper .r .twr .item .newsitem h5, #col_wrapper .r .twr .item .newsitem strong{
          font-size:13px;
          line-height:14px;  
          color:#dadada;
        }
         
          #col_wrapper .r .twr .item .newsitem .date{
          padding:2px 0;
          line-height:13px;
          font-size:0.917em;
          color:#959595;
        }

         #col_wrapper .r .twr .item .newsitem span{
          line-height:13px;

          color:#959595
        }

         #col_wrapper .r .twr .item .newsitem a, #col_wrapper .r .twr .item .newsitem em{
          display:inline;
          padding:0;
          clear:both;
          float:left;
          font-style:normal;
          font-size:0.917em;
          color:#c7c7c7;
        }
                                                               
         #col_wrapper .r .twr .btm{
          height:26px;
          clear:both;
          background:transparent url(../images/right_panel-bottom.jpg) no-repeat;
        } 
          
         #template_1 #col_wrapper .r .twr .main{
          background:transparent url(../images/narrow_middle_bg.jpg) repeat-y;
          padding:0 10px 0 0 ;
          clear:both;
          overflow:auto;
          zoom:1
        }

        
         #template_1 #col_wrapper .r .twr .main h4{
          text-align:left;
          margin:0 10px 20px 0;
          color:#000;
          font-size:16px;

        }

            
        #template_1 #col_wrapper .r .twr .main .item{
          background:none;
          border-bottom:solid 1px #292929;
          padding:10px 0 10px 10px;
          overflow:auto;
          clear:both;
          text-align:left;
        }

        #template_1 #col_wrapper .r .twr .main .nopad,
        #template_2 #col_wrapper .r .twr .main .nopad, 
        #col_wrapper .r .twr .main .nopad{
          
          padding-top:0;
        }
        
         #template_1 #col_wrapper .r .twr .main .noborder, #template_2 #col_wrapper .r .twr .main .noborder{
          border:0
        }
        
         #template_1 #col_wrapper .r .twr .item .iconDiv{
          clear:both;
          overflow:none;
          height:40px
        }     

        #template_1 #col_wrapper .r .twr .item .pad{
          margin-top:7px;
        }
        
        #template_1 #col_wrapper .r .twr .item img{
          clear:both;
          float:left;
          display:block
        }
                                             
         #template_1 #col_wrapper .r .twr .btm{
          height:36px;
          clear:both;
          background:transparent url(../images/narrow_bottom.jpg) no-repeat;
        } 
        
        #template_1 #titleBar{
          border-bottom: solid #e4e4e4 1px;
          overflow:visible;
          clear:both;
          height:40px;
          width:780px;
          position:relative
        }	
        
         #template_1 #titleBar h2, #template_2 #titleBar h2.ldp {
          padding: 0 18px;
          display:inline;
          font-size:22px;
          line-height:38px;
          border-top: solid #e4e4e4 1px;
          border-right: solid #e4e4e4 1px;
          background:#fff;
          position:absolute;
          left:0;
          top:3px
        }
        
          #template_1 #titleBar ul{
            background: #fff url(../images/littleNavTile.gif) repeat-x;
            text-align:right;
            position:absolute;
        		right:0;
        		top:0;
        		}	
 
         #template_1 #titleBar ul li{
            background: transparent url(../images/littleNavTile.gif) repeat-x;
            float:left;
        		border:solid #e4e4e4 1px;
        		margin-left:-1px;
        		margin-top:14px;
        		margin:14px -1px 0 0;
        		height:25px;
        		padding:0 15px 0 15px;
        		zoom:1
        		}

         #template_2 #titleBar ul li a, #template_1 #titleBar.ldp ul li a{
            display:block;
            padding-top:5px
        		}
        		
         #template_1 #titleBar ul li a:hover, #template_2 #titleBar.ldp ul li a:hover{
            text-decoration:underline
        		}

  
  /*thickbox image links*/
         #col_wrapper .l .img_wrapper{
          float:left;
		  width:100%;
		  clear:all;
        }

         #col_wrapper .l .img_wrapper_singleimg{
          clear:both;
          padding:30px 0 0 0;
          overflow:visible;
          text-align:center;
        }
      
         #col_wrapper .l .img_wrapper div{
          float:left;
          overflow:visible; 
          width:230px;
          text-align:center
        }

         #col_wrapper .l .img_wrapper div div, #col_wrapper .l .img_wrapper_singleimg div div {
          clear:both;
          padding:10px 0;
          text-align:center
        }

         #col_wrapper .l .img_wrapper a.imgDiv, #col_wrapper .l .img_wrapper_singleimg a.imgDiv {
          border:none
        }
         #col_wrapper .l .img_wrapper a.imgDiv:hover, #col_wrapper .l .img_wrapper_singleimg a.imgDiv:hover {
          background:none
        }

		ul.bullets {
			list-style:disc inside;
			margin:10px 0px 10px 20px;
		}


#navSlide {
font-weight:bold;
margin:0 0 0 50px;
}
a#prevSlide {

padding-left:20px;
}
a#nextSlide {

padding-right:20px;
}
#navSlide a.activeSlide {
color:gray;
}
#navSlide a, a#prevSlide, a#nextSlide {
color:#FF9F1D;
float:left;
margin:0 5px;
padding:3px 5px;
text-decoration:none;
}



/* new nav styling for right sidebar */
#rightNavBar a {
display:block;
width:144px;
height:34px;
text-indent: -9999px;
}
#rightNavBar a#PVA {
background: url('../images/sprite-small-right-panel.jpg');
background-position:0 0;
margin-left:0px;
padding:0px;
}
#rightNavBar a#PVA:hover {
background-position:0 -34px;

}
#rightNavBar a#DV {
background: url('../images/sprite-small-right-panel.jpg');
background-position:0 -68px;
margin-left:0px;
padding:0px;
}
#rightNavBar a#DV:hover {
background-position:0 -102px;
}
#rightNavBar a#MM {
background: url('../images/sprite-small-right-panel.jpg');
background-position:0 -136px;
margin-left:0px;
padding:0px;
}
#rightNavBar a#MM:hover {
background-position:0 -170px;
}
#rightNavBar a#SNG {
background: url('../images/sprite-small-right-panel.jpg');
background-position:0 -204px;
margin-left:0px;
padding:0px;
}
#rightNavBar a#SNG:hover {
background-position:0 -238px;
}
#rightNavBar a#SAB {
background: url('../images/sprite-small-right-panel.jpg');
background-position:0 -272px;
margin-left:0px;
padding:0px;
}
#rightNavBar a#SAB:hover {
background-position:0 -306px;
}

#rightNavBar a#HC {
background: url('../images/sprite-small-right-panel.jpg');
background-position:0 -340px;
margin-left:0px;
padding:0px;
}
#rightNavBar a#HC:hover {
background-position:0 -374px;
}
#rightNavBar a#DC {
background: url('../images/sprite-small-right-panel.jpg');
background-position:0 -408px;
margin-left:0px;
padding:0px;
}
#rightNavBar a#DC:hover {
background-position:0 -442px;
}
#rightNavBar a#More {
background: url('../images/sprite-small-right-panel.jpg');
background-position:0 -476px;
margin-left:0px;
padding:0px;
}
#rightNavBar a#More:hover {
background-position:0 -510px;
}
#rightNavBar a#ORG {
background: url('../images/sprite-small-right-panel.jpg');
background-position:0 -543px;
margin-left:0px;
padding:0px;
}
#rightNavBar a#ORG:hover {
background-position:0 -577px;
}
#rightNavBar a#NG {
background: url('../images/sprite-small-right-panel.jpg');
background-position:0 -611px;
margin-left:0px;
padding:0px;
}
#rightNavBar a#NG:hover {
background-position:0 -645px;
}

        #hdr .top ul li.nopad{
        	  display:inline;
			  padding:0;
        	  line-height:40px;
        		}
	ul.padRight {
		margin-right:15px;
	}
