body
{
    margin:auto;
    padding:0px;
    text-align:center;
    background:url(/images/bg_gradient.png) repeat-x fixed;
    font-family:Arial;
    font-size:12px;
}

a         {  color:#0976d1; text-decoration:none;}
a:visited {  color:#0976d1; text-decoration:none;}
a:hover   {  color:#f68d22; text-decoration:none;}
a:active  {  color:red;     text-decoration:none;}



#HeaderWrapper {
	background:url(/images/bg_header_gradient980.png) no-repeat; 
    
	width:980px;
    height:122px;
    margin:auto;
	padding:9px 0px 0px 0px;
}
 
 
    #Header {
	    background:url(/images/background_header_green.gif);
	    background-repeat:repeat-x;
	    background-color:Black;
	    width:960px;
	    height:92px;
        margin:auto;
        padding:0px;
 	    text-align:left;
 	   
     }

    #Header ul
    {
        width:960px;
        margin:0px 0px 0px 0px;
        padding:0px; 
        list-style-type:none; 
        
    }

    #Header ul li
    {
        float:left;
       
    }

    #Header ul li#logo
    {
   
      padding:0px;
      margin:0px;
    }
    
    #Header ul li#search
    {
	    background:url(/images/header-manufactured-by-TC-Communications.gif);
	    background-repeat:repeat-x;    
        text-align:right;
        padding:6px 0px 0px 13px;
        margin:0px 0px 0px 160px;        
        width:525px;
        height:23px; 
        color:White;
        font-size:11px;        
    }
     
        #Header ul li#search div{
            padding:0px;
            margin:0px;
            float:left;
            font-size:10px;
       
        }
        
        #Header ul li#search div.sales{ }
        #Header ul li#search div.pipe{padding:0px 10px}
        #Header ul li#search div.proudly{ padding-right:10px;}
        #Header ul li#search div.flag{}
        #Header ul li#search div.flag img { padding:0px; margin:0px; position:relative;top:-2px; left:0px;}
         
  
        
 
    
    #Header ul li img {
         margin-top:9px;
         margin-left:19px;
     
    }
    
    #Header ul li#logoHeading 
    {
      position:relative;
      top:38px;
      left:-220px;
      color:#f79846;
      font-size:10px;
      width:500px;  /*EXPANDS THIS LI TO ENSURE IT BREAKS TO THE NEXT LINE (BENEATH THE JUMBOSWITCH LOGO)*/
        
      
    }
    
    #Header ul li#logoHeading  a {color:#f79846;}
    #Header ul li#logoHeading  a:hover {text-decoration:underline;}
    
    #Header ul li#searchField {width:179px; height:17px;  margin:16px 0px 0px 23px; padding:0px 0px 0px 0px;}
    #Header ul li#searchField .searchDefaultButton { }
    #Header ul li#searchField .searchDefaultButton div {float:left;padding:0px;margin:0px}
    #Header ul li#searchField .searchDefaultButton div input {border:0px;padding:0px;margin:0px}
    #Header ul li#searchField .searchDefaultButton div input.searchLabel{border:1px solid #eeeeee; width:145px; height:14px;padding:1px 0px 0px 5px; font-size:9px;  color:#666666;}
    
#Navigation
{
    background-color:black;
    width:960px;
    height:30px;
    margin:auto;
    padding:0px;
    text-align:left;
    position:relative; /*nav spacing fix for IE 7*/
    }

        #Navigation ul
        {
         background-color:black;
        list-style-type: none;
        margin:0px;
        padding:0px;           
        color:white; 
        height:30px;
        }
        
                #Navigation li
                {
                     float:left;
                     height:30px;
                     padding:0;
                     margin:0px;
                     text-align:center;
                }
                
               
              

                /*NAVIGATION LINKS*/              
                
                #Navigation li a
                {
                    display: block;
                    background-repeat:no-repeat;
                    
                }                
            
                #Navigation li a span
                {
                    display:none;
                }            
                           
                #Navigation li#home a                           
                {
                    background-image: url(/images/navigation_all.gif);
                    background-position: 0px 0px;
                    height:30px;
                    width:81px;
                }   

 
                #Navigation li#home a:hover                           
                {
                    background-image: url(/images/navigation_all.gif);
                    background-position: 0px -30px;
                    height:30px;
                    width:81px;
                }
                
                #Navigation li#card a                           
                {
                    background-image: url(/images/navigation_all.gif);
                    background-position: -81px 0px;
                    color:White;
                    height:30px;
                    width:171px;
                }   
               
                #Navigation li#card a:hover                           
                {
                    background-image: url(/images/navigation_all.gif);
                    background-position: -81px -30px;
                    color:White;
                    height:30px;
                    width:171px;
                }               
                
                #Navigation li#chassis a                           
                {
                    background-image: url(/images/navigation_all.gif);
                    background-position: -252px 0px;
                    height:30px;
                    width:166px;
                } 
                
                #Navigation li#chassis a:hover                           
                {
                    background-image: url(/images/navigation_all.gif);
                    background-position: -252px -30px;
                    height:30px;
                    width:166px;
                }                                                                                                               
 
                 #Navigation li#applications a                           
                {
                    background-image: url(/images/navigation_all.gif);
                    background-position: -418px 0px;
                    height:30px;
                    width:216px;
                }

                 #Navigation li#applications a:hover
                {
                    background-image: url(/images/navigation_all.gif);
                    background-position: -418px -30px;
                    height:30px;
                    width:216px;
                }
                
                #Navigation li#literature a                           
                {
                    background-image: url(/images/navigation_all.gif);
                    background-position: -634px 0px;
                    height:30px;
                    width:126px;
                }
                
                #Navigation li#literature a:hover                           
                {
                    background-image: url(/images/navigation_all.gif);
                    background-position: -634px -30px;
                    height:30px;
                    width:126px;
                }                
                
                #Navigation li#support a                           
                {
                    background-image: url(/images/navigation_all.gif);
                    background-position: -760px 0px;
                    height:30px;
                    width:105px;
                }
                
                #Navigation li#support a:hover                           
                {
                    background-image: url(/images/navigation_all.gif);
                    background-position: -760px -30px;
                    height:30px;
                    width:105px;
                }                 
                
                #Navigation li#sales a                           
                {
                    background-image: url(/images/navigation_all.gif);
                    background-position: -865px 0px;
                    height:30px;
                    width:95px;
                } 
                
                #Navigation li#sales a:hover
                {
                    background-image: url(/images/navigation_all.gif);
                    background-position: -865px -30px;
                    height:30px;
                    width:95px;
                }                                
                     
                       
                                               
 /*~~~~~~~~~~~~~~~~~ STYLE FOR ANYTHING IN BODY ~~~~~~~~~~~~~~~~~~~ */     
