﻿
/*YUI Overrides Start*/
#custom-doc {  
     margin:auto;text-align:left; /* leave unchanged */
     width:59em; /* non-IE */  
     *width:57.5em; /*IE */   
     min-width:766px; /* optional but recommended */  
     color:#333333;
     font-family:Arial;
}  

#bd 
{
    margin-left:1.385em;
    *margin-left:1.351em;
    margin-right:1.385em;
    *margin-right:1.351em;
    margin-top:1.615em;
    *margin-top:1.576em;
}

#ft
{
    border-top: 1px solid #CCCCCC;
    text-align:right;
    padding-top:10px;
    font-size:85%;
}

b {
	font-weight:bold;
}
strong {
	font-weight:bold;
}

.italic {
	font-style:italic;
}


/*YUI Overrides End*/

/*Element Styles Start*/

INPUT {font-family:Arial;   
     color: #333333;
     font-size:85%;
     }
     
SELECT{font-family:Arial;   
     color: #333333;
     width:162px;
     font-size:100%;

    }
    
* html SELECT{    font-size:85%;   }

    
    P
    {
       margin-top:12px;
       margin-bottom:12px;
    }


/*Element Styles End*/

/*General Styles Start*/

/*Text Styles Start*/
    
h1
{
    font-size:138.5%;
    font-weight:bold;
    color:#0067C6;
    border-bottom:1px solid #CCCCCC;   
    text-transform:uppercase;
   }

h1.bottomMargin
{
	
	margin-bottom:13px;

	
}

/*Existing TitleOne Style*/
.TitleOne
{
    font-size:138.5%;
    font-weight:bold;
    color:#0067C6;

    text-transform:uppercase;


}

/*Matches existing styles: fb*/
h2
{
    font-weight:bold;
    color:#0067C6;
    margin-top:12px;
    margin-bottom:12px;
    border-bottom:1px solid #CCCCCC;   
    padding-bottom:9px;
    text-transform:uppercase;
    margin-bottom:0px;
}


h2.bottomMargin
{
	
	margin-bottom:13px;

	
}




.divBelow
{
   margin-bottom:-4px; 
}

.genericDivSpacing
{
	margin-bottom:10px; 
}

/*Existing fb Style*/
.fb
{
font-weight:bold;
    color:#0067C6;
    margin-top:12px;
    margin-bottom:12px;
    border-bottom:1px solid #CCCCCC;   
    padding-bottom:9px;
    text-transform:uppercase;
}

/*Existing HPfb Style*/
.HPfb

{
    font-weight:bold;
    color:#0067C6;
    margin-top:12px;
    margin-bottom:12px;

}

P .HPfb
{
    font-size:125%;
}


h3
{
    font-weight:bold;
    color:#333333;
    margin-top:12px;
    margin-bottom:12px;
}

.noTopBottomMargin
{
    margin-top:0px;
    margin-bottom:0px;
}


