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

body {

    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #000000;
    font-size: 15px;

}

h1 {

    font-family: 'Oxygen', sans-serif;
    font-weight: 700;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 24px;

}

h2 {

    font-family: 'Oxygen', sans-serif;
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 18px;

}

h3 {

    font-family: 'Oxygen', sans-serif;
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 16px;
    color: #cc0000;

}

p {

    margin-bottom: 14px;

}

p.small {

    font-size: 12px;
    color: #999999;
    margin-bottom: 4px;
}

#otherarticles p {

    font-size: 11px;

    margin-bottom: 10px;
}

/**
#center.home #otherarticles .three p, #center.home #otherarticles .three p a, #center.home #otherarticles .three p a:link, #center.home #otherarticles .three p a:visited {

    font-size: 11px;
    color: #000000;
    margin-bottom: 3px;
}

**/

a, a:link, a:visited {

    color: #1e4483;
    text-decoration: underline;

}

a:hover, a:active {

    color: #cc0000;
    text-decoration: none;

}

#pgwrapper {

    margin: 0 auto;
    width: 1000px;

}

#wrapper {

}

#wrapper #header {

    height: 120px;

}

#wrapper #header #logo {

    float: left;
    margin-top: 20px;
    width: 401px;
    height: 69px;
    margin-left: 10px;

}

#wrapper #header #hdrbanner {

    float: left;
    margin-top: 5px;
    margin-left: 70px;
    height: 60px;

}

#wrapper #header #hdrbanner iframe {

    width: 468px;
    height: 60px;
    border: solid 1px #000000;

}

#wrapper #header #globalnav {

    float: left;
    margin-top: 20px;
    margin-left: 15px;
    width: 420px;
    height: 25px;

}

#wrapper #header #search {

    float: left;
    margin-top: 20px;
    margin-left: 15px;
    width: 120px;
    height: 25px;

}

#wrapper #header #search input {

    float: left;
    /**background-image:url(/assets/im/search.gif);**/
    background-repeat: no-repeat;
    width: 120px;
    height: 18px;
    border: thin solid #98988e;

}

#wrapper #content {

    width: 100%;
    float: left;

}

#wrapper #content #top {

    float: left;
    width: 100%;
    height: 130px;

    margin-top: 0px;
    margin-bottom: 5px;

}

#wrapper #content #top #topbanner {

    width: 100%;
    height: 100%;
    background-image: url(/assets/images/topBackground_plain.jpg);
    background-repeat: no-repeat;

}

#wrapper #content #top #topbannerhome {

    width: 100%;
    height: 100%;
    background-image: url(/assets/images/topBackground_plain.jpg);
    background-repeat: no-repeat;

}

#wrapper #content #left {

    float: left;
    width: 171px;
    /*margin-right: 5px;
    padding: 4px;*/

}

#wrapper #content #left.home {

    width: 190px;

}

#wrapper #content #center {

    float: left;
    width: 497px;
    padding: 4px;

}

#wrapper #content #colcenter {

    float: left;
    width: 629px;
    padding: 4px;

}

#wrapper #content #center.hvacrarticle {

    float: left;
    width: 645px;
    padding: 0;
    margin: 0;

}

#wrapper #content #center.hvacrarticle div#article-detail-image img {

    float: right;
    margin: 0 0 0 10px;

}

#wrapper #content #center.hvacrarticle div#ad-border {

    margin: 0 auto;
    width: 340px;
    height: 295px;
    background-color: #efefef;
    border: dashed 1px #cccccc;

}



#wrapper #content #center.hvacrarticle div#ad-border span {

    display: block;
    width: 340px;
    text-align: right;
    margin-top: -15px;
    font-size: 10px;

}

#wrapper #content #center.hvacrarticle div#ad-border div#in-article-ad {

    margin: 0 auto;
    width: 300px;
    height: 250px;
    padding: 15px 0 20px 0;

}

#wrapper #content #center.home {

    margin-left: 5px;
    width: 784px;
    margin-top: 5px;
    padding: 0px;

}

#wrapper #content #center.two-column {

    margin-left: 5px;
    width: 814px;
    margin-top: 5px;
    padding: 0px;

}