#BodyWrapper
{
  
 	background:url(/images/bg_container_gradient980.png);
	background-repeat:repeat-y;
 	width:980px;
	margin:auto;
    padding:0px;
	/*border:solid gold 1px;*/
}

    #Body
    {

       background-color:White;
	   width:920px;
	   margin:auto;
       padding:20px;
	   text-align:left;

    } 
    
            #Body #homePageLeft
            {
            padding:0px;
            margin:0px;
            width:560px;
            float:left;
            }    

            #Body #homePageLeft p{
           clear:both;
           padding:0px;
           margin:0px 0px 20px 0px;
            line-height:18px;
            }

            #Body #homePageLeft .firstsellingPoint
            {
              float:left;
              width:560px;
              font-size:10px;
              font-family:Verdana;
              padding:0px;
              margin:0px 0px 20px 0px;               
            }     
            
                        #Body #homePageLeft .firstsellingPoint .firstsellingPoint_left
                        {
                                float:left;
                                width:247px;
                                padding:0px 0px 0px 0px;
                                margin:0px 0px 0px 0px;
                        }
                        
                                #Body #homePageLeft .firstsellingPoint .firstsellingPoint_left img
                                {
                                    border:0px;
                                    margin-bottom:2px;
                                }                        
                       
                        #Body #homePageLeft .firstsellingPoint .firstsellingPoint_right
                        {
                                float:left;
                                width:230px;
                                padding:0px 0px 0px 50px;
                                margin:0px 0px 0px 0px;    
                                background-image: url(/images/home_4U_chassis_arrow_text.gif);
                                background-position: 32px 135px; 
                                background-repeat:no-repeat;                           
                                  
                        }                       
                                           

            #Body #homePageLeft .sellingPoints
            {
              float:left;
              width:253px;
              margin:0px 16px 25px 0px;
              line-height:18px;
               
              
            }
            
            #Body #homePageLeft .sellingPoints img
            {
              float:left;
              padding:0px;
              margin:0px 16px 115px 0px;
              
            }
            
            #Body #homePageLeft .sellingPoints h3
            {
              margin:0px;
              padding:0px;              
              font-size:12px;              
            }            

            #Body #homePageLeft .sellingPoints h3 a
            {
              color:Black;
              font-size:12px;         
              font-weight:bold;     
            } 

            #Body #homePageLeft .sellingPoints h3 a:hover
            {
                 text-decoration:underline;
            }

            #Body #homePageLeft .videotextcontainter
            {
                
                width:530px;
                 line-height:18px;
            }

            #Body #homePageLeft .videotextcontainter img
            {
                float:left;
                margin-right:20px;
            }   
             

            #Body #homePageRight
            {
                padding:15px 0px 0px 0px;
                margin:0px;
                width:350px; 
                float:left;  
            }

 /*~~~~~~~~~~~~~~~~~ HOME PAGE GRADIENTS BOXES~~~~~~~~~~~~~~~~~~~ */

