@charset "utf-8";
/* CSS Document 

Author:	Noblestudios

Author URI: www.noblestudios.com

Template: ElectraTherm

*/

html{color:#000;background:#fff;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins,a{text-decoration:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{font-size:100%;}

body{font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url(/images/cssimages/temp_background.png) #8db9dc repeat-x ;}

/*----------Content Stylesheet-----------------*/


.inner{width:948px; margin:0px auto; position:relative;}
.innerborder{border-bottom: 4px #284c90 solid;}
h1{ font-family:Garamond; font-size:26px; line-height:28px; color:#01448d; font-weight:bold;}
h2{ font-family:Garamond; font-size:22px; font-weight:bold; color:#01562f; line-height:28px;}
h3{font-family:Garamond; font-size:22px; line-height:37px; color:#01562f; font-weight:bold;}
h4{font-size:14px; color:#01448d;}
h5{font-size:16px; color:#fff; font-weight:bold; line-height:20px;}
h6{ color:#01448d; font-size:14px;}
p{line-height:20px; color:#40403f; font-size:13px;}
a{ color:#01448d; font-weight:bold; font-size:12px;}

/*---------Top Portion------------*/
#top{height:151px; padding-top:6px;}
#top form{float:right;}
#top form input{vertical-align:middle; padding:3px;}
#top form label{color:#2d51a3; font-weight:bold;}
#top .submit{background:url(/images/cssimages/login.png) left top no-repeat; width:65px; height:21px; border:0px;}
#top .submit:hover{ background-position:right top; cursor:pointer;}
#welcomeuser{font-weight:bold; font-size:13px; line-height: 20px; color:#01562f; float:right; padding:3px; min-width:300px; }
#welcomeuser p{font-size:13px; float:left; padding-right:5px; font-weight:normal; color:#3d3d3d;}
#welcomeuser a{ float: right; font-size:13px; color:#4566b1; margin-left:50px;}
#logo{float:left; padding: 5px 0 33px 0; width:219px; height:46px;}
#navigation {width:707px; height:33px; float:left; margin-left:145px;}
#navigation ul.mainnav li{float:left;   height:33px; list-style:none; }
#navigation ul.mainnav li a{color:#01562f; padding:10px 9px; display:block; font-size:15px; font-weight:bold; width:auto;}
#navigation ul.mainnav li a:hover{color:#4566b1;}
#navigation ul.mainnav li a.active{background:url(/images/cssimages/nav_back.jpg) repeat-x; color:#4566b1;}
.imgpad{float:left;}
#flags{float:left; padding:12px 0 10px 15px; height:10px; width:78px;}
#flags a{display:block; height:10px; width:17px; float:left;}
#flags a.america{background:url(/images/cssimages/usflag.png) no-repeat; margin-right:12px;}
#flags a.mexico{background:url(/images/cssimages/mexicoflag.png) no-repeat; margin-right:12px;}
#flags a.germany{background:url(/images/cssimages/germanflag.png) no-repeat;}
#flags a.active{background-position:right bottom;}
#flags a:hover{ background-position:right bottom;}

#divider{background:url(/images/cssimages/divider.png) repeat-x; width:948px; height:1px; float:left;}

/*---------------Header-----------------*/
#home_header{height:314px; color:#01448d; font-weight:bold; font-family:Garamond;}
#smartobject{ position:absolute; top:0px; left:0px; z-index:15;}
#home_mask{width:945px; height:314px; overflow:hidden; position:relative;}
#home_slider{width:1890px; height:314px; position:absolute; top:0; left:0; overflow:hidden;}
#header_credits{font-size:18px; position:absolute; top:35px; left:50px; border-bottom:1px solid #ced0ca; width:auto; z-index:20;}
#home_callout {font-size:30px; line-height:30px; width:277px; position:absolute; top:96px; left:50px; z-index:20;}
#home_callout:hover {color: #01562f;}
#home_previous{background:url(/images/cssimages/leftarrow.png) right top no-repeat; width:14px; height:26px; position:absolute; top:140px; left:-30px;}
#home_previous:hover{background-position:left top;}
#home_next{background:url(/images/cssimages/rightarrow.png) left top no-repeat; width:14px; height:26px; position:absolute; right:-26px; top:140px;}
#home_next:hover{background-position:right top;}
#home_pagination{width:207px; height:15px; position:absolute; left:50px; top:279px; z-index:30;}
#home_pagination a{background:url(/images/cssimages/sliderdot.png) left top; width:12px; height:12px; margin-right:15px; float:left;}
#home_pagination a.active{background-position:right top;}
#home_pagination a:hover{background-position:right top;}


/*-----------Main body----------------*/
#content{min-height:136px; font-size:14px; padding:25px 0 0 0;}
#maincontent{width:632px; min-height:100px; float:left; padding:0 0 15px 15px;}
#maincontent p {color:#40403f; font-size:15px; line-height:18px;}
#maincontent a {font-size:15px; line-height:18px;}
#content_promo {width:261px; float:right; height:100px; position: relative;}
/*#content_promo a{width: 100%; height: 100%; position: absolute; left: 0px;}*/
#content_promo a {padding-left:3px; font-size:14px; color:#01448d;}
#content_promo a:hover {color:#01562f; text-decoration:underline;}
#content_promo p{color:#40403f; font-size:15px; line-height:18px; float:left; width:181px; padding-left: 3px;}
/*#content_promo p:hover{text-decoration:underline;}*/
#content_promo img{float:left; padding:5px 11px 0 0;}


/*----------Sub Pages--------------*/
#subpagecontent{min-height: 372px; padding-top:13px; }
#dealerpagecontent{min-height:100px; padding-top:13px;}
#newspagecontent{min-height:100px; padding-top:13px;}
#sidebar{ width:237px; float:left;}
#sidenav{margin-bottom:18px;}
#sidenav ul li{list-style:none;}
#sidenav ul li a{width:225px; height:21px; background:url(/images/cssimages/sidenavback.png) left top no-repeat;
			 display:block; margin-bottom:1px; padding:8px 0 0 11px; color:#4566b1; font-size:13px;}

#sidenav ul li a:hover{background-position:right top;}
#sidenav ul li.here a{background:url(/images/cssimages/subnavactive.png) no-repeat; font-weight:bold; color:#fff;}
#sidenav ul li.large a{background:url(/images/cssimages/sidenavback_large.png) left top no-repeat; height:44px; width:210px; padding-right: 15px;}
#sidenav ul li.large a:hover{background-position:right top;}
#sidenav ul li.large_here a {background:url(/images/cssimages/subnavactive_large.jpg) no-repeat;}

#adblock {width:237px; height:199px; position:relative;}
#adblock p{line-height:normal;}
#adtext{z-index:10; position:absolute; top:14px; left:15px; width:181px;}
#adtext p{color:#fff; font-family:Garamond; font-weight:bold; font-size:13px; }
#adtext a{font-family:Arial, Helvetica, sans-serif; color:#fff; display:block; padding-top:5px; float:left;}
#adtext a:hover{ border-bottom:1px #80ab97 solid;}
#subcontent {padding-left:21px; width:690px; float:left;}
#subheader{width:688px; border:#bdbdbd 1px solid; height:270px; margin-bottom:11px;}
#subbodycontent {min-height:178px; padding:10px 20px 20px 20px; background:#fff;
/*for IE*/
filter:alpha(opacity=85);
/*CSS3 Standard*/
opacity:0.85;
 }
#subbodycontent a:hover {text-decoration:underline;}
#subbodycontent p {font-size:13px; color:#40403f !important; padding-bottom: 12px;}
#subbodycontent h2 {padding-bottom: 12px;}
#subbodycontent ul, #subbodycontent ol {padding:10px 13px 10px 15px; margin-left: 20px; font-size:13px; color:#40403f;}
#subbodycontent p img {padding-right:10px; border:0px; float:left; !important}
#infonav {height:65px; background:#fff;
/*for IE*/
filter:alpha(opacity=85);
/*CSS3 Standard*/
opacity:0.85;
 }
.portalblock{padding:18px; display:block; float:left; width:630px;}
.portalblock h4 {color:#113b99; line-height:26px; font-size:14px; border-bottom:#cccccc 1px solid; font-weight:bold;}
.portalblock h4.doc {background:transparent url("http://electratherm.com/images/cssimages/icon_doc.png") no-repeat scroll 0 2px; padding:0 0 0 40px;}
.portalblock h4.jpg {background:transparent url("http://electratherm.com/images/cssimages/icon_jpg.png") no-repeat scroll 0 2px; padding:0 0 0 40px;}
.portalblock h4.pdf {background:transparent url("http://electratherm.com/images/cssimages/icon_pdf.png") no-repeat scroll 0 2px; padding:0 0 0 40px;}
.portalblock h4.ppt {background:transparent url("http://electratherm.com/images/cssimages/icon_ppt.png") no-repeat scroll 0 2px; padding:0 0 0 40px;}
.portalblock h4.xls {background:transparent url("http://electratherm.com/images/cssimages/icon_xls.png") no-repeat scroll 0 2px; padding:0 0 0 40px;}
.portalblock h4 a {color:#113b99; line-height:26px; font-size:14px; font-weight:bold;}
.portalblock p{ color:#3d3d3d; font-size:13px; line-height:18px; padding-bottom:10px;}
#infonav ul li{float:left; height:65px; list-style:none;} 
#infonav ul li a{width:136px; height:65px; color:#01448d; font-size:14px; display:block; text-align:center; padding-top:11px; background:url(/images/cssimages/navback.png) no-repeat left top; float:left;}
#infonav ul li a:hover{background-position:right top;}
#infonav ul li.here a{background:url(/images/cssimages/navback.png) -140px 0px no-repeat; color:#01562f;}
#infonav ul li.last a{width:138px;}
#infobox{background:#166946; width:664px; min-height:210px;  padding:5px 13px 13px 13px; float:left;}
#infobox h5{padding: 0 0 10px 221px;}
#infobox img{padding-right:15px;}
#infobox p{float:left; font-size:13px; color:#fff; line-height:18px;}
.widgetheader{display:none;}
.widget{display:none;}
.widget ul, .widget ol{padding:10px 13px 10px 15px; margin-left: 20px; font-size:13px; color:#ffffff;}
.article{width:680px; float:left; padding-bottom:10px; vertical-align:middle;}
.article h6.date{ color:#6f6f6f; font-size:11px; float:left; width:105px; padding:0 0 0px 0; line-height:18px;}
.article p a.link{ color:#40403f; font-size:12px; font-weight:bold; padding-right:10px;}
.article p{width:573px; float:right;}
.article a.headline{color:#4566b1; font-size:12px; font-weight:bold;}
.article a:hover{text-decoration:none; cursor:pointer; !important}
.article h4.innews{width:400px;}
#contactform form input{vertical-align:middle; padding:3px;}
#contactform form label{color:#2d51a3; font-weight:bold; font-size:13px; width:120px;}
.required{color:red;}

/*----------Promo Blocks--------------*/
#promoblocks{height:281px; padding-top:10px; }

#promoblocks .blocks{height:281px; width:310px; float:left; margin-right:5px;}
#promoblocks .heading {width:293px; font-family:Garamond; font-weight:bold;  float:left; background:#01562f; color:#fff; font-size:22px; line-height:28px; height:35px; padding:5px 10px 0 7px; 
border-radius:2px 2px 2px 2px; 
-moz-border-radius:2px; 
-webkit-border-radius: 2px;
-khtml-border-radius:2px;
}
#promoblocks .content {width:275px; background:url(/images/cssimages/trans.png) no-repeat ; height:236px; float:left; padding:5px 18px 0 17px;
/*for IE 
filter:alpha(opacity=75);
CSS3 standard
opacity:0.75;*/
}
#promoblocks .content h2{font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#01448D; font-size:14px; line-height:20px;}
#promoblocks .content p{line-height:18px; font-size:15px; color:#40403f; font-weight:normal;}
#promoblocks .content p.news{font-size:16px; color:black; width:275px; float:left; height:37px; overflow:hidden;}
p.packages{  font-size:13px; margin-bottom:20px; height:37px; overflow:hidden;}
p.packages a{color:#40403f;}

p.electra{ color:#40403f;  font-size:14px; margin:5px 0 15px 0; float:left; width:115px; height:90px;}
#promoimg{ width:161px; height:228px; padding-top:8px; float:left;}
#promo3 { width:125px; float:left; padding-right:7px;}
#promo3 h1{margin-top:12px; font-size:28px; color:#01448d; line-height:26px; font-weight:bold;}
#promo3 a{color:#01448d; font-size:11px; font-weight:bold; }
#packages p{padding-bottom:15px;}
#packages a:hover{color:#01562f;}
#packages {position: relative;}
#packages a{}
#green p{padding-bottom:15px;}
#star{background:url(/images/cssimages/starobject.png) no-repeat; width:270px;  height:89px; position:absolute; top:238px; right:-39px; }
.subpagestar{background:url(/images/cssimages/starobject.png); width:270px;  height:89px; position:absolute; right:-46px; bottom:-46px; }
#promoblocks .content .date{ color:#7b7b7b; font-size:14px; margin-top:20px;}
#promoblocks .content a:hover{text-decoration:underline;}
#promoblocks .content a.link1{color:#01448d; font-size:11px; font-weight:bold; float:right; margin:17px 0 8px 0;}
#promoblocks .content a.link1:hover{color:#01562f;}
#promoblocks .content a.head{color:#01448d; font-size:14px;}
#promoblocks .content a.head:hover{color:#01562f;}


/*-----------Footer-------------------*/
#footer{height:100px; padding:10px 0 16px 0;  line-height:20px; }
#footer p{padding-left:13px; float:left; color:#012247; font-size:13px;}
#footer a{ color:#012247; font-weight:normal; font-size:13px;}
#footer a:hover{text-decoration:underline;}
#bottomlogo{float:right; margin:2px 48px 0 0; width:154px; height:33px;}

.clear{clear:both; line-height:0; height:0; font-size:0px;}

.padtop{padding-top:15px;}
.padbottom{padding-bottom:15px;}
.pad{padding:15px; clear:both;}

#infonav ul li.small_font a{font-size: 10px;}


/*------------Forms--------------------*/
/*#formcontent { width: 948px; background: none repeat scroll 0 0 #FFFFFF; opacity: 0.85; }*/
#formcontent {margin: 0 auto; width:724px;}
#formbodycontent {min-height:178px; padding:10px 20px 20px 20px; background:#fff;
/*for IE*/
filter:alpha(opacity=85);
/*CSS3 Standard*/
opacity:0.85;
}
#formbodycontent a:hover {text-decoration:underline;}
#formbodycontent p {font-size:13px; color:#40403f !important; padding-bottom: 12px;}
//#formbodycontent h2 {padding-bottom: 12px;}
#formbodycontent ul, #formbodycontent ol {padding:10px 13px 10px 15px; margin-left: 20px; font-size:13px; color:#40403f;}
#formbodycontent p img {padding-right:10px; border:0px; float:left; !important}
.forms { list-style: none outside none; }
.forms label { display: block; float: left; clear: left; color: #3D3D3D; font: 14px/20px Arial, Helvetica, sans-serif; width: 115px; /*height: 24px;*/ margin: 0 10px 10px 0; }
.forms .field { float: left; }
.forms input { width: 244px; height: 24px; }
.forms .radio { width: 35px; height: 20px; float: left; }
.forms select { width: 244px; height: auto; }
.forms textarea { width: 244px; }
.forms .checkbox { float: left; width: 35px; height: 20px; background: #FFFFFF; }
.forms .group { float: left; list-style: none outside none; }
.forms .group li { clear: left; }
.forms .group label { clear: none; width: 150px; }
.forms .group .checkbox { clear: left; }
.forms .buttons { float: left; clear: left; }
.forms .captcha { margin: 0 0 0 125px; }
.forms .submit, .forms .reset { border: 0 none; color: #4566B1; cursor: pointer; font: 13px/23px Arial, Helvetica, sans-serif; width: 70px; height: 33px; margin: 0 10px 0 0; padding: 0 0 10px; background: transparent url("http://electratherm.com/images/cssimages/button_form.png") no-repeat 0 0; }
.form_section { clear: left; }

/*-----------Dealer Portal-------------*/
#dealer_login_form label { clear: left; display: block; float: left; width: 125px; }
#dealer_login_form input { display: block; float: left; width: 244px; height: 23px; margin: 0 0 10px; }
#dealer_login_form .submit { clear: left; float: left; border: 0 none; color: #4566B1; cursor: pointer; font: 13px/23px Arial, Helvetica, sans-serif; width: 70px; height: 33px; margin: 10px 0; padding: 0 0 10px; background: transparent url("http://electratherm.com/images/cssimages/button_form.png") no-repeat 0 0; }