#page {width: 728px; border: 1px solid #CCCCCC;}
#header {height: 80px; position: relative; }
#header .fb {position: absolute; right: 8px; top: 8px;}
#header .logo {position: absolute; left: 8px; top: 12px;}
#header h2 {position: absolute; right: 8px; bottom: 5px; padding: 0 0 0 0; margin: 0 0 0 0; font-size: 28px; color: #00306a; text-align: right; line-height: 40px; font-family: Arial, Helvetica, sans-serif; font-weight: normal;}
#header .smallNav {background: #f0f0f0; position: absolute; right: 0px; top: 0px; line-height: 25px; font-size: 11px; padding: 0px 10px 0px 10px; margin: 0 0 0 0; color: #333333; font-family: Arial, Helvetica, sans-serif;}
#header .smallNav a {color: #333333; text-decoration: none;}
#header .smallNav a:visited {color: #333333; text-decoration: none;}
#header .smallNav a:hover {color: #333333; text-decoration: underline;}

#feature { background: url(//images.tmcnet.com/channels/power-protection/images/feature.jpg) no-repeat right; position: relative; height: 230px; border: 1px solid #CCCCCC; margin: 0 0 16px 0;}
#feature h1 {font-size: 36px; font-weight: bold; text-align: left; position: absolute; left: 15px; top: 20px; margin: 0 0 0 0; padding: 0 0 0 0; color: #333333; letter-spacing: -1px;}
#feature .featCopy {font-size: 15px; line-height: 23px; font-weight: normal; text-align: left; position: absolute; left: 15px; top: 70px; margin: 0 0 0 0; padding: 0 0 0 0; color: #00306a;}

#wBox {background: #FFFFFF; border: 1px solid #999999; padding: 16px 16px 16px 16px; margin: 0 0 16px 0;}


ul#bpa-Menu {margin: 0; border: 0 none; padding: 0; list-style: none; height: 30px; background: url(//images.tmcnet.com/channels/power-protection/images/nav_bg.jpg) #244787 repeat-x top;}
ul#bpa-Menu li {margin: 0; border: 0 none; padding: 0; float: left; /*For Gecko*/ display: inline; list-style: none; position: relative;}
ul#bpa-Menu ul {margin: 0; border: 0 none; padding: 0; list-style: none; display: none; position: absolute; top: 30px; left: 0;}
ul#bpa-Menu ul:after /*From IE 7 lack of compliance*/{clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility: hidden;}
ul#bpa-Menu ul li {float: left; /*For IE 7 lack of compliance*/ display: block !important; display: inline; /*For IE*/ position: relative;}
/* Root Menu */
ul#bpa-Menu a {border-right: 0; padding: 0 27px 0 27px; text-align: center; float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; color: #FFFFFF; font: bold 12px/30px Arial, Helvetica, sans-serif; text-decoration: none; height: auto !important; height: 1%; text-transform: none; /*For IE*/  border-right: 1px solid #244787;}
/* Root Menu Hover Persistence */
ul#bpa-Menu a:hover, ul#pmNav-main li:hover a, ul#pmNav-main li.iehover a {color: #FFFFFF; background: url(//images.tmcnet.com/channels/power-protection/images/nav_roll.jpg) #539edc repeat-x top;}
/* 2nd Menu */
ul#bpa-Menu li:hover li a, ul#pmNav-main li.iehover li a {opacity:0.9; filter:alpha(opacity=90); float: none; background: #000000; color: #FFFFFF; border-bottom: 1px solid #666666; border-width:1px 0px 1px 0px; padding:0px 10px 0px 10px; font-size: 11px; text-align: left; width: 200px; font: bold 11px/22px Arial, Helvetica, sans-serif;}
/* 2nd Menu Hover Persistence */
ul#bpa-Menu li:hover li a:hover, ul#pmNav-main li:hover li:hover a, ul#pmNav-main li.iehover li a:hover, ul#pmNav-main li.iehover li.iehover a {background: #333333; color: #FFFFFF;}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#bpa-Menu li:hover ul, ul#pmNav-main ul li:hover ul, ul#pmNav-main ul ul li:hover ul, ul#pmNav-main li.iehover ul, ul#pmNav-main ul li.iehover ul, ul#pmNav-main ul ul li.iehover ul {display: block;}
/* End of Horizental menu */

ul#bpa-Menu li.active {color: #FFFFFF; background: #244787;}