ul.gradient350
{
        padding:0px;
        margin:0px;
        width:350px;
        list-style-type:none;
        
}

        ul.gradient350 li.gradient350_top
        {
              width:330px;
              margin:0px 0px 0px 0px;   
              padding:10px;
              margin:0px;              
              background:url(/images/home_gradient_top_bottom.jpg);
              background-repeat:no-repeat;
              background-position: 0px 0px; 
              
                         
        }

                    ul.gradient350 li.gradient350_top h2
                    {
                    font-size:14px;
                    padding:0px;
                    margin:0px;
                    }

        ul.gradient350 li.gradient350_middle
        {
              width:330px;
              padding:0px 10px 0px 10px;
              margin:0px 0px 0px 0px;              
              background:url(/images/home_gradient_middle_only.gif);
              background-repeat: repeat-y;
              font-size:11px;
             
        }
                ul.gradient350 li.gradient350_middle strong
                {
                      
                }
                
                                     /*~~~~~~~~~~~~~~~~~ LISTED ITEMS: CHECK MARKS FOR TCVIEW~~~~~~~~~~~~~~~~~~~ */
                
                                    ul.gradient350 li.gradient350_middle img.TCView
                                    {
                                            border:0px;
                                            float:left;
                                            padding:0px;
                                            margin: 0px 10px 40px 0px;
                                     }
                                     ul.checkmarksTCView
                                    {
                                        margin:0px;
                                        padding:15px 0px 10px 0px;

                                    }

                                            ul.checkmarksTCView li
                                            {
                                                list-style:none;
                                                background-image: url(/images/icon_checkmark_blue.gif);
                                                background-repeat:no-repeat; 
                                                font-size:11px;
                                                padding:0px 0px 5px 20px;
                                                margin-left:100px;
                                            }                        

                                    /*~~~~~~~~~~~~~~~~~ LISTED ITEMS WITH IMAGES~~~~~~~~~~~~~~~~~~~ */
                                    
                                    ul.gradientList-w-Image
                                    {
                                        padding:0px;
                                        margin:0px;
                                        list-style-type:none;
                                       
                                    }
                
                                                ul.gradientList-w-Image li 
                                                {
                                                    
                                                    clear:both;                                                                                                                                 
                                                   
                                                }
                                                
                                                                                           
                            
                                                ul.gradientList-w-Image li div.li-leftimage
                                                {
                                                   float:left;
                                                   padding:10px 0px 0px 0px;
                                                    margin:0px;
                                                     text-align:center;
                                                    width:50px;
                                                }
                            
                                                ul.gradientList-w-Image li div.li-rightcontent
                                                {
                                                    padding:10px 0px 0px 10px;
                                                    width:270px;
                                                    float:left;
                                                    
                                                                                   
                                                }                
                
                                                ul.gradientList-w-Image li div.li-rightcontent strong a 
                                                {
                                                    color:black;
                                                     font-weight:bold;
                                                }
                                                
                                                ul.gradientList-w-Image li div.li-rightcontent strong a:hover 
                                                {
                                                    color:black;
                                                     font-weight:bold;
                                                     text-decoration:underline;
                                                }                                                

        ul.gradient350 li.gradient350_bottom
        {
              width:300px;
              height:54px;
              padding:10px 50px 10px 10px;
              background:url(/images/home_gradient_top_bottom.jpg);
              background-repeat:no-repeat;
              background-position: 0px -54px;  
              text-align:right;
               font-size: 11px; 
                      
        }

        
 


.clearBoth
{
    clear:both; 
} 

 
 /*~~~~~~~~~~~~~~~~~ STYLES FOR Subnav ~~~~~~~~~~~~~~~~~~~ */
#subNav{

border:1px solid #666666;
padding:15px 10px 15px 10px;
background-color:#dce0dc;
color:#666666;

}


            #subNav a
            {
                padding:0px;
                margin:0px 15px 0px 5px;
                color:#000000;
            }

            #subNav a:hover
            {
                text-decoration:underline;
            }



#subNavMultiline{
height:100px;
border:1px solid #666666;
padding:12px 10px 15px 10px;
background-color:#dce0dc;
color:#666666;
text-align:left;

}
            #subNavMultiline ol {padding:0px; margin:0px;}
            #subNavMultiline ol li { list-style-type:none; float:left;}
            
            #subNavMultiline ol li div {width:220px; padding:0px; margin:0px; }

            #subNavMultiline ol li div a
            {
                padding:0px;
                 
                color:#000000;
                 line-height:25px;
                 white-space:nowrap;
                 
            }

            #subNavMultiline ol li div a:hover
            {
                text-decoration:underline;
            }
 
 
 #subNavMulti{

border:1px solid #666666;
padding:12px 10px 15px 10px;
background-color:#dce0dc;
color:#666666;
text-align:center;
}


            #subNavMulti a
            {
                padding:0px;
                margin:0px 20px 0px 0px;
                color:#000000;
                 line-height:25px;
                 white-space:nowrap;
            }

            #subNavMulti a:hover
            {
                text-decoration:underline;
            }
 
 

#subNavMultiCategories{
font-size:12px;
border:1px solid #666666;
padding:15px 10px 0px 15px;
background-color:#dce0dc;
color:#666666;
text-align:left;
}

    /*container for nested UL below*/

    #subNavMultiCategories ul#catCell{
        padding:0px;
        margin:0px;
        color:#333333;
     
    }
    
            #subNavMultiCategories ul#catCell li{
                list-style:none;
                padding:0px;
                margin:0px 0px 0px 0px; 
                float:left;
               
                width:440px;
            
            }


    /*Style to allow Chassis options to have two collumns*/            
            
    #subNavMultiCategories  ul#catCellLink_1{
        padding:0px;
        margin:0px;  
         
    }

    #subNavMultiCategories ul#catCellLink_1  li{
        padding:0px;
        margin:0px;        
         
        float:left;
        width:200px;
        padding-top:7px;
    }
       
            #subNavMultiCategories ul#catCellLink_1  li a
            {
                padding:0px;
                margin:0px 0px 0px 0px;
                color:#000000;
                
                
            }

            #subNavMultiCategories ul#catCellLink_1  li a:hover
            {
                text-decoration:underline;
            }
    
    /*Style to allow "Chassis: Main & Management Cards"  options to have one collumns*/                
            
    #subNavMultiCategories  ul#catCellLink_2{
        padding:0px;
        margin:0px;  
         
    }

    #subNavMultiCategories ul#catCellLink_2  li{
        padding:0px;
        margin:0px;        
         
        float:left;
        width:250px;
        padding-top:7px;
    }
       
            #subNavMultiCategories ul#catCellLink_2  li a
            {
                padding:0px;
                margin:0px 0px 0px 0px;
                color:#000000;
                
                
            }

            #subNavMultiCategories ul#catCellLink_2  li a:hover
            {
                text-decoration:underline;
            }            
 /*~~~~~~~~~~~~~~~~~ STYLES FOR BODY ~~~~~~~~~~~~~~~~~~~ */

#mainBody{

}

#mainBody h1{
 font-size:18px;
 color:#0066cc;
 padding:10px 0px 0px 0px;
 margin:0px;
}

