/*YUI Overrides Start*/
#custom-doc {
	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;
	font-size:85%;
}
b {
	font-weight:bold;
}
strong {
	font-size: 16px;
	color: #000;

}
.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:275px;
	font-size:100%;
}
* html SELECT { font-size:85%; }
P {
	font-family: Arial, Helvetica, sans-serif;

}
/*Element Styles End*/

/*General Styles Start*/

/*Text Styles Start*/
    
h1 {
	font-size:138.5%;
	font-weight:bold;
	color:#512828;
	border-bottom:1px solid #CCCCCC;
	text-transform:capitalize;
}
h1.bottomMargin {
	margin-bottom:13px;
}

/* W3C Validator does not like centered images so I defined it here in the styles sheet */
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}

/*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;
	margin-top: 15px;
}
A:active {
	color: #000;
}
.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:165px;/* non-IE */  
   *width:165px;/* IE */  
   min-width:165px;/* 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:0px; /* was 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 {
	margin-bottom:20px;
	clear:both;
/* This hack has been disabled by @MG to correct Prod pages issue. 24/8/09
    *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:12px 0 0 0;  
}
.dataTableWithSub TD { border:0px solid orange; }

.dataTableSub {
	width:101.75%;
	min-width:101.75%;
	*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;
	font-size:109.41%; /*percentage of the 85%*/
	margin:10px;  
	font-weight:bold;
	padding:4px;
	vertical-align:top;
}

.dataTableManual TH {
	background-color:#0067C6;
	color:#FFFFFF;
	font-size:109.41%;  /*percentage of the 85%*/
	margin:10px;  
	font-weight:bold;
	padding:4px;
	vertical-align:top;
}

.dataTableWithSub TH {
	background-color:#0067C6;
	color:#FFFFFF;
	font-size:109.41%; /*percentage of the 85%*/
	margin:10px;  
	font-weight:bold;
	padding:4px;
	vertical-align:top;
}
.dataTableSub TH {
	background-color:#0067C6;
	color:#FFFFFF;
	font-size:109.41%; /*percentage of the 85%*/
	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*/



/*New Table Styles Start*/

.dataTableNew {
    width:100%;
    border-collapse: separate;
    border-spacing: 2px;
    margin-top:12px;   
}

.dataTableNew TH {
	background-color:#0067C6;
	color:#FFFFFF;
	font-size:109.41%; /*percentage of the 85%*/
	margin:10px;  
	font-weight:bold;
	padding:4px;
	vertical-align:top;
}

.dataTableNew TD {  /*percentage of the 85%*/
	margin:10px; 
	font-size:90.58%; 
	padding:4px;
	vertical-align:top;
}

.dataTableNew TD.vertMiddle {
   vertical-align:middle;
}
.dataTableNew .TableHead {
	background-color:#0067C6;
	color:#FFFFFF;
	font-size:109.41%; 
	font-weight:bold;
	padding:4px;
}


/*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;margin-top:10px;margin-bottom:10px;/*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:capitalize;
	color: #000;
	font-size: 20px;
}
			#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;
	text-align: center;
}
.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;}

/* Secure Content Tab */
.secContent {
	position:absolute;
	margin:2px 0 0 137px;
	width:430px;
	height:20px;
	background:#DE9959 url(../images/secTab/lcorner-sectab.gif) no-repeat left;
}
.secContentUL {
	float:left;
	margin:0 0 0 14px;
	padding:0;
	height:20px;
	list-style-type:none;
}
.secContentUL li {
	line-height:20px;
	float:left;
	margin:0 15px 0 0;
	padding:0;
}
.secContentUL li.last {
	width:10px;
	background:url(../images/secTab/orangelock.gif) no-repeat;
	font-size:1px;
	margin:0 0 0 10px;
	padding:0;
}
.secContentUL li a {
	margin:0;
	padding:0;
	color:#ffffff;
	font-size:10px;
}
.SCIconBoxLeft {
	float:left;
	width:16px;
	display:inline;
}
.SCIconBoxRight {
	margin-left:18px;
}
.SCEmpBox, .SCRepBox, .SCEmptyBox {
	width:10px;
	height:10px;
	font-size:1px;
	margin-top:2px;
}
.SCEmpBox {
	background:#B6BF00;
}
.SCRepBox {
	background:#43943A;
}
.SCLegendDivLeft {
	width:12px;
	text-align:center;
	float:left;
	display:inline;
}
.SCLegendDivRight {
	margin-left:12px;
}
ul.blueLi {
	LIST-STYLE-IMAGE: url('/images/icons/link.gif');
}