#overView {border: 1px solid #999999; margin: 0 0 20px 0; background: #FFFFFF; position: relative;}
#overView .copy {padding: 0 10px 10px 10px; margin: 0 0 0 0; font-family: Arial, Helvetica, sans-serif; line-height: 19px; font-size: 12px; color: #333333;}

#overView h2 {padding: 20px 10px 10px 10px; margin: 0 0 0 0; font-size: 20px; color: #335ca5; text-align: left; line-height: 24px; font-family: Arial, Helvetica, sans-serif;}

#overView .dude {position: absolute; bottom: 10px; right: 10px;}

#CTA2 { margin: 0 0 16px 0;}

#CTA {border: 1px #999999 solid; background: #e7e7e7; padding: 5px 10px 10px 10px; margin: 0 0 15px 0;}
#CTA h2 {padding: 0px 0px 0px 0px; color:  #FFFF99; text-align: center;}
#CTA h2 a {color: #FFFF99; text-decoration: none;}
#CTA h2 a:vsited {color: #FFFF99; text-decoration: none;}
#CTA h2 a:hover {color: #FFFFFF; text-decoration: none;}
#CTA .copy {padding: 5px 0 5px 0; margin: 0 0 0 0; color: #151515; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 17px; text-align: left;}
#CTA .copy img {padding: 10px 0 10px 0;}
#CTA .learn {padding: 5px 0 0 0; margin: 0 0 0 0; text-align: center;}

#page h3 {margin: 0 0 0 0; font-size: 14px; color: #FFFFFF; text-align: left; line-height: 31px; font-family: Arial, Helvetica, sans-serif; padding: 0 10px 0 10px; margin: 0 0 0 0; background: #999999;}
#left h4 {margin: 0 0 0 0; font-size: 20px; color: #de1819; text-align: left; line-height: 24px; font-family: Arial, Helvetica, sans-serif; padding: 0 0px 10px 0;}
#right h4 {margin: 0 0 0 0; font-size: 14px; color: #151515; text-align: left; line-height: 18px; font-family: Arial, Helvetica, sans-serif; padding: 0 0px 8px 0;}

#flashFeature {position: relative; height: 160px;}
#flashFeature .flashLink {position: absolute; left: 0px; top: 0px; z-index: 10;}
#flashFeature .flashMovie {position: absolute; left: 0px; top: 0px; z-index: 9;}

#main {padding: 8px 8px 8px 8px; background: url(//images.tmcnet.com/channels/power-protection/images/newbg2.jpg) #FFFFFF bottom repeat-x;}
#main #left {float: left; width: 500px;} 
#main #right {float: right; width: 200px;}