#mainBody h2{
 font-size:15px;
 color:#000000;
 padding:10px 0px 0px 0px;
 margin:0px;
}



#mainLeft{
float:left;
width:570px;
padding-right:20px;
 line-height:20px;
}
 
         #mainLeft p {
         padding:10px 0px;
         margin:0px;         
         }

#mainRight{
float:left;
width:330px;
padding:25px 0px 0px 0px;
margin:0px;
}

#mainRight img{

padding:0px 0px 0px 0px;
margin:0px;
}

                           /*CARD FEATURES*/

                            #featuresArea{
                                
                            }

                           #featuresArea ul
                          {
                                  
                             
                            padding:15px 0px 20px 5px;
                            margin:0px;
                            font-size:12px;
                            
                          }
                          
                          #featuresArea ul li
                          {
                            list-style:none;
                            background-image: url(/images/icon_green_check.gif);
                            background-repeat:no-repeat;
                            padding:0px 0px 4px 18px;
                            margin:0px;
                            font-size:12px;
                          }       


                          /*CARD PRODUCT SPECIFICATIONS*/
                    
                        #specificationArea
                        {
                             padding-left:15px;
                             margin-top:5px;
                        }
                    
                            #specificationArea strong
                            {
                                font-size:12px;
                                font-family:Arial;
                            }                    
                    
                            #specificationArea ol.tablel_content {
                                 
                                margin:0px 0px 10px 0px;
                                padding:0px;
                                list-style-type: none;
                                font-family:Arial;
                                font-size:12px;                        
                                
                             

                            }

                                #specificationArea  ol.tablel_content li {
                                    margin: 0;
                                    padding: 2px 0px;
                                    text-align:right;
                                    background: url(/images/icon_index_dotted_line.gif) repeat-x left 22px;
                                    background-position: 0% 72%;
                                    clear:both;
                                    list-style-type: none;
                                	
                                }

                                #specificationArea  ol.tablel_content li strong 
                                {
                                        float: left;
                                        padding: 0px 5px 0px 25px;  
                                        font-weight:normal;
	                                    background:white;
                                        font-family:arial;
                                        font-size:12px;  	                                    
                                        
                                		 
                                }

                                #specificationArea ol.tablel_content li em {
                                        float: left;
                                        padding: 0px 0px 0px 10px;  
                                        font-weight:normal;
	                                    background:white;
                                        font-style:normal;
                                     
                                		 
                                }

                                #specificationArea ol.tablel_content li em {
                                    float: none;
                                    background:white;
                                    
                                }

                                

                                #specificationArea ol.tablel_content li.subcat {
                                	 
                                    padding:0px 0px 0px 10px;
                                    margin:5px 0px 5px 0px;
                                    text-align:left;
                                    background:white;
                                     
                                }

                                .super

                                {
                                position:relative;
                                left:0px;
                                top:-6px;
                                font-family:arial;
                                font-size:8px;

                                }


 /*~~~~~~~~~~~~~~~~~ STYLE FOR FOOTER ~~~~~~~~~~~~~~~~~~~ */
    
#FooterWrapper {
    
 	background:url(/images/bg_bottom_gradient980.png);
	background-repeat:no-repeat;
 	width:980px;
 	height:65px;
    margin:auto;
    padding:0px;

    
	/*border:solid gold 1px;*/
}

    #Footer
    {
 	    background:url(/images/background_bottom_green.gif);
	    background-repeat:repeat-x;
	    background-color:#008bcf;        
        width:960px;
        height:30px;
        margin:auto;
        padding:20px 0px 0px 0px;
        color:White;
        font-size:10px;
        text-align:left;
        
      } 
    
 
    
    #Footer div {
            float:right;
            padding:3px 15px 0px 15px;
    }

    #Footer div a {
        color:White;
    }
        
    #Footer div   em{
         color:Red;
         font-style:normal
    }

 /*~~~~~~~~~~~~~~~~~ SHOW JUMBOSWITCH LOGO IN HTML ~~~~~~~~~~~~~~~~~~~ */
 
 h1.jumboTitleLarge 
{
    font-family:Arial;
    font-size:18px;
    font-weight:normal;
    margin:0px 0px 0px 0px;
    padding:7px 0px 0px 0px;
    
     

}      

    h1.jumboTitleLarge div
    {
        float:left;
        padding:3px 3px 10px 0px;
         
    }

    h1.jumboTitleLarge div.jumboTitleLarge_img
    {
         color:#ff9933;
         font-weight:bold;
         padding:3px 5px 7px 5px;
         background:url(/images/icon_jumboswitch_swoosh_h1.gif);
         background-repeat: no-repeat;
         background-position: 0px 0px;         
    }


