@charset "utf-8";
/* Total Electric */

* { margin: 0; padding: 0; border: 0 solid #fff; text-decoration: none; outline-width: medium; outline-style: none; list-style-type: none; }
.clearAll { clear: both; height: 0; line-height: 0; font-size: 0; }

body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #3e3e3e; background: #fefefe url(../img/body_y_bg.jpg) center top repeat-y; text-align: center; }

#webSite { width: 984px; margin: 0 auto; padding: 9px 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #3e3e3e; text-align: left; }

.header { width: 984px; margin: 0; padding: 0; }
.headerTopArea { width: 984px; height: 74px; margin: 0; padding: 0; background: url(../img/header_top_background.jpg) left top no-repeat; }
.headerLeftArea { width: 408px; margin: 0; padding: 0; float: left; }
.headerRightarea { width: 576px; margin: 0; padding: 0; float: left; }

.logoTotalElectric { width: 343px; height: 58px; margin: 0; padding: 11px 0 0 65px; font-size: 0; }
.logoTotalElectric h1 { width: 343px; height: 58px; margin: 0; padding: 0; font-size: 0; }
.logoTotalElectric h1 a { display: block; width: 343px; height: 58px; margin: 0; padding: 0; font-size: 0; }

.topMenu { margin: 0; padding: 43px 11px 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; float: right; }
.topMenu ul { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; }
.topMenu ul li { margin: 0; padding: 0 0 0 15px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; float: left; }
.topMenu ul li a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; }
.topMenu ul li a.selected { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; text-decoration: underline; }
.topMenu ul li a:hover { text-decoration: underline; color: #fff; }

.topMenuWhiteLine { width: 3px; height: 16px; margin: 0; padding: 0; font-size: 0; background: url(../img/top_menu_white_line.png) left top no-repeat; }

.iconUK { width: 26px; height: 14px; margin: 0; padding: 0; font-size: 0; background: url(../img/flag_uk.jpg) left top no-repeat; }
.iconUK a { display: block; width: 26px; height: 14px; margin: 0; padding: 0; font-size: 0; text-indent: -9999px; }

.iconRO { width: 26px; height: 14px; margin: 0; padding: 0; font-size: 0; background: url(../img/romania-flag.jpg) left top no-repeat; }
.iconRO a { display: block; width: 26px; height: 14px; margin: 0; padding: 0; font-size: 0; text-indent: -9999px; }

.flashHolder { width: 984px; height: 335px; margin: 0; padding: 0; }
.flashReplacementImage { width: 984px; height: 373px; margin: 0; padding: 0; background: url(../img/flash_replacement_image.jpg) left top no-repeat; }

.mainContent { height: auto!important; min-height: 470px; height: 470px; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #424242; background: #fff url(../img/the_center_of_it_background.jpg) left bottom no-repeat; }

.theCenterOfIt { width: 684px; margin: 0; padding: 22px 21px 27px 11px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #3e3e3e; float: left; }
.rightArea { width: 266px; margin: 0; padding: 14px 0 6px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #4e4e4e; float: left; }

.textAbout { margin: 0; padding: 0 0 10px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #3e3e3e; line-height: 18px; }
.textAbout h1 { display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #a40000; }
.listareProduseTitlu { margin: 0; padding: 0 0 40px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #3e3e3e; line-height: 15px; }
.listareProduseTitlu .discRed { width: 4px; height: 4px; margin: 5px 4px 0 0; padding: 0; font-size: 0; line-height: 0; float: left; background: url(../img/disc_red_4x4.png) left top no-repeat; }
.discReds { width: 4px; height: 4px; margin: 5px 4px 0 0; padding: 0; font-size: 0; line-height: 0; float: left; background: url(../img/disc_red_4x4.png) left top no-repeat; }

.listareProduse { margin: 0; padding: 0 300px 0 6px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #456372; }
.listareProduse ul { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #456372; }
.listareProduse ul li { margin: 0; padding: 0 0 15px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #456372; }
.listareProduse ul li h1 { margin: 0; padding: 0; line-height: 18px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #456372; }
.listareProduse ul li h1 a { line-height: 18px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #456372; }
.listareProduse ul li h1 a:hover { color: #a40000; text-decoration: underline; }
.listareProduse ul li .title { margin: 0; padding: 0 0 5px; }
.listareProduse ul li .label { width: 36px; margin: 0; padding: 4px 24px 0 0; font-size: 0; float: left; }
.listareProduse ul li .productName { width: 310px; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #456372; float: left; }

.labelOrange { width: 36px; height: 26px; margin: 0; padding: 0; font-size: 0; background: url(../img/label_orange.png) left top no-repeat; }
.labelBlue { width: 36px; height: 24px; margin: 0; padding: 0; font-size: 0; background: url(../img/label_blue.png) left top no-repeat; }
.labelGreen { width: 36px; height: 25px; margin: 0; padding: 0; font-size: 0; background: url(../img/label_green.png) left top no-repeat; }
.labelRed { width: 36px; height: 25px; margin: 0; padding: 0; font-size: 0; background: url(../img/label_red.png) left top no-repeat; }

.horizontalDottedLine { width: 370px; height: 1px; margin: 0; padding: 0; font-size: 0; line-height: 0; background: url(../img/horizontal_dotted_line.png) left top repeat-x; }

.infoBox { height: auto!important; min-height: 120px; height: 120px; margin: 0; padding: 22px 0 0 270px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #3e3e3e; }
.infoBox ul { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #3e3e3e; }
.infoBox ul li { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #3e3e3e; line-height: 18px; }
.infoBox ul li a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #3e3e3e; }
.infoBox ul li a:hover { color: #a40000; text-decoration: underline; }
.infoBox ul li .discRed { width: 4px; height: 4px; margin: 7px 8px 0 0; padding: 0; font-size: 0; line-height: 0; float: left; background: url(../img/disc_red_4x4.png) left top no-repeat; }

.titleStiriBlueBg { height: auto!important; min-height: 29px; height: 29px; line-height: 29px; margin: 0; padding: 0 0 0 17px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; background: url(../img/title_y_blue_bg.jpg) left top repeat-y;}
.titleStiriBlueBg h2 { line-height: 29px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #fff;}
.titleStiriBlueBg h2 a { line-height: 29px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #fff;}
.titleStiriBlueBg h2 a:hover { text-decoration: underline; }

.newsBox { height: auto!important; min-height: 20px; height: 20px; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #4e4e4e; background: #e3eef4; }
.newsBox ul { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #4e4e4e; background: #e3eef4; }

.newsBox ul li { margin: 0; padding: 0 0 20px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #4e4e4e; background: #e3eef4; }
.newsBox ul li a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #4e4e4e; background: #e3eef4; }
.newsBox ul li a:hover { color: #990000; text-decoration: underline; }
.newsBox ul li .topLineNews { height: auto!important; min-height: 18px; height: 18px; margin: 0; padding: 0 0 5px; background: url(../img/horizontal_dotted_line_grey_on_blue.jpg) left 14px repeat-x; }
.newsBox ul li .topLineNews a { display: block; font-family: "Century Gothic"; font-size: 14px; color: #990000; padding: 0 7px 0 0; background: #e3eef4; float: left; }
.newsBox ul li .topLineNews .date { margin: 0; padding: 4px 0 0 5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #4e4e4e; background: #e3eef4; float: right; }
.newsBox ul li .shortIntro { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #4e4e4e; line-height: 16px; }
.newsBox ul li .shortIntro a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #4e4e4e; line-height: 16px; }
.newsBox ul li .shortIntro a:hover { color: #0374ae; text-decoration: underline; }

.newsBox ul li.last { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #4e4e4e; background: #e3eef4; }
.newsBox ul li.last a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #4e4e4e; background: #e3eef4; }
.newsBox ul li.last a:hover { color: #990000; text-decoration: underline; }
.newsBox ul li.last .topLineNews { height: auto!important; min-height: 18px; height: 18px; margin: 0; padding: 0 0 5px; background: url(../img/horizontal_dotted_line_grey_on_blue.jpg) left 14px repeat-x; }
.newsBox ul li.last .topLineNews a { display: block; font-family: "Century Gothic"; font-size: 14px; color: #990000; padding: 0 7px 0 0; background: #e3eef4; float: left; }
.newsBox ul li.last .topLineNews .date { margin: 0; padding: 4px 0 0 5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #4e4e4e; background: #e3eef4; float: right; }
.newsBox ul li.last .shortIntro { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #4e4e4e; line-height: 16px; }
.newsBox ul li.last .shortIntro a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #4e4e4e; line-height: 16px; }
.newsBox ul li.last .shortIntro a:hover { color: #0374ae; text-decoration: underline; }

.leftLineGrey { height: auto!important; min-height: 20px; height: 20px; margin: 0; padding: 0; background: url(../img/pixel_dark_grey.jpg) left top repeat-y; }
.rightLineGrey { height: auto!important; min-height: 20px; height: 20px; margin: 0; padding: 0; background: url(../img/pixel_dark_grey.jpg) right top repeat-y; }
.bottomLineGrey { height: auto!important; min-height: 20px; height: 20px; margin: 0; padding: 0; background: url(../img/pixel_dark_grey.jpg) left bottom repeat-x; }

.leftCornerBottomBlue { height: auto!important; min-height: 20px; height: 20px; margin: 0; padding: 0; background: url(../img/left_corner_bottom_blue_bg.jpg) left bottom no-repeat; }
.rightCornerBottomBlue { height: auto!important; min-height: 20px; height: 20px; margin: 0; padding: 10px 13px 10px 16px; background: url(../img/right_corner_bottom_blue_bg.jpg) right bottom no-repeat; }

.certifiedIQNet { width: 266px; height: 55px; margin: 6px 0 0; padding: 0; font-size: 0; background: url(../img/certified_iq_net.jpg) left top no-repeat; }
.certifiedIQNet a { display: block; width: 266px; height: 55px; margin: 0; padding: 0; font-size: 0; text-indent: -9999px; }
.certifiedSRAC { width: 266px; height: 55px; margin: 6px 0 0; padding: 0; font-size: 0; background: url(../img/certified_srac.jpg) left top no-repeat; }
.certifiedSRAC a { display: block; width: 266px; height: 55px; margin: 0; padding: 0; font-size: 0; text-indent: -9999px; }

.ContactBox { height: auto!important; min-height: 32px; height: 32px; margin: 6px 0 0; padding: 15px 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; background: url(../img/title_y_blue_bg.jpg) left top repeat-y; }
.ContactBox .titleContact { margin: 0; padding: 0 0 0 24px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #fff; float: left; }
.ContactBox .icons { margin: 0; padding: 0 30px 0 0; float: right; }

.iconArond { width: 22px; height: 21px; margin: 0; padding: 0 0 0 10px; font-size: 0; float: left; }
.iconArondBg { width: 22px; height: 21px; margin: 0; padding: 0; font-size: 0; background: url(../img/icon_arond.png) left top no-repeat; }
.iconArondBg a { display: block; width: 22px; height: 21px; font-size: 0; text-indent: -9999px; }

.iconTelphone { position: relative; width: 30px; height: 20px; margin: 0; padding: 0 0 0 10px; font-size: 0; float: left; }
.iconTelphoneBg { width: 30px; height: 20px; margin: 0; padding: 0; font-size: 0; background: url(../img/icon_telephone.png) left top no-repeat; }
.iconTelphoneBg a { display: block; width: 30px; height: 20px; font-size: 0; text-indent: -9999px; }

.iconMail { position: relative; width: 27px; height: 20px; margin: 0; padding: 0 0 0 10px; font-size: 0; float: left; }
.iconMailBg { width: 27px; height: 20px; margin: 0; padding: 0; font-size: 0; background: url(../img/icon_mail.png) left top no-repeat; }
.iconMailBg a { display: block; width: 27px; height: 20px; font-size: 0; text-indent: -9999px; }

#Telephone { display: none; position: absolute; z-index: 4; top: 0; left: 0; width: 158px; height: auto!important; min-height: 38px; height: 38px; padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #fff; background: #117cb2; border: 1px solid #fff; line-height: 18px; }
#Address { display: none; position: absolute; z-index: 4; top: 0; left: 0; width: 158px; height: auto!important; min-height: 38px; height: 38px; padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #fff; background: #117cb2; border: 1px solid #fff; line-height: 18px; }

.footer { width: 984px; height: auto!important; min-height: 28px; height: 28px; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #def1f9; background: #006699; }

.bottomMenu { width: 379px; margin: 0; padding: 6px 0 0 30px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #def1f9; background: #006699; float: left; }
.bottomMenu ul { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #def1f9; background: #006699; }
.bottomMenu ul li { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #def1f9; background: #006699; float: left; }
.bottomMenu ul li a { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #def1f9; background: #006699; float: left; }
.bottomMenu ul li a:hover { color: #000; text-decoration: underline; }

.copyright { margin: 0; padding: 6px 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #def1f9; float: left; }

.firstD {width:100px; float:left; padding-bottom:15px; padding-left:120px; text-align:right;padding-right:10px; }
.secondD {padding-bottom:10px; display:compact; }
.secondD input { width: 200px; border:1px solid  #224a63; font-size:12px; vertical-align:top; }
.secondD textarea { width: 200px; height:100px;  border:1px solid #224a63; font-size:11px; }

.firstD1 {width:180px; float:left; padding-bottom:15px; padding-left:340px; }
.secondD1 {padding-bottom:10px; }
.secondD1 input { width: 150px; border:1px solid  #224a63; font-size:12px; vertical-align:top; }

.secondD2 {padding-bottom:10px; float:left; text-align:left; }
.secondD2 input { width: 280px; border:1px solid  #224a63; font-size:12px; vertical-align:top; }
.secondD2 textarea { width: 280px; height:80px;  border:1px solid #224a63; font-size:11px; }

/* style for the products page elements */
.powerDistributionSwitchboard { width: 317px; height: 222px; margin: 0; padding: 0 0 20px 10px; float: left; }
.powerDistributionSwitchboardBg { width: 317px; height: 222px; margin: 0; padding: 0; background: url(../img/power_distribution_switchboard.png) left top no-repeat; }
.powerDistributionSwitchboard h1 { margin: 0; padding: 140px 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #363636; text-align: center; }
.powerDistributionSwitchboard h1 a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #363636; }
.powerDistributionSwitchboard h1 a:hover { color: #0374ae; text-decoration: underline; }
.powerDistributionSwitchboard p { margin: 0; padding: 7px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #393939; line-height: 15px; }
.powerDistributionSwitchboard .detalii { margin: 0; padding: 0 20px 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #a70000; float: right; }
.powerDistributionSwitchboard .detalii a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #a70000; float: left; }
.powerDistributionSwitchboard .detalii a:hover { color: #000; text-decoration: underline; }
.powerDistributionSwitchboard .arrowRightRed { width: 4px; height: 5px; margin: 0; padding: 5px 0 0 5px; font-size: 0; float: left; }
.powerDistributionSwitchboard .arrowRightRedBg {  width: 4px; height: 5px; margin: 0; padding: 0; font-size: 0; background: url(../img/arrow_right_red.png) left top no-repeat; }

.industrialControlAutamation { width: 317px; height: 222px; margin: 0; padding: 0 0 20px 20px; float: left; }
.industrialControlAutamationBg { width: 317px; height: 222px; margin: 0; padding: 0; background: url(../img/industrial_control_automation.png) left top no-repeat; }
.industrialControlAutamation h1 { margin: 0; padding: 140px 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #363636; text-align: center; }
.industrialControlAutamation h1 a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #363636; }
.industrialControlAutamation h1 a:hover { color: #0374ae; text-decoration: underline; }
.industrialControlAutamation p { margin: 0; padding: 7px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #393939; line-height: 15px; }
.industrialControlAutamation .detalii { margin: 0; padding: 0 20px 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #a70000; float: right; }
.industrialControlAutamation .detalii a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #a70000; float: left; }
.industrialControlAutamation .detalii a:hover { color: #000; text-decoration: underline; }
.industrialControlAutamation .arrowRightRed { width: 4px; height: 5px; margin: 0; padding: 5px 0 0 5px; font-size: 0; float: left; }
.industrialControlAutamation .arrowRightRedBg {  width: 4px; height: 5px; margin: 0; padding: 0; font-size: 0; background: url(../img/arrow_right_red.png) left top no-repeat; }

.secondaryDistributionSwitchboard { width: 317px; height: 222px; margin: 0; padding: 0 0 0 10px; float: left; }
.secondaryDistributionSwitchboardBg { width: 317px; height: 222px; margin: 0; padding: 0; background: url(../img/secondary_distribution_switchboard.png) left top no-repeat; }
.secondaryDistributionSwitchboard h1 { margin: 0; padding: 140px 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #363636; text-align: center; }
.secondaryDistributionSwitchboard h1 a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #363636; }
.secondaryDistributionSwitchboard h1 a:hover { color: #0374ae; text-decoration: underline; }
.secondaryDistributionSwitchboard p { margin: 0; padding: 7px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #393939; line-height: 15px; }
.secondaryDistributionSwitchboard .detalii { margin: 0; padding: 0 20px 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #a70000; float: right; }
.secondaryDistributionSwitchboard .detalii a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #a70000; float: left; }
.secondaryDistributionSwitchboard .detalii a:hover { color: #000; text-decoration: underline; }
.secondaryDistributionSwitchboard .arrowRightRed { width: 4px; height: 5px; margin: 0; padding: 5px 0 0 5px; font-size: 0; float: left; }
.secondaryDistributionSwitchboard .arrowRightRedBg {  width: 4px; height: 5px; margin: 0; padding: 0; font-size: 0; background: url(../img/arrow_right_red.png) left top no-repeat; }

.powerFactorCorrectionSollutioning { width: 317px; height: 222px; margin: 0; padding: 0 0 0 20px; float: left; }
.powerFactorCorrectionSollutioningBg { width: 317px; height: 222px; margin: 0; padding: 0; background: url(../img/power_factor_correction_sollutioning.png) left top no-repeat; }
.powerFactorCorrectionSollutioning h1 { margin: 0; padding: 140px 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #363636; text-align: center; }
.powerFactorCorrectionSollutioning h1 a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #363636; }
.powerFactorCorrectionSollutioning h1 a:hover { color: #0374ae; text-decoration: underline; }
.powerFactorCorrectionSollutioning p { margin: 0; padding: 7px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #393939; line-height: 15px; }
.powerFactorCorrectionSollutioning .detalii { margin: 0; padding: 0 20px 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #a70000; float: right; }
.powerFactorCorrectionSollutioning .detalii a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #a70000; float: left; }
.powerFactorCorrectionSollutioning .detalii a:hover { color: #000; text-decoration: underline; }
.powerFactorCorrectionSollutioning .arrowRightRed { width: 4px; height: 5px; margin: 0; padding: 5px 0 0 5px; font-size: 0; float: left; }
.powerFactorCorrectionSollutioning .arrowRightRedBg {  width: 4px; height: 5px; margin: 0; padding: 0; font-size: 0; background: url(../img/arrow_right_red.png) left top no-repeat; }
/* end of the products page*/