.blue{color:#0067C6;}
.bold{font-weight:bold;}

A
{
    color:#0067C6;
    text-decoration:none;
}

A:link
{
    color:#0067C6;
    text-decoration:none;
}

A:visited
{
   /* color:#666666;  */
}

A:hover
{
    color:#0067C6;
	text-decoration:underline;
}

A:active
{
    color:#0067C6;
	text-decoration:underline;
}


.greySeparator{color:#666666;}
.hidden{
visibility:hidden;
}

.center

{text-align:center;}

/*Text Styles End*/

/*Positional Styles Start*/

.rightAlign{float:right;}

/*Positional Styles End*/

/*General Styles End*/

/*Top Styles Start*/

#hd A
{
    font-weight:bold;
}

#hd A:hover
{
    color:#666666;
    text-decoration:none;
}

#hd A:active
{
    color:#666666;
    text-decoration:none;
}

#divGlobalBar, #divGlobalBarNoImage
{
    background-color:#CCCCCC;
    height:30px;
    line-height:30px;
    padding-left:18px;
    padding-right:18px;
    font-size:85%;
    font-weight:bold;
    text-align:right;
}

* html #divGlobalBar, * html #divGlobalBarNoImage
{
	padding-bottom:-5px;
}

#divGlobalBar P
{
	margin:0px;
	
}

#divGlobalBarNoImage P
{
	margin:0px;
	padding:0px;
}

#spnGlobalIndicator
{

	 text-transform:uppercase;
	
}


* html #spnGlobalIndicator
{
	padding-top:4px;
	
}

.globalColumn
{
    height:30px;
    line-height:30px;
    float:left;
}
* html .globalColumn img
{
	
	margin-bottom:-3px;
	
}

#divStatus
{
    Width:128px;
    *Width:128px;
    text-align:left;
}

#divWelcome
{
    text-align:left;
    color:#0067CE;
    overflow:hidden;
    text-transform:uppercase;
}

#divTopNav
{
    background-color:#F2F2F2;
    height:33px;
    *height:33px;
    padding-left:18px;
    *padding-left:18px;
    padding-right:18px;
    *padding-right:18px;
    line-height:33px;
    *line-height:33px;
    font-size:85%;
    font-weight:bold;
    
}

.topNavColumn
{
   width:170px;/* non-IE */  
   *width:170px;/* IE */  
   min-width:170px;/* optional but recommended */ 
   float:left; 
}


#divTopNavigation2
{
    margin-left:17px;
    *margin-left:17px;
     width:4px;/* non-IE */  
   *width:4px;/* IE */  
    min-width:4px;/* optional but recommended */ 
    
   float:left; 

}
#divTopNavigationLinks
{
	text-align:right;
	width:352px;/* non-IE */  
	*width:352px;/* IE */  
	min-width:352px;/* optional but recommended */ 
	margin-top:0px;
	*margin-top:-2px;
	float:left; 
	text-transform:uppercase;
	margin-left:170px;
	*margin-left:0;

}
* html #divTopNavigationLinks
{
	margin-top:6px;
}

#divTopNavigationSearch
{ 
    margin-left:18px;
    *margin-left:19px;
}

#txtSearch
{
  /*To get the text boxt height and correct text vertical alignment within it use height and lineheight for ie and padding for ff*/
   *height:17px;
   *line-height:17px;
   padding-top:2px;
   padding-bottom:2px;
   *padding-top:0px;
  *padding-bottom:0px;

   width:10.462em;
     *width:138px;
     min-width:138px;
     margin-bottom:0.077em;
     *margin-bottom:0px;
    position:relative;
    font-size:95%;
   *font-size:85%;
 
  top:2px;
   *top:0px;
}

* html #txtSearch
{
	margin-top:8px;
	
}

#btnGo
{
    position:absolute;
    top:38px;
    *top:38px;
    margin-left:5px;
    *margin-left:1px;
}

* html #btnGo
{
    position:absolute;
    top:38px;
    margin-left:1px;

}

#divTopSpacer
{
	
	border-bottom:1px solid #CCCCCC;
   	margin-top:1px;
	*margin-right:-1px;
}


/*Top Styles End*/

/*Left Hand Navigation Start*/

.leftNav
{
    color:#0067C6;
}


#divLeftNavHeader
{
    border-top:1px solid #CCCCCC;
    padding-top:12px;
    padding-bottom:12px;
    *padding-top:12px;
    *padding-bottom:12px;
    font-weight:bold;
    font-size:100%;
}

.leftMenuItem1
{
    border-top:1px solid #CCCCCC;
    padding-top:12px;
   /* margin-top:12px;*/
  padding-bottom:12px;
    font-size:85%;
}

.leftArrowMenuItem1 
{
	 border-top:1px solid #CCCCCC;
    padding-top:12px;
   /* margin-top:12px;*/
  padding-bottom:12px;
    font-size:85%;

	
}

.leftMenuBottom
{
   border-top:1px solid #CCCCCC;
   /*margin-top:12px;*/
}

.leftSelectedMenuItem1
{
 	border-top:1px solid #CCCCCC;
    padding-top:12px;
    margin-bottom:16px;
    color:#333333;
    font-weight:bold;
    font-size:85%;
}

.leftMenuItem2
{
    padding-top:5px;
    padding-bottom:5px;
    margin-left:16px;
    font-size:85%;
}

.leftSelectedMenuItem2
{
    padding-top:5px;
    padding-bottom:5px;
    margin-left:16px;
    font-size:85%;
}

/*.leftBottomMenuItem2
{
    padding-top:5px;
    padding-bottom:11px;
    margin-left:16px;
    font-size:85%;
}*/

.leftMenuBottom2
{
margin-top:6px;
*margin-top:-10px;
 }


.leftArrowMenuItem2
{
    padding-top:5px;
    padding-bottom:5px;
    margin-left:1px;
    padding-left:15px;
    font-size:85%;
    list-style-position:outside;
	background-repeat: no-repeat;
/*	background-image:url('/images/rebrand/icons/nav_arrow.gif')	*/
	background-image:url('/images/icons/eaton-l-arrow.gif')
}


.leftMenuItem3
{
    padding-top:5px;
    padding-bottom:5px;
    margin-left:33px;
    font-size:85%;
}

.leftSelectedMenuItem3
{
    padding-top:5px;
    padding-bottom:5px;
    margin-left:33px;
    font-size:85%;
}

/*.leftBottomMenuItem3
{
    padding-top:5px;
    padding-bottom:11px;
    margin-left:33px;
    font-size:85%;
}*/

.leftMenuBottom3
{
margin-top:-10px;
 }


.leftArrowMenuItem3
{
    padding-top:5px;
    padding-bottom:5px;
    margin-left:18px;
     padding-left:15px;
    font-size:85%;
    list-style-position:outside;
	background-repeat: no-repeat;
background-image:url('/images/icons/eaton-l-arrow.gif')




}

.leftMenuItem4
{
    padding-top:5px;
    padding-bottom:5px;
    margin-left:50px;
    font-size:85%;
}

.leftSelectedMenuItem4
{
    padding-top:5px;
    padding-bottom:5px;
    margin-left:50px;
    font-size:85%;
}

/*.leftBottomMenuItem4
{
    padding-top:5px;
    padding-bottom:11px;
    margin-left:50px;
    font-size:85%;
}*/

.leftMenuBottom4
{
margin-top:-10px;
 }


.leftArrowMenuItem4
{
    padding-top:5px;
    padding-bottom:5px;
    margin-left:35px;
    padding-left:15px;
    font-size:85%;
    list-style-position:outside;
	background-repeat: no-repeat;
	background-image:url('/images/icons/eaton-l-arrow.gif')
}




/*Left Hand Navigation End*/

/*Right Hand Navigation Start*/

.rightSection
{
    margin-bottom:35px;
}

.rightNavTitle
{
    font-weight:bold;
    color:#0067C6;
    padding-bottom:9px;
    border-bottom:1px solid #CCCCCC;
    margin-bottom:13px;
    font-size:100%;
      text-transform:uppercase;
}

.yui-ge div.right .imageWithText{vertical-align:text-top;margin-right:5px;}

.yui-ge div.right LI
{
    font-size:85%;
    line-height:16px;
}

.yui-ge div.right td
{
	
	
	  font-size:85%;
    line-height:16px;

}


.yui-ge div.right td .rightNavTitle
{
	  font-size:118%;
}

.yui-ge div.right .spacedList  LI
{
    margin-bottom:18px;
}

.yui-ge div.right .spacedListNews  LI
{
    margin-bottom:18px;
}


.yui-ge div.right LI A:visited
{
   /* color:#6699CC;*/
}

.yui-ge div.right LI A:hover
{
    text-decoration:underline;
}

#selUPSProductList
{
    margin-bottom:10px;
}

/*Right Hand Navigation End*/

/*Content Styles Start*/

.columnContainerQL
{
	clear:both;
}

.leftColumnQL
{
	
	float:left; 
	padding-top:3px;
	margin-right:6px;
	
}
.rightColumnQLSL
{
	
	*float:left;
	padding-top:8px;
	
}

.rightColumnQLDL
{
	
	*float:left;
	
}



.columnContainer
{
    *height:100%;
 margin-bottom:100px;
    *margin-bottom:20px;
	clear:both;

}

.leftColumnContent
{
    float:left;width:176px;margin-right:17px; 
    height:100%;
   

}

.rightColumnContent
{
    float:left;width:164px;
    height:100%;

}

.leftColumnContentLarge
{
    float:left;width:235px;margin-right:17px; 
margin-bottom:20px;
*margin-bottom:0px;
}

.rightColumnContentSmall
{
    float:left;width:105px;
	margin-bottom:20px;
	*margin-bottom:0px;
}


.leftColumnContentSmall
{
    float:left;width:105px;margin-right:17px; 
margin-bottom:20px;
*margin-bottom:0px;
}

.rightColumnContentLarge
{
    float:left;width:235px;
	margin-bottom:20px;
	*margin-bottom:0px;
}

.leftColumnContentSmaller
{
    float:left;width:65px;margin-right:17px; 
margin-bottom:20px;
*margin-bottom:0px;
}

.rightColumnContentLarger
{
    float:left;width:275px;
	margin-bottom:20px;
	*margin-bottom:0px;
}


td .columnContainer .leftColumnContent
{
    float:left;width:169px;margin-right:17px; 
    height:100%;
}

td .columnContainer .rightColumnContent
{
    float:left;width:169px;
    height:100%;

}

td .columnContainer .leftColumnContentSmall
{
    float:left;width:104px;margin-right:17px; 
margin-bottom:20px;
*margin-bottom:0px;
}

td .columnContainer .rightColumnContentLarge
{
    float:left;width:234px;
	margin-bottom:20px;
	*margin-bottom:0px;
}


.rightColumnContentLarge A
{
   /* font-weight:bold;*/
}



/*Content Styles End*/

/*Form Styles Start*/

.divStandardSelect
{
    margin-top:15px;
}

.standardGo
{
    position:absolute;
    margin-left:3px;
    *margin-left:0px;
}

/*Table Styles Start*/

.dataTable
{
    width:100%;
    border-collapse: separate;
    border-spacing: 2px;
    margin-top:12px;   
}

.dataTableManual
{
    width:100%;
    border-collapse: separate;
    border-spacing: 2px;
    margin-top:12px;   
}

.dataTableManual
{
    width:100%;
    border-collapse: separate;
    border-spacing: 2px;
    margin-top:12px;   
}



 
/*Sub styles are for legacy tables which contain content withitn a sub table*/
.dataTableWithSub
{
    width:100%;
  padding:-2px;
  margin:0px;
    margin-top:12px;   
      
}

.dataTableWithSub TD
{
border:0px solid orange;

}

.dataTableSub
{
    
    width:106%;
    min-width:106%;
    *width:101.75%;
   * min-width:101.75%;

    border-collapse: separate;
    padding:0px;
    margin:0px;
    border-spacing: 2px; 
    position:relative;
    right:3px;
     *right:3px;
    top: -2px;
    
}

.dataTable TH
{
 background-color:#0067C6;
 color:#FFFFFF;
 /*percentage of the 85%*/
 font-size:109.41%; 
 margin:10px;  
 font-weight:bold;
 padding:4px;
    vertical-align:top;
}

.dataTableManual TH
{
 background-color:#0067C6;
 color:#FFFFFF;
 /*percentage of the 85%*/
 font-size:109.41%; 
 margin:10px;  
 font-weight:bold;
 padding:4px;
    vertical-align:top;
}


.dataTableWithSub TH
{
 background-color:#0067C6;
 color:#FFFFFF;
 /*percentage of the 85%*/
 font-size:109.41%; 
 margin:10px;  
 font-weight:bold;
 padding:4px;
    vertical-align:top;
}

.dataTableSub TH
{
 background-color:#0067C6;
 color:#FFFFFF;
 /*percentage of the 85%*/
 font-size:109.41%; 
 margin:10px;  
 font-weight:bold;
 padding:4px;
    vertical-align:top;
}


/*Legacy Style matching table header*/
.TableHead_snapshot
{
     background-color:#0067C6;
    color:#FFFFFF;
     font-size:109.41%; 
      font-weight:bold;
       padding:4px;
       margin:0px;
}


.dataTable TD, .dataTableSub TD

{
   /*percentage of the 85%*/
   margin:10px; 
   font-size:90.58%; 
   padding:4px;
   vertical-align:top;
}

.dataTable TD.vertMiddle, .dataTableSub TD.vertMiddle
{
   vertical-align:middle;
}



.dataTable .TableHead, .dataTableWithSub .TableHead

{
       background-color:#0067C6;
       color:#FFFFFF;
       font-size:109.41%; 
       font-weight:bold;
       padding:4px;
}



.dataTable .alternateRow0 , .dataTableSub .alternateRow0 
{
background-color:#E8E8E8;
    padding:4px;

   }

.dataTable .alternateRow1, .dataTableSub .alternateRow1
{

 }
 
.singleRow
{
	background-color:#E8E8E8;
}

.dataTableManual
{
	
	
	
}

.dataTableManual .alternateRow0 , .dataTableSub .alternateRow0 
{
background-color:#E8E8E8;
    padding:4px;

   }

.dataTableManual .alternateRow1, .dataTableSub .alternateRow1
{

}
 



/*Table Styles End*/

/*List Styles Start
.contentList*/

.yui-ge div.first UL
{
    margin-left:20px; 
    margin-bottom:12px;
    margin-top:12px;
}

.yui-ge div.first UL LI
{
    list-style: disc outside;  
}

.yui-ge div.first OL[type="a"]
{
    margin-left:20px; 
    margin-bottom:12px;
    margin-top:12px;
     
}

.yui-ge div.first OL[type="a"] LI
{
   list-style:decimal;  
}



/*Style added to handle tabled lists*/
.blabla
{
    list-style: disc outside;  
    margin-left:20px;
}

/*Style to take away margin at top of some lists*/
.yui-ge div.first UL.noTopMargin
{
  margin-top:0px;
}

.listWithIcons li
{
	
	
	
}

ul.linkList li
{
list-style-image:url('../images/link.gif');
}

/*List Styles End*/

/*Form Styles Start*/

/*Footer Styles Start*/

#footerleft
{
    float:left;
    width:170px;
    margin-right:17px;
    text-align:left;
}
#footermid
{
    float:left;
    text-align:left;
    margin-top:-9px;
    *margin-top:-10px;
    
}

#spnCopyright
{
    margin-top:3px;
    *margin-top:3px;
}

#ft A:visited
{
   /* color:#6699CC;  */
}

#ft A:hover
{
    color:#0067C6;
    text-decoration:underline;
}

/*Remove legacy breadcrumb*/
#breadcrumb{
	display:none;
}

/*Footer Styles End*/

/*

.onewebtable1 TR
{
	
	width:100%;
	
}

.onewebtable1 TR TD H1
{
	
	width:100%;
	
}
*/



.width100
{width:100%;}

.width290
{
width:290px;
}

.width270
{
width:270px;
}


sup {
	font-size:90%;
}


/* Rounded Corners Styles Start */
			/* Features Box */
			.feature {background-color:#f0f0f0;position:relative;padding:10px;_zoom:1;/*ie6 fix*/}

			/* -- Corners */
			div.ctl,div.ctr,div.cbl,div.cbr {height:11px;width:11px;position:absolute;_line-height:0;/*ie6 fix*/}
			div.ctl,div.ctr {top:0;}
			div.cbl,div.cbr {bottom:0;}
			div.ctl {background: url(../images/shade-corners.png) no-repeat left top;left:0;}
			div.ctr {background: url(../images/shade-corners.png) no-repeat right top;right:0;}
			div.cbl {background: url(../images/shade-corners.png) no-repeat left bottom;left:0;}
			div.cbr {background: url(../images/shade-corners.png) no-repeat right bottom;right:0;}
			
			/* Fix for some redundant styling or float issues */
			h2 {clear:left;text-transform:uppercase;}
			#divLeftNavHeader {text-transform:uppercase;}
/* Rounded Corners Styles End*/


/*  Power Quality Product Page tab  */
.sub_heading
{
	margin-top: -20px !important;
	padding-top: 0px !important;
}
/* Power Quality View More Images */
.viewmoreimage{ display: none; }

/* Power Quality product tab tables */
.group_header{ background-color: #c8c8c8;}
.ModelTableHeading{ font-weight: bold; background-color: #ffffff; }
.ModelTableSubHeading{ background-color: #ffffff; margin-top: -10px !important; padding-top: 0 !important; }
.col_heading { white-space: nowrap; font-weight: bold; font-size: 100% !important;}


/* Product Features Tab Images */
.FeaturesImageLink {padding: 5px;}
