/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}
* {
margin:0;
padding:0;
}
/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}
/* Skin */
.tabs-nav {
list-style: none;
margin:10px 0 0 13px;
float:left;
width:244px;
position:relative;
left:1px;
height:500px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
display: block;
clear: both;
content: " ";
}
.tabs-nav a {
display: block;
background:url(../images/tabs4.gif) no-repeat left center;
height:45px;
line-height:45px;
position: relative;
top: 16px;
z-index: 2;
white-space: nowrap; /* required in IE 6 */
margin-bottom:2px;
text-decoration:none;
text-indent:7px;
color:#222; 
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
background:url(../images/tabs4.gif) no-repeat left bottom;
}
.tabs-nav .tabs-selected a{
color:#0053a0;
font-weight:bold;
}
.tabs-nav a:hover{
background:url(../images/tabs4.gif) no-repeat left top;
}
.tabs-nav .tabs-selected a:hover{
background:url(../images/tabs4.gif) no-repeat left bottom;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
cursor: pointer;
}
.tabs-container {
width:542px;
float:left;
background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
padding:20px 19px 10px 19px;
border:1px solid #bec1c4;
margin-top:10px;
min-height:600px;
height:auto !important;
height:600px;
position:relative;
}
#furnacesPg .tabs-container {
min-height:550px;
height:auto !important;
height:550px;
}
.tabs-container li{
background:url(../images/blt-sml-circle.gif) 8px 5px no-repeat;
padding-left:24px;
margin-bottom:4px;
}
.tabs-container #hpPoints, .tabs-container #acPoints{
margin:20px 0 0 6px;
width: 254px;
float:left;
font-size: 14px;
font: 14px Verdana, Arial, Helvetica, sans-serif;
}
.tabs-container #hpPoints li, .tabs-container #acPoints li{
background:url(../images/leftarrow2.gif) 0 2px no-repeat;
margin-bottom:14px;
padding:0 0 14px 30px;
/*color:#000066;*/
border-bottom:1px dotted #e7d5cc;
width:auto;
list-style:none;
}
.tabs-container #acPoints li{
background:url(../images/leftarrow.gif) 0 2px no-repeat;
}
.tabs-container #hpPoints li.bottom, .tabs-container #acPoints li.bottom{
border:none;
}
.tabs-container #hpInfo{
width: 260px;
float:right;
}
.tabs-container p.disclaimer{
padding-left:24px;
font-size:11px;
color:#667;
}
#mainContent .tabs-container{
line-height:18px;
}
#mainContent .tabs-container h1{
margin-bottom:4px;
}
#mainContent .tabs-container h1 span{
font-size:14px;
color:#0053a0;
}
#mainContent .tabs-container h2{
margin-bottom:18px;
}
#mainContent .tabs-container h3{
font-size:15px;
color:#222;
background:#333;
color:#fff;
margin-bottom:4px;
padding:0 2px;
display: inline;
}
.tabs-container h4{
color:#8a0500;
margin:20px 0 8px 0;
text-transform:uppercase;
font-size:12px;
}
img.enStar{
position:absolute;
top:80px;
left:396px;
border:1px solid #7BC2F3;
padding:1px;
}

/*TIPS*/
a.tips, a.tips2{
z-index:10;
}
a.tips:hover, a.tips2:hover{
position:relative;
z-index:10000;
}			
a.tips span, a.tips2 span{
display:none;
}
a.tips:hover span, a.tips2:hover span{
display:block;
position:absolute;
float:left;
white-space:nowrap;
top:-10px;
left:160px;
background:#fff url(../images/heat-pumps/ac-heat-pump-1-thmb.jpg) no-repeat center bottom;
border:1px solid #bec1c4;
color:#444;
padding:6px;
text-indent:0;
height:13em;
min-width:140px;
line-height:14px;
z-index:1001;
text-align:center;	
font-size:11px;		
}
a.tips2:hover span{
height:17em;	
}
a.tips2Tall:hover span{
height:18em;	
}

a.blnk span{
background:#fff no-repeat center bottom;
}