#wrapper #content #right {

    float: left;
    width: 302px;
    margin-left: 5px;
    padding: 4px;

}

#wrapper #content #colright {

    float: left;
    width: 170px;
    margin-left: 5px;
    padding: 4px;

}

#wrapper #content #right div#blog-sidebar {

    padding: 0 0 0 30px;
}

#wrapper #content #right div#blog-sidebar div#blogsearch {

    margin: 0 0 20px 0;
}

#wrapper #content #right.hvacrarticle {

    float: left;
    width: 160px;
    margin-left: 10px;
    padding: 0;

}

#wrapper #footer {

    clear: both;
    height: 190px;

}

/**
* Navigation
**/
#wrapper #header #globalnav {

    text-align: center;

}

#wrapper #header #globalnav li {
    font-size: 12px;
    font-weight: bold;
    display: inline;
    padding-left: 0px;
    padding-right: 5px;
    /**background-image: url(/assets/im/globalnavsep.png);**/
    background-repeat: no-repeat;
    background-position: right;

}

#header #globalnav li.last {

    background-image: none;

}

#wrapper #header #globalnav li a, #wrapper #header #globalnav li a:link, #wrapper #header #globalnav li a:visited {

    color: inherit;
    text-decoration: none;

}

#wrapper #header #globalnav li.active a, #wrapper #header #globalnav li.active a:link, #wrapper #header #globalnav li a:hover, #wrapper #header #globalnav li.active a:active {

    color: #cc0000;
    text-decoration: none;

}

/**
* Primary navigation
**/
#wrapper #primary {

    clear: both;
    text-align: left;
    width: 990px;
    height: 22px;
    background-color: #000000;
    margin-bottom: 2px;
    /**padding-left:4px;**/
    padding-top: 4px;
    padding-left: 10px;
}

#wrapper #primary ul {

    width: 900px;
    margin: 0 auto;
    padding: 0px;

}

#wrapper #primary li {

    font-family: Ariel, Arial , sans-serif;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: 0.001em;
    display: inline;
    padding-left: 5px;
    padding-right: 7px;
    border-right: solid thin #ffffff;
    background-repeat: no-repeat;
    background-position: right;

}

#wrapper #primary li.last {

    padding-right: 0px;
    border: 0px;

}

#wrapper  #primary li a, #wrapper #primary li a:link, #wrapper  #primary li a:visited {

    color: #ffffff;
    text-decoration: none;

}

#wrapper  #primary li.active a, #wrapper  #primary li.active a:link, #wrapper  #primary li a:hover, #wrapper  #primary li.active a:active {

    color: #cc0000;
    text-decoration: none;

}

#wrapper  #hsocial {

    width: 83px;
    margin-top: 15px;
    margin-left: 0px;
    margin-bottom: 15px;

}

/**
* Home page tertiary navigation
**/

#otherlinks {

    margin-left: 260px;
    margin-bottom: 5px;

}

#otherlinks  li {
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.001em;
    display: inline;
    padding-left: 25px;
    padding-right: 27px;
    border-right: solid thin #000000;
    background-repeat: no-repeat;
    background-position: right;

}

#otherlinks  li.last {

    padding-right: 0px;
    border: 0px;

}

#otherlinks  li a, #otherlinks  li a:link, #otherlinks li a:visited {

    color: #000000;
    text-decoration: none;

}

#otherlinks li.active a, #otherlinks  li.active a:link, #otherlinks  li a:hover, #otherlinks  li.active a:active {

    color: #cc0000;
    text-decoration: none;

}

/**
* Left Sidebar
**/

#left #leftnav li a, #left #leftnav li a:link, #left #leftnav li a:visited {

    color: inherit;
    text-decoration: none;

}

#left #leftnav li a:hover, #left #leftnav li a:active {

    color: #cc0000;
    text-decoration: none;

}

/**
* Sidebar navigation
**/

#wrapper #content #left .sidebarnav {

    margin-left: 25px;
    margin-bottom: 30px;

}

#left #leftnav li {

    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.001em;
    list-style: none;
    margin-bottom: 5px;

}

.leftnavhome {

    margin-top: 95px;

}

/**
* Section navigation
**/