.article {padding: 0 0 12px 0; margin: 0 0 12px 0; background: #FFFFFF; border-bottom: 1px dashed #CCCCCC; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; color: #666666; text-align: left; }
.article a {font-weight: bold; font-size: 15px; line-height: 21px; color: #003366; text-decoration: none;}
.article a:visited { color: #003366; text-decoration: none;}
.article a:hover { color: #003366; text-decoration: underline;}

.viewAll {padding: 0 0 0 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 17px; color: #333333; text-align: right;}
.viewAll a {font-weight: bold; font-size: 14px; line-height: 18px; color: #00306a; text-decoration: none;}
.viewAll a:visited { color: #00306a; text-decoration: none;}
.viewAll a:hover { color: #335ca5; text-decoration: underline;}

.news {padding: 0 0 15px 20px; background: url(//images.tmcnet.com/channels/power-protection/images/dot.png) top left no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 17px; color: #333333; text-align: left;}
.news a {font-weight: bold; font-size: 12px; line-height: 16px; color: #333333; text-decoration: none;}
.news a:visited { color: #333333; text-decoration: none;}
.news a:hover { color: #de1819; text-decoration: underline;}

#grayTop {height: 10px; background: url(//images.tmcnet.com/channels/power-protection/images/gray-top.png) bottom left no-repeat; padding: 0 0 0 0; margin: 0 0 0 0;}
#grayBottom {height: 10px; background: url(//images.tmcnet.com/channels/power-protection/images/gray-bottom.png) top left no-repeat; padding: 0 0 0 0; margin: 0 0 16px 0;}
#grayBox {background: #f0f0f0; padding: 0 10px 0 10px;}
#grayBox .copy {padding: 5px 0 5px 0; margin: 0 0 0 0; color: #151515; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 17px; text-align: left;}
#grayBox .copy img {padding: 0 0 8px 0;}
#grayBox .learn {padding: 0 0 4px 0; margin: 0 0 0 0; text-align: center;}
#grayBox h2 {margin: 0 0 0 0; font-size: 14px; color: #335ca5; text-align: left; line-height: 18px; font-family: Arial, Helvetica, sans-serif; padding: 0 0 8px 0;}

#grayBox h2 a {color: #335ca5; text-decoration: none;}
#grayBox h2 a:vsited {color: #335ca5; text-decoration: none;}
#grayBox h2 a:hover {color: #FF0000; text-decoration: none;}


.qs {padding: 0 0 8px 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 17px; color: #333333; text-align: left;}
.qs a {font-weight: normal; font-size: 12px; line-height: 16px; color: #335ca5; text-decoration: none;}
.qs a:visited { color: #335ca5; text-decoration: none;}
.qs a:hover { color: #FF0000; text-decoration: underline;}

.ts {padding: 0 0 8px 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 17px; color: #333333; text-align: left;}
.ts a {font-weight: normal; font-size: 12px; line-height: 16px; color: #335ca5; text-decoration: none;}
.ts a:visited { color: #335ca5; text-decoration: none;}
.ts a:hover { color: #FF0000; text-decoration: underline;}

.red {font-weight: bold; color: #de1819;}


ul#news-list-ftr{list-style-type:none; font-size:11px; margin:0px; padding:0px; text-align:left; }
ul#news-list-ftr li {font-family:Arial, Helvetica, sans-serif; color:#444; text-decoration:none; line-height:16px; font-size:11px;   text-align:left;  padding:6px 5px 6px 15px;  background-image:url(//images.tmcnet.com/tmc/IT/images/article.png); background-repeat:no-repeat; background-position:left; background-position:left center; background-repeat:no-repeat; border-bottom:1px dotted #D9D9D9;}
ul#news-list-ftr li a{ color:#000; text-decoration:none;}
ul#news-list-ftr li a:visited{ color:#000; text-decoration:none;}
ul#news-list-ftr li a:hover{ color:#990000; text-decoration:underline;}

#content-wrapper {}
#content {text-align: left; padding:10px; font-family: Arial, Helvetica, sans-serif; color: #333333; font-size:14px;}
#content .txt-wrapper{}
#content h1{ font-size:16px; color:#990000; font-family: Arial, Helvetica, sans-serif; text-align: left; padding: 0 0 5px 0; margin: 0 0 5px 0; border-bottom: 1px solid #CCCCCC;}
#content h1 a{ font-size:20px; color:#050541; font-family: Arial, Helvetica, sans-serif; text-decoration:underline;}
#content h1 a:visited{ font-size:20px; color:#050541; font-family: Arial, Helvetica, sans-serif; text-decoration:underline;}
#content h1 a:hover{ font-size:20px; color:#050541; font-family: Arial, Helvetica, sans-serif; text-decoration:underline;}
#content h2{ font-size:32px; font-family: Arial, Helvetica, sans-serif;  margin:0px; padding: 5px 0px 5px 0px; font-family: "Times New Roman", Times, serif; font-weight: normal; color: #0b3670; line-height:normal;}
#content h3{ font-size:14px; color:#000000; font-family: Arial, Helvetica, sans-serif;  margin:0px; padding:0px;}
#content h4{ font-size:12px; color:#000000; font-family: Arial, Helvetica, sans-serif;  margin:0px; padding:0px;}
#content .para { padding:5px 0px 8px 0px; margin:0px; color:#4c555c; line-height:19px;}

#content .author img {padding: 0px 10px 10px 0px;}

#content .bx-txt { font-size:12px; padding-top:6px; line-height:19px;}
#content .bx-txt{font-size:12px; color:#333333; padding:6px 0px 0px 0px; }
#content .bx-txt a {font-size:12px; color:#005c9c; text-decoration:underline; }
#content .bx-txt a:visited {font-size:12px; color:#005c9c; text-decoration:underline; }
#content .bx-txt a:hover {color:#050541;}

#content p { font-size:14px; padding-bottom:10px; font-family:Arial, Helvetica, sans-serif;}
#content div { font-size:14px; font-family:Arial, Helvetica, sans-serif;}

#content .product-holder{height:220px;}
#content .ph-wrapper {padding:22px 0px 0px 10px;}
#content .view-all {padding:2px 20px 2px 20px; text-align:right; font-weight:bold;}
#content .view-all a{color:#005c9c; font-size:11px; font-weight:bold; text-decoration:underline;}
#content .view-all a:visited{color:#005c9c; font-size:11px; font-weight:bold; text-decoration:underline;}
#content .view-all a:hover{color:#050541; font-size:11px; font-weight:bold; text-decoration:underline;}
/*------------------- automated article css------ */
#content .txt-wrapper p { color:#333333;  padding:5px 10px 10px 0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:22px;}
#content .txt-wrapper p a{ color:#005c9c; text-decoration:underline; font-size:14px;}
#content .txt-wrapper p a:visited { color:#005c9c; text-decoration:underline; font-size:14px;}
#content .txt-wrapper p a:hover { color:#050541; text-decoration:underline;}

#content .txt-wrapper-alt div { color:#333333;  padding:2px 2px 2px 0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
#content .txt-wrapper-alt div a:link{ color:#005c9c; text-decoration:underline; }
#content .txt-wrapper-alt div a:visited{ color:#005c9c; text-decoration:underline;}
#content .txt-wrapper-alt div a:hover { color:#050541; text-decoration:underline;}

#content .txt-wrapper ul{list-style-type:square; margin:0px 0px 0px 20px; padding:0px 0px 0px 0px; text-align:left; }
#content .txt-wrapper ul li { color:#333333; text-decoration:none; font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:22px; text-align:left;  padding:3px 0px 3px 0px;}
#content .txt-wrapper ul li a{ color:#005c9c; text-decoration:underline; font-size:14px;  text-align:left;  padding:0px 0px 0px 0px;}
#content .txt-wrapper ul li a:visited{ color:#005c9c; text-decoration:underline; font-size:14px;  text-align:left;  padding:0px 0px 0px 0px;}
#content .txt-wrapper ul li a:hover{ color:#050541; text-decoration:underline; font-size:14px;  text-align:left;  padding:0px 0px 0px 0px;}

#content .txt-wrapper table { color:#333366; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
#content .txt-wrapper table b{ color:#333366; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
#content .txt-wrapper table a:link { color:#005c9c; text-decoration:underline;}
#content .txt-wrapper table a:visited { color:#005c9c; text-decoration:underline;}
#content .txt-wrapper table a:hover { color:#050541; text-decoration:underline;}

#content .date { color:#050541; text-decoration:none; font-size:11px; padding-bottom:8px;}
#content .titletop-bg {font-size:14px; color:#000000; font-weight:bold; padding:3px 0px 0px 5px;}
#content .titletop {font-size:12px; color:#000000; font-weight:bold; padding:10px 0px 5px 0px;}
#content .titletop a {font-size:12px; color:#005c9c; font-weight:bold; text-decoration:underline; }
#content .titletop a:visited {font-size:12px; color:#005c9c; font-weight:bold; text-decoration:underline; }
#content .titletop a:hover { color:#050541; }

.wvfa-top-link{font-size:12px; color:#005c9c; padding:5px 0px 0px 0px; }

.wvfa-top-link a {font-size:12px; color:#005c9c; font-weight:bold; text-decoration:underline; }
.wvfa-top-link a:visited {font-size:12px; color:#005c9c; font-weight:bold; text-decoration:underline; }
.wvfa-top-link a:hover {color:#050541;}

.na-link{font-size:12px; color:#005c9c; padding:0px 10px 10px 0px; float:left; }
.na-link a {font-size:12px; color:#005c9c; font-weight:bold; text-decoration:underline; }
.na-link a:visited {font-size:12px; color:#005c9c; font-weight:bold; text-decoration:underline; }
.na-link a:hover {color:#050541;}

.noLine {cursor: pointer; text-decoration: none;}
.noLine a {cursor: pointer; text-decoration: none;}
.noLine a:visited {cursor: pointer; text-decoration: none;}
.noLine a:hover {cursor: pointer; text-decoration: none;}

.magic {clear:both;}
h1 {font-family: Arial, Helvetica, sans-serif; color: #003366; font-size: 10px; font-weight: bold; text-align: center; padding: 3px 0px 3px 0px; margin: 0px 0px 0px 0px;}

#right .space-wrap {padding:10px;}
#right .space-wrap-txt {padding:10px; font-size:11px; text-align:left;}
.quote-txt { font-size:12px; font-style:italic;}
.quote-name { font-size:12px; font-weight:bold; padding-top:10px; font-style:normal;}
.quote-comp { font-size:12px; font-style:normal; }