a.tank1:hover span{
background:#fff url(../images/2008/john-wood-electric-mouse-over.jpg) no-repeat center bottom;
}
a.tank2:hover span{
background:#fff url(../images/2008/john-wood-space-savers-mouse-over.jpg) no-repeat center bottom;
}
a.tank3:hover span{
background:#fff url(../images/2008/john-wood-gas-propane-mouse-over.jpg) no-repeat center bottom;
}
a.tank4:hover span{
background:#fff url(../images/2008/john-wood-pro-series-mouse-over.jpg) no-repeat center bottom;
}
a.tank5:hover span{
background:#fff url(../images/2008/john-wood-power-vent-mouse-over.jpg) no-repeat center bottom;
}

a.pump1:hover span{
background:#fff url(../images/heat-pumps/ac-heat-pump-1-thmb.jpg) no-repeat center bottom;
}
a.pump2:hover span{
background:#fff url(../images/heat-pumps/ac-heat-pump-3-thmb.jpg) no-repeat center bottom;
}
a.pump3:hover span{
background:#fff url(../images/heat-pumps/ac-heat-pump-2-thmb.jpg) no-repeat center bottom;
}
a.pump333:hover span{
background:#fff url(../images/heat-pumps/ac-heat-pump-2-thmb.jpg) no-repeat center bottom;
}
a.pump4:hover span{
background:#fff url(../images/heat-pumps/ac-heat-pump-4-thmb.jpg) no-repeat center bottom;
}
a.pump5:hover span{
background:#fff url(../images/2008/comfort-heat-pump-th.jpg) no-repeat center bottom;
}
a.pump6:hover span{
background:#fff url(../images/2008/infinity-16-heat-pump-th.jpg) no-repeat center bottom;
}
a.pump7:hover span{
background:#fff url(../images/2008/infinity-19-heat-pump-th.jpg) no-repeat center bottom;
}
a.pump8:hover span{
background:#fff url(../images/2008/xp-17-menu-popup.jpg) no-repeat center bottom;
}
a.furnace1:hover span{
background:#fff url(../images/furnaces/f1-thmb.jpg) no-repeat center bottom;
}
a.furnace2:hover span{
background:#fff url(../images/furnaces/f2-thmb.jpg) no-repeat center bottom;
}
a.furnace3:hover span{
background:#fff url(../images/furnaces/f3-thmb.jpg) no-repeat center bottom;
}
a.furnace4:hover span{
background:#fff url(../images/furnaces/f4-thmb.jpg) no-repeat center bottom;
}
a.furnace5:hover span{
background:#fff url(../images/furnaces/f5-thmb.jpg) no-repeat center bottom;
}
a.furnace6:hover span{
background:#fff url(../images/2008/58MCB-gas-furnace-th.jpg) no-repeat center bottom;
}
a.furnace7:hover span{
background:#fff url(../images/2008/58sta-gas-furnace-th.jpg) no-repeat center bottom;
}
a.furnace8:hover span{
background:#fff url(../images/2008/infinity-ICS-gas-furnace-th.jpg) no-repeat center bottom;
}
a.furnace9:hover span{
background:#fff url(../images/2008/perfomance-93-gas-furnace-th.jpg) no-repeat center bottom;
}
a.furnace10:hover span{
background:#fff url(../images/2008/performance-80-gas-furnace-th.jpg) no-repeat center bottom;
}
a.finance1:hover span{
background:#fff url(../images/financing/f3-thmb.jpg) no-repeat center bottom;
}
a.finance2:hover span{
background:#fff url(../images/financing/f4-thmb.jpg) no-repeat center bottom;
}
a.finance3:hover span{
background:#fff url(../images/financing/f5-thmb.jpg) no-repeat center bottom;
}

a.tips:hover span strong, a.tips2:hover span strong{
color:#0053a0;
font-size:12px;	
margin-bottom:2px;		
}
a.tips:hover span:hover, a.tips2:hover span:hover{
border:1px solid #0053a0;			
}
.tabs-selected a.tips:hover span:hover, .tabs-selected a.tips2:hover span:hover{
border:1px solid #bec1c4;			
}
.tabs-nav .tabs-selected a span{
font-weight:normal;
}