#wrapper #content #right .sectionnav ul {

    text-align: center;

}

#wrapper #content #right .sectionnav li {

    padding-right: 10px;

}

/**
* Content Blocks
**/

#wrapper #content #right #overview {

    margin: 0 auto;
    width: 600px;

}

#wrapper #content #right #overview .overviewitem {

    float: left;
    width: 600px;
    margin-bottom: 15px;

}

#wrapper #content #right #overview .overviewitem img {

    float: left;
    max-width: 165px;
    max-height: 165px;
    margin-right: 10px;
    overflow: hidden;

}

#wrapper #content #right #overview .overviewitem h3 {

    margin-bottom: 5px;

}

#wrapper #content #right #overview .overviewitem p {

    margin-bottom: 3px;

}

#topbannerhome #currentissue {

    float: left;
    position: relative;
    z-index: 99;
    background-color: #000000;
    left: 10px;
    top: 6px;
    width: 180px;
    height: 220px;

}

#topbannerhome #currentissue #cover {

    width: 136px;
    height: 164px;
    padding-top: 10px;
    margin-left: 22px;

}

#topbannerhome #currentissue #issuelinks {

    text-align: center;
    padding-top: 0px;

}

#topbannerhome #currentissue #issuelinks p {

    font-size: 11px;
    color: #ffffff;
    margin-bottom: 3px;

}

#topbannerhome #currentissue #issuelinks p a, #topbannerhome #currentissue #issuelinks p a:link, #topbannerhome #currentissue #issuelinks p a:visited {

    color: #ffffff;
    text-decoration: none;

}

#topbannerhome #currentissue #issuelinks p a:hover, #topbannerhome #currentissue #issuelinks p a:active {

    color: #cc0000;
    text-decoration: underline;

}

#topbannerhome #banner728 {

    width: 468px;
    height: 60px;
    padding-left: 50px;
    padding-top: 18px;
    display: table-cell;

    /**    position: relative;
        z-index: 10;
        top: 35px;
        left: 315px;
    **/
}

#topbannerhome #banner468 {

    width: 468px;
    height: 60px;
    padding-top: 30px;
    padding-left: 152px;
    display: table-cell;

    /**float: left:
    margin-top: 25px;
    margin-right: 80px;**/

}

#topbanner .banner180x57 {

    float: left;
    width: 180px;
    height: 57px;
    padding-top: 30px;
    padding-left: 50px;
    display: table-cell;

    /**float: left:
    margin-top: 25px;
    margin-right: 80px;**/

}

#topbanner #bannercnt {

    margin-left: 170px;
    height: 130px;
    width: 728px;

}

#topbanner #bannercnt div {
    width: 728px;
    height: 130px;
    vertical-align: middle;
    text-align: center;
    display: table-cell;

}

#topbanner #bannercnt div img {

    margin-left: auto;
    margin-right: auto;

}

/**
* Forms
**/

div.form {

    margin: 0 auto;
    width: 90%;

}

fieldset {

    background-color: #f5f5f5;
    padding: 15px;
    margin-bottom: 5px;

}

label {

    width: 120px;
    float: left;
    margin-top: 4px;
    font-weight: bold;

}

label.long {

    margin-top: 0px;
    width: 210px;
    font-weight: normal;

}

label.required {

    color: #cc0000;

}

label p {

    margin-bottom: 0px;

}

legend {

    width: 100%;

}

legend p span {

    color: #cc0000;

}

input {

    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    height: 20px;
}

input.short {

    height: 20px;
    width: 120px;
}

input.med {

    height: 20px;
    width: 200px;
}

input.long {

    height: 20px;
    width: 300px;
}

textarea {

    width: 100%;

}

/** Home page content **/

#center.home #homeleft {

    float: left;
    width: 463px;

}

#center.home #homeright {

    float: left;
    width: 316px;
    margin-left: 5px;

}

#center.home #featuredarticles {

    float: left;
    margin-right: 10px;
    width: 453px;
    margin-bottom: 5px;

}

#center.home #featuredvideo {

    float: left;
    width: 296px;
    height: 167px;
    border: solid 10px #000000;
    margin-bottom: 20px;

}