/*SALES PAGE*/

                #howToOrder 
                    {
                        clear:both;
                        list-style-type:none;
                        padding:5px 0px 0px 0px;
                        margin:0px;
                       
                    }
            
                    #howToOrder div            
                    {
                       
                     float:left;
                     
                     }
                    
                     #howToOrder div.orderNestedTag
                    {
                        background-color:Gold;
                    } 
                    
                     #howToOrder div.orderNestedField  
                    {
                       border:solid 1px red;
                       width:300px;
                    }
                     
                     
                     #howToOrder div.orderLeft
                    {
                      
                      float:left;
                      width:80px;
                      text-align:right;
                      padding-right:10px;
                    }
            
                             #howToOrder  li
                            {
                                clear:both;
                                padding-bottom:5px;
                                height:20px;
								 
                            }     
  
                               #howToOrder  li input, #howToOrder  li textarea, #howToOrder  li select 
                            {
                                color:#333333; 
                                font-family:arial;
                                font-size:13px;
                                border:1px solid #333333;
								 
                            } 
  
                              #howToOrder  li#messageBoxFix
                            {
                                clear:both;
                                height: 90px;
                                
							}                              
							
                              #howToOrder  li#spamFilterFix
                            {
                                clear:both;
                                height: 155px;
								 
							     overflow: visible;
							}                              
														
							
                     #howToOrder  .citystate                                
                      {
                       padding:0px 8px 0px 8px;   
                       }
                                                         
                                  
                    #howToOrder .error
                    {
                         clear:both;
                         color:#ff0000;
                        width:300px;
                         padding:3px 25px 5px 0px;
                         margin:0px 0px 0px 0px;
                         font-size:11px;
                         font-weight:bold;
                         height:20px;
                         /*background:#ffcc66;*/
                         /*background-image:url(/images/background_subnavigation_selected.gif);*/
                         background-image:url(/images/background_form_alert.gif);
                         background-repeat:no-repeat;
                        /*position:relative;
                        top:0px;
                        left:0px;
                        z-index:10;*/
                        
                         
                           
                    }                    

                     #howToOrderForm li.howMessageBox
                    {
                          float:left;
                          width:350px;
                          padding:0px;
                          margin:0px ;
                           
                           
                    }      

  /*~~~~~~~~~~~~~~~~~ SHOW TCVIEW LOGO IN HTML ~~~~~~~~~~~~~~~~~~~ */
  
  .logoTCView
  {
    font-weight:bold;
    color:#263990;
    font-style:italic; 
  }
  .logoTCView span
  {
     color:#00ac4f;
     font-style: normal;
 
  }  
  
  
  
  /*~~~~~~~~~~~~~~~~~ SHARED CLASSES ~~~~~~~~~~~~~~~~~~~ */  
  
  .imageRight  

{
    float:right;
    margin:0px 0px 10px 10px;
    padding:0px 0px 0px 0px;
    font-size:10px;
    color:#666666;
    font-family:Verdana;
    text-align:center;
    
}

ul.at-a-glance-Points{
padding:10px 0px 0px 0px;
margin:0px;
list-style-type:none;
 
}

        ul.at-a-glance-Points li{
        width:280px;
        float:left;
        padding:0px 0px 30px 0px;
        margin:0xp;
         
        }
        
        ul.at-a-glance-Points li div.leftPoint{
            float:left;
            width:64px;
            padding:5px 0px 0px 0px;
            margin:0px;     
             
        }
        
        ul.at-a-glance-Points li div.rightPoint{
             float:left;
             width:171px;
             padding:0px 0px 0px 10px;
             margin:0px;                         
           
        }        
        
        /*nested list*/
        ul.at-a-glance-Points li ul{
            margin:0px;
            padding:0px;
            width:180px;
        }
        
            ul.at-a-glance-Points li ul li{
                margin:0px 0px 5px 0px;
                padding:0px 0px 0px 20px;
                list-style:none;       
                width:160px;     
                background-image: url(/images/icon_green_check.gif);
                 background-position:0px 5px;
                 background-repeat:no-repeat;
                 
            }        
        
/*~~~~~~~~~~~~~~~ LITERATURE POINTS ~~~~~~~~~~~~~~*/
        
ul.LiteraturePoints{
padding:10px 0px 0px 0px;
margin:0px;
list-style-type:none;
 
}

        ul.LiteraturePoints li{
        width:280px;
        float:left;
        padding:0px 0px 30px 0px;
        margin:0xp;
         
        }
        
        ul.LiteraturePoints li div.leftPoint{
            float:left;
            width:64px;
            padding:5px 0px 0px 0px;
            margin:0px;     
             
        }
        
        ul.LiteraturePoints li div.rightPoint{
             float:left;
             width:200px;
             padding:0px 0px 0px 10px;
             margin:0px;
                             
           
        }         
        
        ul.LiteraturePoints li div.rightPoint strong  a{
            color:Black;
             font-weight:bold;
        }
         ul.LiteraturePoints li div.rightPoint strong  a:hover{
            text-decoration:underline;
         }        
         
         ul.LiteraturePoints li div.rightPoint a.litSeeAll{
            color:#cc6633;
             font-size:10px;
            
        }
        
        
                           ul.checkmarked

                          {
                            padding:15px 0px 20px 5px;
                            margin:0px;
                            font-size:12px;
                            }

                          

                          ul.checkmarked li

                          {
                            list-style:none;
                            background-image: url(/images/icon_green_check.gif);
                            background-repeat:no-repeat;
                            padding:0px 0px 4px 18px;
                            margin:0px;
                            font-size:12px;

                          }         
                          
                          
                          
                    /*~~~~~~~~~~~~~~~~~ GRADIENTS BOXES 300PX~~~~~~~~~~~~~~~~~~~ */
                      ul.gradient330
                    {
                            padding:0px 0px 0px 0px;
                            margin:0px;
                            width:300px;
                            list-style-type:none;
                    }

                                ul.gradient330 li.gradient330_top
                                {
                                      width:310px;
                                      margin:0px 0px 0px 0px;   
                                      padding:15px 0px 15px 20px;
                                      margin:0px;
                                      text-align:left;              
                                      background:url(/images/home_gradient_top_bottom_330px.jpg);
                                      background-repeat:no-repeat;
                                      background-position: 0px 0px; 
                                      
                                      
                                                 
                                }

                                        ul.gradient330 li.gradient330_top strong
                                        {
                                        font-size:12px;
                                        padding:0px 0px 0px 0px;
                                        margin:10px 0px 0px 0px;
                                        
                                        }

                                ul.gradient330 li.gradient330_middle
                                {
                                      width:330px;
                                      padding:0px;
                                      margin:0px 0px 0px 0px;              
                                      background:url(/images/home_gradient_middle_only_330px.gif);
                                      background-repeat: repeat-y;
                                      font-size:11px;
                                     
                                }
                                        ul.gradient300 li.gradient300_middle strong
                                        {
                                             line-height:17px;
                                        }

                                ul.gradient330 li.gradient330_bottom
                                {
                                      width:240px;
                                      height:54px;
                                      padding:10px 0px 0px 90px;
                                      margin:0px;
                                      background:url(/images/home_gradient_top_bottom_330px.jpg);
                                      background-repeat:no-repeat;
                                      background-position: 0px -54px;  
                                      text-align:left;
                                      font-size: 11px; 
                                      clear:both;
                                }                     
                                
                                
