#content { width: 1044px; }
#footer{width:1024px!important;}
#ruudfootband{display: block; height: 49px; width: 1024px; background:url(//static-ruud.globalimageserver.com/EcoNet/Images/RuudFootband.jpg)no-repeat top center; margin-top: 50px; }

sup{font-size:9px!important;}
.contentholder ol{list-style-type: decimal!important; margin-left: 20px;}
.contentholder ol li{margin-bottom: 10px;}

.econetsupportwrapper, .circlenavholder{position:relative; width:1024px;}
.pageheader{position:relative; margin-top: 52px;}

.econetsite-link{
    display:block; 
    position:absolute; 
    top:114px; 
    right:10px;
    width:180px;
    height: 43px;
    background: url(//static-ruud.globalimageserver.com/EcoNet/Images/fullsite-btn.png)no-repeat;
    text-indent: -999px;
    overflow: hidden;
    text-align: left;
}
.econetsite-link:hover{ background: url(//static-ruud.globalimageserver.com/EcoNet/Images/fullsite-btn-hover.png)no-repeat;}


.circlenav{list-style:none; margin:-70px auto 0 auto; padding:0 0 50px 0; display:table; text-align: center;}
.circlenav li{width:152px; float:left; margin:0 10px;}
.circlenav li a{font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif; color: #5e6e66; font-size: 22px; font-weight:100; text-align:center; padding-top:132px; display:block; line-height:1em; background-repeat:no-repeat; text-decoration:none;}
.circlenav li a:hover{text-decoration:none;}
.circlenav li a.controlcenter-btn{background-image:url(//static-ruud.globalimageserver.com/EcoNet/Images/main-controlcenter.png)}
.circlenav li a.wifi-btn{background-image:url(//static-ruud.globalimageserver.com/EcoNet/Images/main-wifi.png)}
.circlenav li a.downloadapps-btn{background-image:url(//static-ruud.globalimageserver.com/EcoNet/Images/main-apps.png)}
.circlenav li a.findcontractor-btn{background-image:url(//static-ruud.globalimageserver.com/EcoNet/Images/main-findcontactor.png)}
.circlenav li a.contact-btn{background-image:url(//static-ruud.globalimageserver.com/EcoNet/Images/main-contact.png)}

/*TOP NAV */
.top_nav_container {position:relative; width:100%; height: 63px; text-align:right; z-index: 105;}
.econetsite-btn{height:60px; width:327px; position:absolute; top:18px; left:20px; background:url(//static-ruud.globalimageserver.com/EcoNet/Images/econet_support_logo.png); display:block;}
#top_nav {background:url(//static-ruud.globalimageserver.com/EcoNet/Images/topnav-bkgrd.png)no-repeat; width:1024px; height:115px; position:relative; margin: 0 auto; padding-top:30px}
.barnav, .fpthumbs{list-style:none; display:inline-block; padding-left:0px;}
.barnav li, .fpthumbs li{width:auto; float:left; margin:0 10px; position:relative;}
.barnav li a{font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif; color:#FFF; font-size: 14px; font-weight:100; display:block; line-height:3em; height:45px; padding:0 20px 0 50px; text-decoration: none;}
.barnav li a.bordered{border-right:#fff solid 1px}
.barnav li a:hover, .barnav li a.active{text-decoration:none; color:#fff;}
.barnav li a.controlcenter-btn{background:url(//static-ruud.globalimageserver.com/EcoNet/Images/topnav-controlcenter.png) no-repeat;}
.barnav li a.wifi-btn{background:url(//static-ruud.globalimageserver.com/EcoNet/Images/topnav-wifimodule.png) no-repeat;}
.barnav li a.downloadapps-btn{background:url(//static-ruud.globalimageserver.com/EcoNet/Images/topnav-downloadapps.png) no-repeat;}
.barnav li a.findcontractor-btn{background:url(//static-ruud.globalimageserver.com/EcoNet/Images/topnav-findcontractor.png) no-repeat;}

.barnav li a.active,
.barnav li a.controlcenter-btn:hover,
.barnav li a.wifi-btn:hover,
.barnav li a.downloadapps-btn:hover,
.barnav li a.findcontractor-btn:hover
{background-position: 0 -45px;}

.barnav li a.active::after{
content:'';
display:block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 7px 6px 0px 6px;
border-color: #fff transparent transparent transparent ;
position:absolute;
bottom:0px;
left:50%;
margin-left:-3px;
}

#top_main{margin-top:50px;}
#top_main::after{content:''; clear:both; display:block; height:50px;}
.sidenavholder{width:240px; float:left; margin:0 0 0 20px; position: relative;}
.contentholder{width:710px; min-height: 700px; position:relative; float:right; margin-right:40px; font-family:"HelveticaNeue-Light", Helvetica, Arial, sans-serif; font-size:14px; color:#616265; line-height:1.5em;}
.contentholder h1{color: #8a0d04; font-weight:100; font-size: 30px;}
.contentholder p{margin:0 0 20px 0;}

.tabset{border-bottom:solid #e1e1e1 1px; list-style-type: none; margin-left: 0; padding-left: 0;}
.tabset li{border-top:solid #e1e1e1 1px; padding:16px 0 8px 10px;}
.tabset li.forhomeowners-tab{padding-top:0px;}

.tabset .tab{color:#9a9b9d; font-size:14px; display:inline-block; font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif; line-height:1em; min-height:28px; padding:0px; background:none; vertical-align:top; text-decoration: none;}
/*
.tabset .tab::before{content:''; display:inline-block; height:28px; width:38px; margin-top:-5px; background-position:top left;}
.tabset .tab.tab1::before{background:url(//static-ruud.globalimageserver.com/EcoNet/Images/step-1.png) no-repeat;}
.tabset .tab.tab2::before{background:url(//static-ruud.globalimageserver.com/EcoNet/Images/step-2.png) no-repeat;}
.tabset .tab.tab3::before{background:url(//static-ruud.globalimageserver.com/EcoNet/Images/step-3.png) no-repeat;}
.tabset .tab.tab4::before{background:url(//static-ruud.globalimageserver.com/EcoNet/Images/step-4.png) no-repeat;}
.tabset .tab.tab5::before{background:url(//static-ruud.globalimageserver.com/EcoNet/Images/step-5.png) no-repeat;}
*/

.controlcenterpage .tabset .tab::before{content:''; display:inline-block; height:28px; width:38px; margin-top:-5px; background-position:top left;}
.tabset .tab.main-screen::before{background:url(//static-ruud.globalimageserver.com/EcoNet/Images/main-screen.png) no-repeat; }
.tabset .tab.settings::before{background:url(//static-ruud.globalimageserver.com/EcoNet/Images/settings.png) no-repeat;}
.tabset .tab.scheduling::before{background:url(//static-ruud.globalimageserver.com/EcoNet/Images/scheduling.png) no-repeat;}
.tabset .tab.system-operations::before{background:url(//static-ruud.globalimageserver.com/EcoNet/Images/system-operations.png) no-repeat;}
.tabset .tab.colors::before{background:url(//static-ruud.globalimageserver.com/EcoNet/Images/colors.png) no-repeat;}
.tabset .tab.status::before{background:url(//static-ruud.globalimageserver.com/EcoNet/Images/status.png) no-repeat;}
.tabset .tab.faceplates::before{background:url(//static-ruud.globalimageserver.com/EcoNet/Images/faceplates.png) no-repeat;}
.tabset .tab.compatible::before{background:url(//static-ruud.globalimageserver.com/EcoNet/Images/compatible-icon.png) no-repeat;}
.tabset .tab.controlcenter-installation::before{background:url(//static-ruud.globalimageserver.com/EcoNet/Images/controlcenter-install-icon.png) no-repeat;}
.tabset .tab.translator-installation::before{background:url(//static-ruud.globalimageserver.com/EcoNet/Images/controlcenter-install-icon.png) no-repeat;}

.tabset .tab.active, .tabset .tab:hover{background:none; color:#8b0e04;}
.tabset .tab.active::before, .tabset .tab:hover::before{background-position:bottom left;}

.tabset li.tab-section {background:none; line-height:1em; border-top:none;}
.tab-section h3{padding:0px; margin:0 0 10px 0; font-size:20px; color:#8b0e04; font-weight: 300; line-height: 1.2;}
.tab-section.subhead h3{font-size:18px; color: #666;}
.tab-section {font-size:11px; color:#999; display:block;}

.downloadinstructionsbtn{display:block; position:absolute; top:-75px; right:-40px; /*height:30px;*/ color:#fff; background:url(//static-ruud.globalimageserver.com/EcoNet/Images/download-icon.png) no-repeat 10px 10px; padding:10px 20px 5px 45px;-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #8a0e04; text-decoration: none;}
.downloadinstructionsbtn:hover{background-color:#ccc; text-decoration:none}

.smalltype{font-size:12px; line-height:1.5em}
.notice{color:#e70033; display:block;}
.electric-instructions{border-bottom:#e1e1e1 solid 1px; padding-bottom:160px; margin-bottom:30px;}


.setup-left, .setup-right{display:inline-block; vertical-align:top;}
.setup-left{margin-right:20px;}
.setup-right{width:360px;}
.hintblock{background:url(//static-ruud.globalimageserver.com/EcoNet/Images/info-icon.png) no-repeat 13px 13px; color:#fff; padding:13px 15px 15px 40px; font-size:12px; line-height:1.5em;-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #8a0e04;}
.hintblock span{font-size:18px; margin-bottom:10px; display:block;}
.hintblock ul{margin:0; padding:0 0 0 18px; list-style-type: disc!important;}
.hintblock ul li{color:#fff;}
.hintblock a{color:#fff; text-decoration:underline; font-weight:bold}
.ctablock{border: 1px solid #616265;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #fff; padding:10px; display:inline-block; margin-top:20px; float:right;}
.availableheader{display:block; margin-bottom:10px}
.downloadCTA{display:inline-block;}
.appstore{padding-right:6px;}




.screeninteractive{width:615px; height:447px; margin:40px auto 0 auto; position:relative;}
.rollerbtn{display:block; height:20px; width:20px; position:absolute; z-index:20;}
.screenroller{width:615px; height:400px; position:absolute; bottom:93px; display:block; background-repeat:no-repeat; background-position:center bottom; display:none; z-index:10;}
.instructions{background-image:url(//static-ruud.globalimageserver.com/EcoNet/Images/screen-rollover.png);}

#screen1-btn{top: 65px;left: 70px;width: 140px;height: 50px;}
.screen1{background-image:url(//static-ruud.globalimageserver.com/EcoNet/Images/screen-Step-1.png);}

#screen2-btn{top: 65px;
left: 220px;
width: 180px;
height: 50px;}
.screen2{background-image:url(//static-ruud.globalimageserver.com/EcoNet/Images/screen-Step-2.png);}

#screen3-btn{top: 65px;
left: 405px;
width: 100px;
height: 50px;}
.screen3{background-image:url(//static-ruud.globalimageserver.com/EcoNet/Images/screen-Step-3.png);}

#screen4-btn{top: 125px;
left: 305px;
width: 200px;
height: 140px;}
.screen4{background-image:url(//static-ruud.globalimageserver.com/EcoNet/Images/screen-Step-4.png);}

#screen5-btn{top: 295px;
left: 435px;
width: 100px;
height: 50px;}
.screen5{background-image:url(//static-ruud.globalimageserver.com/EcoNet/Images/screen-Step-5.png);}

#screen6-btn{top: 295px;
left: 310px;
width: 120px;
height: 50px;}
.screen6{background-image:url(//static-ruud.globalimageserver.com/EcoNet/Images/screen-Step-6.png);}

#screen7-btn{top: 295px;
left: 190px;
width: 115px;
height: 50px;}
.screen7{background-image:url(//static-ruud.globalimageserver.com/EcoNet/Images/screen-Step-7.png);}

#screen8-btn{top: 295px;
left: 65px;
width: 120px;
height: 50px;}
.screen8{background-image:url(//static-ruud.globalimageserver.com/EcoNet/Images/screen-Step-8.png);}

#screen9-btn{top: 125px;
left: 65px;
width: 230px;
height: 140px;}
.screen9{background-image:url(//static-ruud.globalimageserver.com/EcoNet/Images/screen-Step-9.png);}

h1, h2, h3, h4, h5, h6{color: #8a0d04; line-height: 1.2;}
sup{vertical-align: super;
font-size: smaller;}
.accordion h2{display:block; cursor:pointer; border-bottom:solid 1px #ccc; margin-bottom:20px; color: #8a0d04; font-weight: 300; padding-bottom: 10px;}
.accordioncontent p, .accordioncontent h3, #basicsettings p, #basicsettings h3, #sysops h3{padding-left:30px; color:inherit;}

.accordioncontent, #basicsettings p, #sysops p{color: #5e6e66;}
.accordioncontent h3, #basicsettings h3, #sysops h3{font-weight: 300; font-size: 18px; margin-bottom: 10px;}

.accordion h2::after{
content:'';
display:inline-block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 6px 0 6px 7px;
border-color: transparent transparent transparent #999a9c;
margin-left:20px;
vertical-align:middle;
}
.accordion h2.opened::after{
content:'';
display:inline-block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 7px 6px 0 6px;
border-color: #999a9c transparent transparent transparent;
margin-left:20px;
vertical-align:middle;
}

#basicsettings td, #humiditysettings td, #sysops td{padding-bottom:20px; vertical-align:top}
#sysops{margin-top:30px;}
#sysops p, #sysops h3{padding-left:20px; padding-top:0;}

.faceplatethumbs{text-align:center}
.faceplateholder div{margin:0 auto; width:489px; display:none;}
.greencheck{padding-left:25px; background:url(//static-ruud.globalimageserver.com/EcoNet/Images/green-check.png) no-repeat; display:block; min-height:25px; color:#5e6e66;}
.warning{padding-left:25px; background:url(//static-ruud.globalimageserver.com/EcoNet/Images/warning.png) no-repeat; display:block; min-height:25px; color:#e70033; margin:10px 0;}
.checkmarks{list-style: none; margin:0px; padding:0 0 0 20px;}
.checkmarks li::before{content:'\203A'; display:inline-block; margin-right:8px}
/**hr{
    border: 0;
    height: 1px;
    background: #ccc;
	margin:20px 0;
}**/
.locationbullets{color:#5e6e66; list-style:inside; margin:0 0 20px 0; padding:0; font-weight: bold;}
.locationbullets li{margin-left:20px; color:#5e6e66; font-weight: normal;}

table td{vertical-align: top;}

#mountingtable{margin-top:20px;}
#mountingtable td{padding-right:10px; vertical-align:top; padding-bottom:20px;}
#mountingtable td img{padding-top:5px;}
.imagesright td h3{padding-top:0;}
.imagesright td{vertical-align:top;}
.imagesright img{padding-left:30px;}
h4{font-weight:100; font-size:14px; margin:0 0 10px 0;}
#furnacesettings td, #ac-hpsettings td{vertical-align:top; padding-bottom:20px;}

.appinstructions img{margin:0 20px 20px 0; }

.appinstructions td{font-weight:normal; font-size:16px; border-top:1px solid #ccc; padding-top:20px; vertical-align: middle; border-bottom: solid 1px #bdbdbd!important;}


.lightBox_off{

    display: none;
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: black;
        z-index:9999;
        -moz-opacity: 0.8;
        opacity:.80;
        filter: alpha(opacity=80);
}

.lightBox_on{

    display: block;
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: black;
        z-index:9999;
        -moz-opacity: 0.8;
        opacity:.80;
        filter: alpha(opacity=80);
}

	.messageBox_off{
    display:none;
    position: relative;
    top:2%;
    margin:auto;
    height:600px;
     z-index:10002;


}

.messageBox_on{
    display:block;
    position: relative;
    top:2%;
    margin:auto;
    height:600px;
    box-shadow:0px 1px 24px #000000;
    background-color: #dedede;
    z-index:10002;
    -moz-opacity: 1;
    opacity:1;
    filter: alpha(opacity=1);
        

}


.lightBoxclosebutton{
    position:absolute;top:-10px;
    left:99%;
    font-size:15px;
    font-weight:bold;
    padding:3px;
    border:solid 2px #dedede;
    border-radius: 9px;
    color:#ffffff;
    cursor:pointer;
    background-color: #000000;
}

.formrow{ display:block; /*margin-bottom:20px;*/ margin-bottom: 0;}
.contractorsearch label{color:#FFF; font-size:18px; font-weight:bold; display:block; text-transform:uppercase; margin-bottom:10px;}

/*input[type="text"]{
    width:280px;
    color:#98adbb;
    font:inherit;
    line-height:1.2em;
    font-size:16px;
    border: 1px solid #e5eaed;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 5px 10px;
    margin:-3px 0 0 0;
    outline: 0;
}*/

textarea{
    width:280px;
    color:#98adbb;
    font:inherit;
    line-height:1.2em;
    font-size:16px;
    border: 1px solid #e5eaed;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding:5px;
    margin:0 0 0 0;
    outline: 0;}

.spanLabel{
    display:inline-block;width:130px;font-size:16px;
}

.fleft{
    float:left;
}

.econetsupportwrapper .btn {
    width: 180px;
    height: 30px;
    border: 1px solid #fff;
    color:#FFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #7dadcb;
    outline: 0;
    font-size: 18px;
    font-weight: bold;
    margin:10px 0 10px -10px;
    text-transform:uppercase;
    font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
    cursor:pointer;
}


.pagenavholder{display: block; position: relative; margin: 20px 0px;}
.pagenavholder a{display: inline-block; padding: 10px 20px; background-color: #3bc8e8; text-align: center;text-decoration: none; color:#fff; -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;}
.pagenavholder a:hover{background-color: #8b0e04; color: #fff; text-decoration: none;}
a.firstie, a.lastie{display:none!important;}
.pagenavholder .nextStep{float: right;}

/* 
	These styles are for the WifiModuleFAQs section on 
		/econet/wificenter
*/

.tab-10 h2 {
	font-size: 14px;
  line-height: 1.8rem;
}
.tab-10 p {
	margin-left: 0;
	padding-left: 0;
}
.tab-10 .accordion {
	border-bottom: solid 1px #ccc;
}
.tab-10 .accordion h2 {
	margin: 10px 0;
/* 	font-weight: bold; */
	border-bottom: 0;
}

#messageHtml {
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	font-weight:normal;
	color: #7e99aa;
}

#messageHtml .btn {
	width: auto;
	height: auto;
	padding: 8px 12px;
	display: block;
	margin: 25px 0 0 12px;
}