#center.home #homeskyscraper {

    width: 180px;
    margin: 0 auto;
    text-align: center;

}

#center.home #otherarticles {

    float: left;
    width: 591px;

}

#center.home #otherarticles .three {

    float: left;
    width: 135px;
    text-align: left;
    margin-right: 25px;

}

/**
* Left Side Bar
**/
div#sidebar-nav ul li, div#sidebar-nav ul li a, div#sidebar-nav ul li a:link, div#sidebar-nav ul li a:visited {

    font-size: 14px;
    font-weight: bold;
    color: #cc0000;
    text-decoration: none;

}

div#sidebar-nav ul li ul li, div#sidebar-nav ul li ul li a, div#sidebar-nav ul li ul li a:link, div#sidebar-nav ul li ul li a:visited {

    font-size: 13px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;

}

div#sidebar-nav ul li.last {

    margin: 0 0 20px 0;


}

div#sidebar-nav ul li ul li, div#sidebar-nav ul li ul li.last {

    padding: 0 0 0 6px;

}

div#sidebar-nav ul {

    margin: 0 0 10px 0;

}

/**
* Breadcrumb
**/
#wrapper #content #right #breadcrumb {

    width: 730px;
    padding: 5px;
    padding-left: 10px;
    text-align: left;
    height: 15px;
    font-size: 12px;
    background-color: #FFFFCC;

}

/**
* Banner Ads
**/

.mediacenter a img {

    margin-bottom: 15px;

}

/**
* New Home
**/

div#hmheader {

    width: 1000px;
    background-color: #ffffff;

}

div#hmheader div#hdrtop {

    height: 114px;
    background-image: url(../im/redHeaderBand.jpg);
    margin: 0;
}

div#hmheader div#hdrtop div#hdrtopleft {

    float: left;
    width: 728px;
    height: 90px;
    margin: 12px 0 12px 15px;
    padding: 0;
    background-color: lightgray; /*todo remove color*/

}

div#hmheader div#hdrtop div#current-edition {

    float: right;
    width: 208px;
    height: 249px;
    margin: 3px 8px 0 0;
    background-image: url(../im/currentEditionBack.png);

}

div#hmheader div#hdrtop div#current-edition div#current-cover {

    margin: 18px 35px 4px 37px;

}

div#hmheader div#hdrtop div#current-edition div#current-buttons {

    width: 155px;
    margin: 0 auto;
    padding: 2px 0 0 0;

}

div#hmheader div#hdrtop div#current-edition div#current-buttons a.hdrbtn {

    margin: 0 16px 0 0;

}

div#hmheader div#hdrtop div#current-edition div#current-buttons a.last {

    margin: 0;

}

div#hmheader div#hdrlogo {

    float: left;
    width: 402px;
    height: 87px;
    margin: 0;
    padding: 0;

}

div#hmheader div#hdrsearch {

    float: right;

    width: 275px;
    height: 60px;
    margin-top: 13px;
    padding: 10px 30px 0 0;

}

div#hmheader div#hdrsearch form input {

    float: right;

}

div#hmheader div#hdrsearch input#hdmag {

    float: right;

    width: 25px;
    height: 23px;
    margin: 0 0 0 10px;
    padding: 0;
}

div#hmheader div#hdrnav {

    float: left;
    width: 780px;
    height: 25px;
    margin: 19px 0 0 0;
    border-top: solid 1px #efefef;
    border-bottom: solid 1px #efefef;

}

div#hmheader div#hdrnav ul {

}

div#hmheader div#hdrnav ul li {

    list-style: none;
    display: inline;
    padding: 0 10px 0 0;

}

div#hmheader div#hdrnav ul li a, div#hmheader div#hdrnav ul li a:link, div#hmheader div#hdrnav ul li a:visited {

    font-size: 0.9em;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

div#hmheader div#hdrnav ul li a:hover, div#hmheader div#hdrnav ul li a:active {

    color: #cc0000;
    text-decoration: none;

}

div#hmcontent {

    margin: 6px 0 0 0;
}

div#hmcontent div#hmleft {

    float: left;
    width: 171px;
    margin: 0 9px 0 0;

}