ul.askATechQuestion {
    
    padding:0px 20px 0px 20px;
    margin:0px;
    font-size:12px;
    list-style:none;
    width:270;
    color:#666666;
    text-align:left;
}          

        ul.askATechQuestion li{
         padding:0px;
         margin: 0px 0px 0px 0px;         
         
        }

        ul.askATechQuestion li.askLeft{
           float:left;
            
            width:70px;
         padding:0px;
         margin: 0px 0px 0px 0px; 
        }                           
        
         ul.askATechQuestion li.askRight{
          
         text-align:left;
         padding:0px 0px 0px 0px;
         margin: 0px 0px 0px 0px;
                 
        }     
    
         ul.askATechQuestion li.askRight b{
          
         text-align:left;
         padding:0px 0px 0px 0px;
         margin: 0px 0px 0px 0px;
  
        }     
        
        ul.askATechQuestion li  b a{
             color:#666666;
             font-weight:bold;
        }        
        
        ul.askATechQuestion li  b a:hover{
            text-decoration:underline;
        }        
        
          ul.askATechQuestion li.askError{
          clear:both;
         padding:0px 0px 0px 78px;
         margin: 0px 0px 0px 0px;
         color:Red;
         font-size:10px;
                 
        }                                        
.red{   
    color:Red;
}



ul.cardManagementMain{
    
    padding:0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    list-style-type:none;
}

                ul.cardManagementMain li{
                padding:0px 10px 10px 0px;
                margin: 0px 0px 0px 0px;    
                text-align:center;
                float:left; 
                     
                }
   
                ul.cardManagementMain li.cardManagementMainText{
                 float:left;
                  width:300px;
                padding:45px 10px 10px 0px;
                margin: 0px 0px 0px 0px; 
                text-align:left;                  
                }
                
                ul.cardManagementMain li.cardManagementMainImage{
                padding:0px 10px 0px 10px;
                margin: 0px 0px 0px 0px;    
                width:151px;
                text-align:center;
                        
                }  
                
                ul.cardManagementMain li div.cardManagementMain-top{
                    padding:0px 0px 0px 0px;
                    margin: 0px 0px 5px 0px;    
                    height:120px;
                    text-align:center;                 
                    
                }
                
                  ul.cardManagementMain li.cardManagementMain-4U{
                  float:left;
                  width:200px;
                 font-size:10px;
                padding:0px 0px 0px 0px;
                margin: 45px 0px 0px 0px;                  
                  }
                  
                  ul.cardManagementMain li.cardManagementMain-2S{
                  float:left;
                  width:200px;
                font-size:10px;
                padding:0px 0px 0px 0px;
                margin: 0px 0px 0px 0px;                   
                  }                 
                
                
ul.cardOptionsAll{
    
    padding:0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
     list-style-type:none;
}

            ul.cardOptionsAll li{
                padding:0px 10px 10px 10px;
                margin: 0px 13px 25px 0px;    
                width:151px;
                height:319px;
                float:left;
             
                text-align:center;
                 background-image:url(/Industrial-Ethernet-Switch-Cards/images/optional_card_view_details.jpg);
                  background-repeat: no-repeat;
                  background-position: 0px 184px;
            }
               
            ul.cardOptionsAll li .cardOptionsAll-top {
                    padding:0px 0px 0px 0px;
                    margin: 5px 0px 5px 0px;    
               
                    height:120px;
                    text-align:center;                    
            }
            
            ul.cardOptionsAll li .cardOptionsAll-mid {
                    padding:0px px 0px 0px;
                    margin: 15px 0px 0px 0px;              
                   
                    height:20px;
            }
            
            ul.cardOptionsAll li .cardOptionsAll-bottom {
                    padding:0px 0px 0px 0px;
                    margin: 0px 0px 0px 0px;              
                   
                    height:89px;
            }            
            
            ul.cardOptionsAll li .cardOptionsAll-bottom-link{
                    height:27px;
                 
                  font-size:11px;
            }
            
            ul.cardOptionsAll li .cardOptionsAll-bottom-link a{
                color:White;
                padding:0px 5px 0px 5px;   
                font-weight:bold;  
                
                           
            }
                   
            ul.cardOptionsAll li h2  a, ul.cardOptionsAll li h2  a:visited{       
             font-size:15px;
             color:#000000;
             padding:10px 0px 0px 0px;
             margin:0px; 
             font-weight:bold;      
            } 

            ul.cardOptionsAll li h2{
           
            height:40px;
            padding:0px 0px 0px 0px ;
            margin:auto;
            }

            ul.cardOptionsAll li h2 a:hover {       
             font-size:15px;
             color:#000000;
             padding:10px 0px 0px 0px;
             margin:0px; 
             font-weight:bold;  
             text-decoration:underline;    
            }
            
            ul.cardOptionsAll li p{
              
            }


            ul.cardOptionsAll li.cardSpacerMainMgmt{
              
                 background-image:none;
                 width:200px;
            }

            ul.cardOptionsAll li.cardSpacerCombo{
                background-image:none;
                width:30px;
            }
