/* Home Page */

#eeCallout {
	width: 247px;
	height: 356px;
	background: #e6e7e8 url(/images/v2/gray_bg.gif) no-repeat 0 0;
	overflow: hidden;
}

#eeCallout img {
	padding: 0 10px;
	float: left;
}
#eeCallout h2 {
    padding: 5px 10px 0;
    clear: both;
    margin-bottom: 0;
}

#eeCallout h3 {
    color: #0D6325;
    font-size: 18px;
    font-weight: bold;
    padding: 5px 10px 0;
    text-align: center;
    line-height: normal;
}
#eeCallout p {
	margin: 0 9px 0 96px;
	font-size:10px;
	color:#636463;
	line-height:15px;
}
#eeCallout .topic1 {
	height: 115px;
	margin-top:8px;	
}
#eeCallout .topic2 {
	height: 148px;	
	padding-top:30px;
}



/* New Tabs */
#tabs {float:left; width:100%;}
#tabs ul{text-align: left; padding: 0; margin: 0; height:33px; z-index:999;}
#tabs ul li{position:relative; display: block; padding: 0!important; margin: 0!important; width:204px; height:33px; float:left; z-index:999;}

.tabs{margin:10px 15px 15px 0;}

/* In general, style all links in the tab navigation area. In practice, this allows us to differentiate between active tabs and inactive tabs. */

.ui-tabs-nav a{position:relative; border: none; width:204px; height:33px; padding:0 180px 20px 0; z-index:999;}
.ui-tabs-nav a:hover { text-decoration: none; }
/* A margin at the bottom allows us to put padding at the bottom of the tab headers */

.ui-tabs-nav{margin-bottom: 0;}
.ui-tabs-selected{}
.ui-tabs-unselect{}

/* Style the selected tab header link (which overwrites the 'ui-tabs-nav a'style) */

.ui-tabs-selected  {position:relative; border: none; text-decoration:none;}

#tabs ul li.tab-installation { background:url(/images/buttons/tab-installation.png) 0 -33px no-repeat;}
#tabs ul li.tab-features {background:url(/images/buttons/tab-features.png) 0 -33px no-repeat; margin-left:-10px;}

#tabs ul li.tab-installation.ui-tabs-selected  { background:url(/images/buttons/tab-installation.png) 0 0 no-repeat !important;}
#tabs ul li.tab-features.ui-tabs-selected  {background:url(/images/buttons/tab-features.png) 0 0 no-repeat !important; margin-left:-10px;}