div#hmcontent div#hmright {

    float: left;
    margin: 0;
}

div#hmcontent div#hmright div#feature {

    width: 819px;
    height: 240px;

}

div#hmcontent div#hmright div#feature div#feature-image {


    float: left;
    width: 390px;
    height: 240px;
    overflow: hidden;

}



div#hmcontent div#hmright div#feature div.feature-image {


    float: left;
    width: 390px;
    height: 240px;
    overflow: hidden;

}


div#hmcontent div#hmright div#feature div.feature-copy {

    float: left;
    width: 429px;
    height: 240px;
    background-color: #dcdcdc;

}

div#hmcontent div#hmright div#feature div#feature-copy {

    float: left;
    width: 429px;
    height: 240px;
    background-color: #dcdcdc;

}


div#hmcontent div#hmright div#feature div#feature-copy div.story {

    padding: 18px;
}

div#hmcontent div#hmright div#feature div.feature-copy div.story {

    padding: 18px;
}


div.story h2 {

    color: #cc0000;
    line-height: 0.8em;
}


div.story h3 {

    color: #000000;
    line-height: 0.9em;
}


div.story p {

    font-size: 0.8em;
    line-height: 1.2em;
    margin:0;
}

div.block-content p, div.block-content p a, div.block-content p a:link {

    font-size: 0.9em;
    line-height: 1.2em;
    margin-bottom: 5px;
    color: #000000;

    text-decoration: none;
}

div.block-content p a:hover, div.block-content p a:active {

    color: #cc0000;
    text-decoration: none;
}


div.story p a, div.story p a:link, div.story p a:visited {

    color: #000000;
    font-weight: bold;

}

div.story p a:hover, div.story p a:active {

    color: #cc0000;
    text-decoration: none;
}


div.hmhead h2 a, div.hmhead h2 a:link, div.hmhead h2 a:visited {

    color: #ffffff;
    font-weight: bold;
    text-decoration: none;

}

div.hmhead h2 a:hover, div.hmhead h2 a:active {

    color: #ffffff;
    text-decoration: none;
}



div.hmhead {


    width: 98%;
    height: 32px;
    text-align: right;
    padding: 8px 2% 0 0;

}

div.hmhead img {

    float: right;
    height: 24px;
    margin: 0 8px 0 0;

}

div.hmhead h2 {

    float: right;
    font-weight: bold;
    color: #ffffff;

}

div.row {

    float: left;
    width: 819px;
    margin: 10px 0 0 0;
    padding: 0;


}


div.block {

    float: left;
    width: 263px;
    margin: 0 15px 0 0;

}

div.block div.block-content {

    height: 95px;
    padding: 10px;
}

div.box {

    border: solid 1px #cccccc;

}


div.last {

    margin: 0;
}

div#social {

    width: 100%;
    margin: 20px 5px 10px 0;

}

div#social a img {

    float: left;
    width: 32px;
    height: 32px;

    margin: 0 6px 0 0;


}

/**
* Common
**/

div.articlelistimage img {

    width: 120px;
    height: 92px;
    float: left;
    overflow: hidden;
    margin: 0 10px 0 0;
}

.ajaxSearch_highlight {

    background-color: #ffff00;

}

#content #center ul {

    margin: 5px;

}

#content #center ul li {

    margin-left: 30px;
    list-style: inside;
    list-style: disc;

}

ol {

    margin-left: 15px;
    padding: 10px;

}

ol li {

    margin-left: 15px;
    list-style: decimal;

    margin-bottom: 20px;

}

hr {

    border: 0;
    color: #efefef;
    background-color: #efefef;
    height: 1px;
    width: 80%;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

hr.red {

    border: 0;
    color: #cc0000;
    background-color: #cc0000;
    height: 2px;
    width: 100%;
    text-align: left;
    margin-top: 0;
    margin-bottom: 15px;
}

br.clear {

    clear: both;
    height: 0px;

}

.textcenter {

    text-align: center;

}

.mediacenter {

    clear: both;
    text-align: right;

}


br.clear {

    clear: both;
    height: 0px;

}

strong {

    font-weight: bold;

}

em {

    font-style: italic;

}

.spec {

    display: none;

}