.ChassisDynamicLayout {
    /*border:1px solid red;*/
   
    float:left;
    padding:0px 20px 0px 0px;
    margin:0px 0px 0px 0px;
} 

ul.chassisOptionsAll{
    
    padding:0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
     list-style-type:none;
}

            ul.chassisOptionsAll li{
                padding:0px 10px 0px 10px;
                margin: 0px 17px 0px 17px;    
                width:151px;
                height:319px;
                float:left;
                text-align:center;
                background-image:url(/Industrial-Ethernet-Switch-Cards/images/optional_card_view_details.jpg);
                background-repeat: no-repeat;
                background-position: 0px 151px;
                border:1p
                               
            }
                
            ul.chassisOptionsAll li .chassisOptionsAll-top {
                    padding:0px 0px 0px 0px;
                    margin: 5px 0px 5px 0px;    
                    height:88px;
                    text-align:center;                    
                    
            }
            
            ul.chassisOptionsAll li .chassisOptionsAll-mid {
                    padding:0px px 0px 0px;
                    margin: 15px 0px 0px 0px;              
                    height:20px;
                    
            }
            
            ul.chassisOptionsAll li .chassisOptionsAll-bottom {
                    padding:0px 0px 0px 0px;
                    margin: 0px 0px 0px 0px;              
                    height:89px;
            }            
            
            ul.chassisOptionsAll li .chassisOptionsAll-bottom-link{
                    height:27px;
                 
                  font-size:11px;
            }
            
            ul.chassisOptionsAll li .chassisOptionsAll-bottom-link a{
                color:White;
                padding:0px 5px 0px 5px;   
                font-weight:bold;  
                
                           
            }
                   
            ul.chassisOptionsAll li h2  a, ul.chassisOptionsAll li h2  a:visited{       
             font-size:15px;
             color:#000000;
             padding:10px 0px 0px 0px;
             margin:0px; 
             font-weight:bold;      
            } 

            ul.chassisOptionsAll li h2{
           
            height:40px;
            padding:0px 0px 0px 0px ;
            margin:auto;
            }

            ul.chassisOptionsAll li h2 a:hover {       
             font-size:15px;
             color:#000000;
             padding:10px 0px 0px 0px;
             margin:0px; 
             font-weight:bold;  
             text-decoration:underline;    
            }
            
            



            
ul#nestedul {
    list-style: square;
      padding:0px 0px 0px 15px;   
      margin:0px;       
}

    ul#nestedul li{
    list-style: square;
      padding:0px 0px 0px 0px;  
      margin:0px 0px 0px 0px;  
       background-image:none;
    }
    
    
    
.imageLeft

{

    float:left;
    border:0px;
    margin:0px 10px 10px 0px;
    padding:0px 0px 0px 0px;
    font-size:10px;
    color:#666666;
    font-family:Verdana;
    text-align:center;
}



.imageCenter

{

    border:0px;
    clear:both;
    margin:auto;
    padding:0px 0px 0px 0px;
    font-size:10px;
    color:#666666;
    font-family:Verdana;
    text-align:center;
}



 .imageCenter img

{

    border:0px;
    clear:both;
    margin:auto;
    padding:0px 0px 0px 0px;
    font-size:10px;
    color:#666666;
    font-family:Verdana;
    text-align:center;
}



.imageRight  

{
    float:right;
    margin:0px 0px 10px 10px;
    padding:0px 0px 0px 0px;
    font-size:10px;
    color:#666666;
    font-family:Verdana;
    text-align:center;
}



        .imageRight img, .imageLeft img

        {
            border:0px;
        }
   
ul.industryApplication{
      
        padding:13px 0px 0px 0px;
        margin:0px;
        
}   

    ul.industryApplication li{
        float:left;
        list-style-type:none;
        width:280px;
        height:150px;
        padding:0px px 0px 0px;
        margin:0px 20px 2px 0px;
        
       
    } 
    
 ul.industryApplication li p{
 
 float:left;
 width:170px;
 color:Black;
 margin:12px 0px 0px 10px;
 padding:0px;
 }    
   
   ul.industryApplication li p a, ul.industryApplication li p a:visited {
          font-weight:bold;
          font-size:16px;
          color:Black;
          padding:0px 0px 0px 0px;
          margin:0px 0px 0px 0px;
          
   }
    
    ul.industryApplication li p a:hover{
          text-decoration:underline;
          color:Black;
    }
    
    ul.industryApplication li img {
        border:1px solid #cccccc;
        float:left;
    }
    
    ul.industryApplication li div{
            clear:both;
            margin:0px 0px 0px 0px;
            padding:10px 0px 0px 0px;
            font-size:11px;
             line-height:15px;
    }
    
    ul.industryApplication li div a{
        font-size:11px;
        color:#0089cb;
        font-weight:normal;
        padding:0px 0px 0px 0px;
        margin:0px 0px 0px 0px;
    }
    
    ul.industryApplication li div a img {
            float:none
    }    
    
    ul.industryApplication li div a:hover{
         text-decoration:underline;
    }
    