.ui-tabs-disabled{}
.ui-tabs-panel{padding: 20px; border: none; background-color: #853f16;}
.ui-tabs-hide{display: none;}



/*Tabbed Panels*/
.tabArea {float:left; width:697px;}
.tabArea ul.tabTop {float:left; width:697px; height:33px; margin:0; padding:0;}
.tabArea ul.tabTop li{float:left; text-indent:-999em; display:inline; padding:0; margin:0; width:204px; height:33px;}

#bodyRight .content .tabArea ul li{background:none; margin:0; padding:0;}

	.hotbox{cursor:pointer;}

    #interviews {background:url(/images/buttons/tab-interviews.png) 0 -33px no-repeat !important; }
    #photos {background:url(/images/buttons/tab-photos.png) 0 -33px no-repeat !important;}
    #reviews {background:url(/images/buttons/tab-reviews.png) 0 -33px no-repeat !important;}
    
    #wallcalc {background:url(/images/buttons/tab-wall.jpg) 0 -33px no-repeat !important;}
    #roofcalc {background:url(/images/buttons/tab-roof.jpg) 0 -33px no-repeat !important;}
    
	#interviews.selected, #photos.selected, #reviews.selected, #wallcalc.selected, #roofcalc.selected{background-position: 0 0 !important;}
	
	
.tabArea .tabContent {float:left; width:697px; background:#853f16;}
.tabArea .tabContent .tabVideo{float:left; width:450px; height:332px; margin:12px 0 15px 15px;}
.tabArea .tabContent .tabPhotos{float:left; margin:12px 0 15px 15px; border:1px solid #fff;}
/*.tabArea .tabContent .tabPhotos img{width:450px;}*/
.tabArea .tabContent .tabVideo-text, .tabArea .tabContent .tabPhotos-text{float:left; width:200px; margin:20px 0 0 15px; color:#fff;}
.tabArea .tabContent .tabVideo-text h2, .tabArea .tabContent .tabPhotos-text h2{text-transform:none; font-size:16px; color:#fff;}

.tabArea .tabContent .tabReviews{float:left; width:650px; margin:20px 0 0 15px; color:#fff;}
.tabArea .tabContent .tabReviews .review{float:left; border-bottom:1px solid #fff; margin-bottom:10px; padding:5px 0 15px 0; width:650px;}
.tabArea .tabContent .tabReviews .review .review-img{float:left; width:140px; border:1px solid #fff; margin:0 10px 10px 0;}
.tabArea .tabContent .tabReviews .review .review-img img{width:140px;}


.tabArea .tabThumbs {float:left; width:693px; padding-bottom:15px; border:2px solid #853f16; background:#e3e3e3;}
.tabArea .tabThumbs .thumb { float: left; width: 141px; height: 139px; padding:3px; margin: 12px 0 10px 21px; background:#fff; color: #000; font-size: 10px; font-weight: bold; line-height:12px; text-align:center;}
.tabArea .tabThumbs .thumb p{padding:2px; text-align:left;}

.tabArea .tabContent .tabWall{float:left; width:693px; margin:20px 0 0 15px; color:#fff;}
.tabArea .tabContent .tabRoof{float:left; width:693px; margin:20px 0 0 15px; color:#fff;}

.dotsNav {float:left; width:693px;}
#dotsBar {float:left; width:120px; margin-left:175px;}
#dotsBar a.mediadot {float:left; width:12px; height: 12px; margin:25px 0 0 2px; overflow:hidden; background: url(/images/media-dot.gif) no-repeat 0 0; text-indent: -9999px; }
/*#dotsBar { text-align: center; float:left; width: 100px; margin:0; padding-top:25px; border:1px solid red;}
#dotsBar a.mediadot { float: left; width:12px; height: 12px; margin: 0 2px; overflow:hidden; background: url(/images/media-dot.gif) no-repeat 0 0; text-indent: -9999px; }*/
#dotsBar a.mediadot:hover, #dotsBar a.mediadot.selected { background: url(/images/media-dot.gif) 0 -12px no-repeat;}


#bodyEE {color:#595959; background-color:#FFF; padding:20px 20px 20px 280px; background-image:url(/images/v2/bg_energy.jpg); 
         background-repeat:repeat-y; background-position:top left;}
#bodyEE h3 { margin-top:0px;color:#595959; font-size:16px; text-transform:uppercase;}
.breadcrumb  { font-size:11px;}
#bodyEEContent  { width:480px; float:left; }
#bodyEEContent ul { margin-left:20px;}
#bodyEEContent .bold, #bodyEEContent strong { color:#000; font-weight:bold;}
#bodyEEContent small { font-size: 11px; }
#bodyEEContent h3 { color:#000; font-weight:bold; font-size:13px; margin-bottom:0;padding-bottom:15px; margin-top:10px;}

#bodyEEContent h4 { color:#000; font-weight:bold; font-size:12px; margin-bottom:0;padding-bottom:5px;}
#bodyEEContent p { font-size: 11px; }
#headerImgEE { margin:5px 0px 5px 0px; }
.greyblock { border:1px solid #595959;margin-bottom:20px;}
.greyblock td { padding:15px 5px 5px 5px; font-size:11px; color:#595959;}
.greenheader {color:#63a851; font-size:14px; text-transform:uppercase; margin:0px;}

.rightnav {width:200px; float:right; text-align:right;  margin:0px -41px 10px 10px;  padding:50px 0px 0px 0px;}
.rightnav img { border:none; float: right;}
.airl { background-image:url(/images/v2/bg_leak.jpg); background-repeat:no-repeat; background-position:top left; border-bottom:1px solid #595959; padding:25px 0px 15px 80px;
          margin-bottom:10px;}
.sve { background-image:url(/images/v2/bg_value.jpg); background-repeat:no-repeat; background-position:top left; border-bottom:1px solid #595959; padding:25px 0px 20px 80px;
          margin-bottom:10px;}
.rval { background-image:url(/images/v2/bg_engy.jpg); background-repeat:no-repeat; background-position:top left; border-bottom:1px solid #595959; padding:25px 0px 20px 80px;
          margin-bottom:10px;}
          
.boldnormal { font-weight:bold;}
.pushdown { float: right; width:1px; height:45px; }
.normalblock { border:1px solid #595959; padding:20px; background-color:#e4e4e4;width:320px;margin:10px -150px 0px 10px; font-size:11px; }

.sideblock { clear: right; float:right; border:1px solid #595959; padding:20px; background-color:#e4e4e4;width:320px;margin:10px -150px 0px 10px; font-size:11px; }
.sideblock1 { clear: right; float:right; border:1px solid #595959; padding:20px; background-color:#e4e4e4;width:270px;margin:10px -150px 0px 10px; font-size:11px; }
.rightdv {float:right; width:362px;margin:0px -150px 10px 10px;}   
#bodyEE #undermap { font-size:10px; width:700px;  margin:0px 20px 20px -40px; line-height:1.25em; color: #474747;}  
#undermap li { margin:0px; padding:0; }    
#undermap p { margin:0; padding 8px 0 0 0; }
#bodyEEContent strong big {
	font-size: 13px; font-weight:bold;	
}
#bodyEEContent ul.bold {
	padding-left: 20px;
}
#bodyEEContent ul li {
		font-size: 11px;
}



/* Energy Efficiency Interactive Map */

 
 /*-----------------------------------------------
 =Interactive Map */
 
#map { width: 725px; height: 520px; margin: 30px auto; margin-left:-45px; position: relative; background: url(../images/map/bg_map-master-sprite.jpg) no-repeat top left; z-index: 100; font: 12px Arial, Helvetica, sans-serif; color:#000; }
#map ul .area { cursor: pointer; }

/*Reset any inherited styles*/
#map p,
#map h1,
#map h2,
#map h3,
#map h4 { margin: 0; padding: 0; }
#map ul { margin: 0; padding: 0; list-style: none; }
#map ul li { margin: 0; padding: 0; list-style: none; }

/*Region Popup General Styles*/
#map ul li .region_popup { width: 676px; height: 413px; padding: 9px 0 0 19px; position: absolute; top: 48px; left: 15px; background: url(../images/map/bg_regionpop.jpg) no-repeat top left; z-index: 200; display: none; }
#map ul li .region_popup .close { display: block; width: 18px; height: 18px; position: absolute; top: 20px; right: 50px; background: url(../images/map/btn_region_close.png) no-repeat top left; }
#map ul li .region_popup .close span { display: block; width: 0; height: 0; overflow: hidden; }

#map ul li .region_popup ul.region_map { display: block; width: 676px; height: 413px; }
#map ul li .region_popup ul.region_map li a { display: block; position: absolute; background: url(../images/map/icon_region-city.png) no-repeat center top; }
#map ul li .region_popup ul.region_map li a span { display: block; width: 0; height: 0; overflow: hidden; }

/*For Testing
#map ul li .region_popup ul.region_map li a {
	-webkit-box-shadow: 0px 0px 3px #ff0000;
	-moz-box-shadow: 0px 0px 3px #ff0000;
	box-shadow: 0px 0px 3px #ff0000;
}*/

/*REGIONS*/
/*Region:West*/
#map ul li#west .a1 { width: 195px; height: 520px; position: absolute; top: 0; left: 0; }
#map ul li#west .a2 { width: 53px; height: 348px; position: absolute; top: 0; left: 195px; }
#map ul li#west .a3 { width: 30px; height: 275px; position: absolute; top: 0; left: 247px; }
#map ul li#west .a4 { width: 70px; height: 100px; position: absolute; top: 405px; left: 195px; }
#map ul li#west .region_popup ul.region_map { background: url(../images/map/region_west.jpg) no-repeat top left; margin-left:0;  }
#map ul li#west .region_popup ul.region_map li#boise a { width: 70px; height: 55px; top: 126px; left: 323px; background-position: 12px 0; }
#map ul li#west .region_popup ul.region_map li#boise a:hover { background-position: 12px -143px; }
#map ul li#west .region_popup ul.region_map li#saltlakecity a { width: 90px; height: 70px; top: 182px; left: 364px; background-position: 12px -5px; }
#map ul li#west .region_popup ul.region_map li#saltlakecity a:hover { background-position: 12px -148px; }
#map ul li#west .region_popup ul.region_map li#denver a { width: 72px; height: 58px; top: 198px; left: 465px; background-position: 12px 0; }
#map ul li#west .region_popup ul.region_map li#denver a:hover { background-position: 12px -143px; }

/*Region: Midwest*/
#map ul li#midwest .a1 { width: 273px; height: 254px; position: absolute; top: 0; left: 277px; }
#map ul li#midwest .a2 { width: 197px; height: 21px; position: absolute; top: 254px; left: 277px; }

#map ul li#midwest .region_popup ul.region_map { background: url(../images/map/region_midwest.jpg) no-repeat top left; margin-left:0; }
#map ul li#midwest .region_popup ul.region_map li#fargo a { width: 80px; height: 60px; top: 65px; left: 218px; background-position: right 0; }
#map ul li#midwest .region_popup ul.region_map li#fargo a:hover { background-position: right -143px; }
#map ul li#midwest .region_popup ul.region_map li#minneapolis a { width: 125px; height: 60px; top: 136px; left: 290px; background-position: 18px 0; }
#map ul li#midwest .region_popup ul.region_map li#minneapolis a:hover { background-position: 18px -143px; }
#map ul li#midwest .region_popup ul.region_map li#omaha a { width: 80px; height: 60px; top: 215px; left: 228px; background-position: 16px 0; }
#map ul li#midwest .region_popup ul.region_map li#omaha a:hover { background-position: 16px -143px; }
#map ul li#midwest .region_popup ul.region_map li#chicago a { width: 80px; height: 60px; top: 203px; left: 390px; background-position: 16px 0; }
#map ul li#midwest .region_popup ul.region_map li#chicago a:hover { background-position: 16px -143px; }
#map ul li#midwest .region_popup ul.region_map li#detroit a { width: 80px; height: 60px; top: 188px; left: 484px; background-position: 16px 0; }
#map ul li#midwest .region_popup ul.region_map li#detroit a:hover { background-position: 16px -143px; }
#map ul li#midwest .region_popup ul.region_map li#stlouis a { width: 90px; height: 60px; top: 289px; left: 336px; background-position: 18px 0; }
#map ul li#midwest .region_popup ul.region_map li#stlouis a:hover { background-position: 18px -143px; }

/*Region: Northeast*/
#map ul li#northeast .a1 { width: 177px; height: 235px; position: absolute; top: 0; right: 0;  }
#map ul li#northeast .a2 { width: 40px; height: 40px; position: absolute; top: 235px; left: 530px; }
#map ul li#northeast .a3 { width: 131px; height: 19px; position: absolute; top: 235px; left: 596px; }
#map ul li#northeast .region_popup ul.region_map { background: url(../images/map/region_northeast.jpg) no-repeat top left; margin-left:0;  }
#map ul li#northeast .region_popup ul.region_map li#syracuse a { width: 100px; height: 70px; top: 155px; left: 270px; }
#map ul li#northeast .region_popup ul.region_map li#syracuse a:hover { background-position: center -143px; }
#map ul li#northeast .region_popup ul.region_map li#portland a { width: 115px; height: 50px; top: 117px; left: 410px; background-position: left 0; }
#map ul li#northeast .region_popup ul.region_map li#portland a:hover { background-position: left -143px; }
#map ul li#northeast .region_popup ul.region_map li#boston a { width: 115px; height: 50px; top: 177px; left: 423px; background-position: left  0; }
#map ul li#northeast .region_popup ul.region_map li#boston a:hover { background-position: left -143px; }
#map ul li#northeast .region_popup ul.region_map li#philadelphia a { width: 155px; height: 55px; top: 245px; left: 300px; background-position: left  0; }
#map ul li#northeast .region_popup ul.region_map li#philadelphia a:hover { background-position: left -143px; }
#map ul li#northeast .region_popup ul.region_map li#dc a { width: 155px; height: 65px; top: 295px; left: 230px; }
#map ul li#northeast .region_popup ul.region_map li#dc a:hover { background-position: center -143px; }

/*Region:Southeast*/
#map ul li#southeast .a1 { width: 57px; height: 45px; position: absolute; bottom: 230px; right: 100px; }
#map ul li#southeast .a2 { width: 56px; height: 40px; position: absolute; bottom: 225px; right: 195px; }
#map ul li#southeast .a3 { width: 370px; height: 205px; position: absolute; bottom: 40px; right: 100px; }
#map ul li#southeast .a4 { width: 92px; height: 62px; position: absolute; bottom: 115px; right: 440px; }
#map ul li#southeast .region_popup ul.region_map { background: url(../images/map/region_southeast.jpg) no-repeat top left; margin-left:0; }
#map ul li#southeast .region_popup ul.region_map li#dallas a { width: 80px; height: 60px; top: 172px; left: 192px; background-position: 10px 0; }
#map ul li#southeast .region_popup ul.region_map li#dallas a:hover { background-position: 10px -143px; }
#map ul li#southeast .region_popup ul.region_map li#neworleans a { width: 120px; height: 70px; top: 241px; left: 315px; background-position: 27px 0; }
#map ul li#southeast .region_popup ul.region_map li#neworleans a:hover { background-position: 27px -143px; }
#map ul li#southeast .region_popup ul.region_map li#nashville a { width: 96px; height: 52px; top: 109px; left: 380px; background-position: 12px 0; }
#map ul li#southeast .region_popup ul.region_map li#nashville a:hover { background-position: 12px -143px; }
#map ul li#southeast .region_popup ul.region_map li#atlanta a { width: 72px; height: 60px; top: 162px; left: 433px; background-position: 3px -11px; }
#map ul li#southeast .region_popup ul.region_map li#atlanta a:hover { background-position: 3px -154px; }
#map ul li#southeast .region_popup ul.region_map li#charlotte a { width: 88px; height: 60px; top: 114px; left: 496px; background-position: 10px 0; }
#map ul li#southeast .region_popup ul.region_map li#charlotte a:hover { background-position: 10px -143px; }
#map ul li#southeast .region_popup ul.region_map li#orlando a { width: 86px; height: 60px; top: 260px; left: 500px; background-position: -4px 0; }
#map ul li#southeast .region_popup ul.region_map li#orlando a:hover { background-position: -4px -143px; }


/*CITIES*/
#map #city_popup { width: 400px; position: absolute; top: 20px; left: 75px; z-index: 300; display: none; }
#map #city_popup .mid { width: 296px; padding: 0 52px; background: url(../images/map/bg_citypop-mid.png) repeat-y; }
#map #city_popup .mid #ajax { background-color: #fff; }
#map #city_popup .mid .heading { width: 300px; position: relative; padding: 1px 0; }
#map #city_popup .mid .heading h2 { width: 268px; margin: 0 0 18px; padding: 0 0 0 0; font: bold 31px Arial, Helvetica, sans-serif; font-size: 31px !important; font-weight: bold; color: #000; border-bottom: 1px solid #9a9999; }
#map #city_popup .mid .heading .climate_zone { width: 125px; position: absolute; bottom: -2px; right: 5px; }
#map #city_popup .mid .heading .climate_zone .title { display: block; float: left; width: 97px; height: 23px; padding: 0 5px 0 0; line-height: 1.8; text-transform: uppercase; text-align: right; font-size:12px; font-weight:normal;  }
#map #city_popup .mid .heading .climate_zone .number { display: block; float: right; width: 23px; height: 23px; background: #2c5227 url(../images/map/bg_citypop_climate-zone-cir.gif) no-repeat top; color: #fff; font-weight: bold; font-size: 15px; text-align: center; line-height: 1.6; }
#map #city_popup .mid ul.summary { padding: 0 0 18px; margin: 6px 0 6px; color: #808285; font-weight: bold; font-size: 15px; text-align: center; border-bottom: 1px solid #9a9999; }
#bodyEEcontent #map #city_popup .mid h4.savings { margin: 10px 0 0; color: #fff; text-transform: uppercase; font-size: 20px; }

#map #city_popup .mid .hvac_costs { padding: 13px 10px; background-color: #6f9d5f; text-align: center; }
#map #city_popup .mid .hvac_costs h3 { font-size: 12px; font-weight: bold; text-transform: uppercase; color: #000;}
#map #city_popup .mid .hvac_costs p.disclaimer { margin: 0 0 6px; font-size: 12px; font-weight: bold; }
#map #city_popup .mid .hvac_costs table { width: 250px; margin: 0 auto; }
#map #city_popup .mid .hvac_costs table th { width: 145px; padding: 0 5px 2px; text-align: right; font-weight: normal; font-size: 12px; }
#map #city_popup .mid .hvac_costs table td { width: 95px; padding: 0 0 2px 5px;text-align: left; font-size:12px; }

#map #city_popup .mid .wall_savings { padding: 13px 10px; background-color: #2f572a; text-align: center; }
#map #city_popup .mid .wall_savings h3 { font-size: 15px; font-weight: bold; text-transform: uppercase; margin: 0; color: #000; }
#map #city_popup .mid .wall_savings h4.savings { font-size: 23px; }
#map #city_popup .mid .wall_savings h4.savings strong { padding-left: 6px;color:#fff; position: relative; top: 5px; font-size: 48px; line-height: 1.0; }

#map #city_popup .mid .disclaimer { margin: 10px 0 0; padding: 5px 0 10px; font-size: 9px; }
#map #city_popup .mid .disclaimer p { margin: 0; padding: 0; }

#map #city_popup .top { width: 400px; height: 44px; background: url(../images/map/bg_citypop-top.png) no-repeat top; font-size: 10px; }
#map #city_popup .top ul.utility { padding: 20px 50px 0 0; }
#map #city_popup .top ul.utility li { float: right; }
#map #city_popup .top ul.utility li.print a { color: #2c5227; text-decoration: underline; position: relative; top: 2px; }
#map #city_popup .top ul.utility li.close a { display: block; width: 17px; height: 18px; margin: 0 0 0 10px; background: url(../images/map/btn_infopop_close.gif) no-repeat top; }
#map #city_popup .top ul.utility li.close a span { display: block; width: 0; height: 0; overflow: hidden; }
#map #city_popup .bot { width: 400px; height: 49px; background: url(../images/map/bg_citypop-bot.png) no-repeat bottom; }





/* Nivo Slider */

#sliderContainer {
    padding: 9px 10px 8px 9px;
	background-color: #fff;
	 margin:5px 0px 5px 0px;
}

#slider {
    position:relative;
    width:941px; /* Change this to your images width */
    height:283px; /* Change this to your images height */
    background:#url(/images/slider/loading.gif) no-repeat 50% 50%;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	position:absolute;
	left:15px;
	bottom:9px;
}

.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
	display:block;
	width:16px;
	height:16px;
	background:url(/images/slider/bullets.gif) no-repeat -16px 0;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 0;
}