ul.smallNestedUL{
padding:0px;
margin:5px 0px 0px 0px;

}    

    ul.smallNestedUL li {
        list-style-type:none;        
        width:190px;
        padding:0px 0px 8px 10px;
        margin:0px 0px 0px 0px;         
        background-image:url(/images/home_gradient_arrow.gif);
        background-repeat:no-repeat;
        background-position: 0px 3px;
    }
    
 .CaseStudyEmbeded {
        border:1px solid #ffebc4;
        background-color:#fff4df;
        padding:1px 10px 10px 30px;
        margin: 0px 0px 10px 20px;
        font-size:11px;
        font-family:Verdana;
  }
 
 img.imagesTabbed{
          margin-top:8px;
          margin-bottom:5px;
 }
 
 .productFeature
 {
         color:#336699;
         background-color:#b2dcf1;
         font-size:12px;
         padding:25px 10px 0px 10px;
         margin:20px 0px 0px 0px;
         background-image:url(/images/icon_jumboswitch_main-management.gif);
         background-repeat:no-repeat;         
         background-position: 10px 7px;

 }
           .productFeature div strong{
            font-size:11px;
           }
           .productFeature div p
           {
           margin:0px 0px 0px 0px;
           padding:0px 0px 0px 0px:
           }
           
           .productFeature div img {
           float:left;
           margin:0px 5px  0px 0px;
           padding:0px 0px  40px 0px;
          
           }
           
          .productFeature div.productFeatureText{
          float:left;
          width:390px;
           font-size:11px;
           padding-right:10px; 
                    letter-spacing:1px;
          line-height:19px; 
          }
  
          .productFeature div.productFeature4U{
          float:left;
          width:250px;
         font-size:10px;
          }
          
          .productFeature div.productFeature2S{
          float:left;
          width:250px;
        font-size:10px;
          
          }            
  
  .introText
  {
        line-height:18px;
  }
  
 .tableOfcontents{
    float:right;
    background-color:#fbecd4;
    width:175px; 
    border:solid 1px #ffcc99;
    margin:0px 0px 9px 0px;
    padding:5px 5px 10px 30px;
     color:#0976d1;
      font-size:11px;  
 }
 
        .tableOfcontents strong{
            color:#666666;
            margin:0px 0px 0px 40px;
            padding:0px;
        }
 
        .tableOfcontents ol {
             padding:0px;
             margin:0px;
          
        }
        
        .tableOfcontents ol li {
                         padding:0px;
                         margin:0px 0px 0px 0px;        
        }
        
        .tableOfcontents ol li a{
             
        }
        
                .tableOfcontents ol li ul {

                         padding:0px 0px 0px 10px;
                         margin:0px;
                         list-style: square;
                         color:#48a7f7; 
                
                    
                }
                
                .tableOfcontents ol li ul  li {
                         padding:0px;
                         margin:0px;                   
                }
                
.TCViewFakeButton{
     width: 330px;
     height: 32px; 
     position:relative;
     top:14px;
     left:591px;
     padding:0px;
     margin:0px;
     clear:both;
     z-index:11;
}               

        .TCViewFakeButton a img {
            border:0px;
            width:330px;
            height:32px;
            padding:0px;
            margin:0px;    
        }




ul#training{
                padding:0px;
                margin:0px;
}

        
        ul#training li 
            {
                clear:both; 
                text-align:left;
                list-style:none;
                
                
            }

        ul#training li.spacer{
           border:0px;
            height:20px;
            border-bottom:1px solid #cccccc;
            margin-bottom:20px;
        }

                ul#training li div {
                    font-weight:bold; 
                    margin-bottom:10px;               
                }

            ul#training li ul.checkmarksTCView
            {
                padding:0px;
                margin:0px 0px 0px 10px;
                float:left;
                width:290px;
            }
 
            ul#training li ul.checkmarksTCView li
            {
                margin:0px;                                   
                padding: 0px 10px 5px 20px;
                border:0px;
                font-size:12px;
                
            }            
 
        ul#training li img 
        {
            float:left;
        }

            ul#training li ul.checkmarksTCView ul
            {

                 margin:0px 0px 0px 30px;
                 padding:0px;     
                        
            }

            ul#training li ul.checkmarksTCView ul li
            {
                 list-style:square; 
                 background-image:none;
                 margin:0px;
                 padding:0px;
            }
                
ul.Literature{
     list-style:none;
     padding:0px;
     margin:0px;
     
}

    ul.Literature li
    {
        clear:both;
      padding:0px 0px 0px 0px;
      margin:0px 0px 0px 0px;        
    }

     ul.Literature li  div.litIMGleft{
        float:left;
        border:1px solid #cccccc;
        padding:7px;
        margin-right:10px;
        margin-top:10px;
     }
    
    ul.Literature li div.litIMGleft img {
        border:0px
    }



    ul.Literature li h2 a, ul.Literature li h2 a:visited {
      font-weight:bold;
      font-size:15px;
      color:Black;
      padding:0px 0px 0px 0px;
      margin:0px 0px 0px 0px;
      border:0px;
    }

 


a.orangebold, a:visited.orangebold
{
   color:#ff9933;
   font-size:10px;
   font-weight:bold;
}

.red{
    color:Red;
}


 .customerTestimonials
 {
      background-image: url(http://www.tccomm.com/images/background_customer_testamonials.gif); 
      background-repeat:no-repeat;
      background-position: 0% 0%;
      padding:13px 65px 0px 50px;
      margin:20px 0px 0px 0px;        
      width:576px;
      height:100px;
      font-family:Verdana;
      font-size:11px;
      color:#333333;
      
 }           
         .customerTestimonials p {padding:0px; margin:3px 0px 0px 0px; text-align:right;  font-style:italic;}
   
   
a.kw         {  color:#666666; text-decoration:none;}
a:visited.kw {  color:#666666; text-decoration:none;}
a:hover.kw   {  color:#666666; text-decoration:none;}
a:active.kw  {  color:#666666;     text-decoration:none;}