/* 
*
*	Huber Woods - Zip Systems
*	SGoin  |  E-dreamz May 2009
*
*/


/* 
 * 
 * Global
 * 
 */

  h1 { color: #fff; float:left; width: 706px; height: 28px; padding:5px 0 0 10px; background: url(/images/structure/hd-bg.jpg) top left no-repeat; font-weight: normal; font-size: 14px; font-family:Arial, Times New Roman, Sans-Serif; line-height: normal; margin:4px 0 5px 0;}
  h2 { color: #853f16; font-weight: bold; font-size: 12px !important; line-height: normal; text-transform:uppercase; margin-bottom:5px;}
  h2.resources { color: #ffffff ; background:#853f16; display:block; padding:3px 0 3px 5px; font-weight: bold; font-size: 12px; line-height: normal; text-transform:uppercase; margin:20px 0 5px -5px; width:100%; float:left;}
  h3 { color: #000; font-weight: bold; font-size: 12px; line-height: normal; margin-bottom:8px;}
  h4 { color: #7c8c4f; font-weight: bold; font-size: 12px; line-height: normal;}
  h5 { color: #fff; float:left; width: 930px; height: 28px; padding:5px 0 0 10px; background: url(/images/structure/hd-bg-big.jpg) top left no-repeat; font-weight: normal; font-size: 14px; font-family:Arial, Times New Roman, Sans-Serif; line-height: normal; margin:4px 0 5px 0;}
  a { color: #7c8c4f; text-decoration: none;}
  a:hover { color: #924d26; text-decoration: underline;}

  ul li{ list-style-image: url(/images/bullet-arrow.gif); margin-bottom: 5px;}
  ul li.green{ list-style-image: url(/images/bullet-arrow-green.gif); margin-bottom: 5px;}
  ol li{ list-style: decimal; margin-bottom: 5px;}

  a.triangle{ text-decoration: none; background: url(/images/bullet-arrow.gif) left no-repeat; padding-left: 10px; font-weight: normal;}
  a.triangle:hover{ text-decoration: underline;}

  p{ margin: 0; padding: 0 0 15px 0;}

  p img{padding: 5px;}

  label{color: #104823; font-size:12px;}
  
  .ppc-title { font-size: 16px; font-style: italic}
  .ppc-nav { width: 100%; background: url(/images/ppc-navbg.gif) repeat-x; height: 47px; }
  .ppc-nav a:hover{ background-position: 0 -47px;}
  
  .ppc-where a{ background: url(/images/ppc/where-btn.gif) top left no-repeat; width: 141px; height: 47px; text-indent: -99999em; display: block; float: right}
  .ppc-lit a{ background: url(/images/ppc/lit-btn.gif) top left no-repeat; width: 194px; height: 47px; text-indent: -99999em; display: block; float: right}
  .ppc-resources a{ background: url(/images/ppc/resources-btn.gif) top left no-repeat; width: 125px; height: 47px; text-indent: -99999em; display: block; float: right}
  .ppc-news a{ background: url(/images/ppc/news-btn.gif) top left no-repeat; width: 143px; height: 47px; text-indent: -99999em; display: block; float: right}
  .ppc-contact a{ background: url(/images/ppc/contact-btn.gif) top left no-repeat; width: 133px; height: 47px; text-indent: -99999em; display: block; float: right}

/* 
 * 
 * Main Navigation
 *
 */
  #mainNav { height: 53px; width: 960px; position: absolute; bottom: 0; left: 0;}
  #mainNav .main{ margin-top: 0; padding: 0; height:53px; list-style: none; display: inline; overflow: hidden;}
	#mainNav li { margin:0; padding:0; list-style: none; display: inline;}
	#mainNav a { float: left; padding: 53px 0 0 0; margin-right:1px; overflow: hidden; height: 0px !important; height /**/:53px; /* for IE5/Win only */ }
	#mainNav a:hover { background-position: 0 -53px;}
	#mainNav a:active, #mainNav a.selected{ background-position: 0 -106px;}

  #nav_zip a { width: 163px; background: url(/images/structure/nav_zip.gif) top left no-repeat;}
  #nav_why a { width: 201px; background: url(/images/structure/nav_why.gif) top left no-repeat;}
  #nav_science a { width: 172px; background: url(/images/structure/nav_science.gif) top left no-repeat;}
  #nav_installation a { width: 109px; background: url(/images/structure/nav_installation.gif) top left no-repeat;}
  #nav_getting a { width: 131px; background: url(/images/structure/nav_getting.gif) top left no-repeat;}
  #nav_technical a { width: 179px; background: url(/images/structure/nav_technical.gif) top left no-repeat; margin-right:0;}

/* 
 * 
 * Subnavigation / Header Image
 * 
 */
 
  
#headerImg{ float:right; width: 715px;}

#subnav { width: 194px; color: #ffffff; float: left;}
	#subnav ul{ height: 100%; width: 194px; margin: 0; padding: 0; list-style: none; display: inline; overflow: hidden;}
	#subnav li { margin:0; list-style: none; display: inline; margin: 0; padding: 0;}
	#subnav a { float: left; overflow: hidden; width: 194px; margin-left: 0px;  text-indent: -99999em;}
	#subnav a:hover, #subnav a:active, #subnav a.selected { background-position: -194px 0;}
	  #subnav .leftQuote{ float:left; width:194px; padding-top:20px; font-weight:; line-height:15px;}
      #subnav .leftQuote a{ background-image: url(/images/buttons/btn-readmore.gif); background-position:0 0; width: 67px; height:12px; text-indent: -99999em; margin-top:10px;}
      #subnav .leftQuote a:hover{background-position: 0 -12px;}
      .test-name {color:#afafaf;}
      .noSubnav {margin-top:75px;}
	

  #zsp-overview a { height: 33px; background: url(/images/nav/zsp-overview.gif) top left no-repeat;}
  #zsp-roof a { height: 33px; background: url(/images/nav/zsp-roof.gif) top left no-repeat;}
  #zsp-wall a { height: 33px; background: url(/images/nav/zsp-wall.gif) top left no-repeat;}
  #zsp-tape a { height: 33px; background: url(/images/nav/zsp-tape.gif) top left no-repeat;}
  #why-overview a { height: 33px; background: url(/images/nav/why-overview.gif) top left no-repeat;}
  #why-superior a { height: 46px; background: url(/images/nav/why-superior.gif) top left no-repeat;}
  #why-easy a { height: 33px; background: url(/images/nav/why-easy.gif) top left no-repeat;}
  #why-air a { height: 33px; background: url(/images/nav/why-air.gif) top left no-repeat;}
  #why-testimonials a { height: 33px; background: url(/images/nav/why-testimonials.gif) top left no-repeat;}
  #sbz-development a { height: 33px; background: url(/images/nav/sbz-development.gif) top left no-repeat;}
  #sbz-durability a { height: 33px; background: url(/images/nav/sbz-durability.gif) top left no-repeat;}
  #sbz-moisture a { height: 46px; background: url(/images/nav/sbz-moisture.gif) top left no-repeat;}
  #sbz-air a { height: 33px; background: url(/images/nav/sbz-air.gif) top left no-repeat;}
  #sbz-tape a { height: 33px; background: url(/images/nav/sbz-tape.gif) top left no-repeat;}
  #ins-overview a { height: 33px; background: url(/images/nav/ins-overview.gif) top left no-repeat;}
  #ins-roof a { height: 33px; background: url(/images/nav/ins-roof.gif) top left no-repeat;}
  #ins-wall a { height: 33px; background: url(/images/nav/ins-wall.gif) top left no-repeat;}
  #ins-window a { height: 46px; background: url(/images/nav/ins-window.gif) top left no-repeat;}
  #gs-overview a { height: 33px; background: url(/images/nav/gs-overview.gif) top left no-repeat;}
  #gs-where a { height: 33px; background: url(/images/nav/gs-where.gif) top left no-repeat;}
  #gs-rebates a { height: 33px; background: url(/images/nav/gs-rebates.gif) top left no-repeat;}
  #gs-literature a { height: 33px; background: url(/images/nav/gs-literature.gif) top left no-repeat;}
  #gs-cost a { height: 33px; background: url(/images/nav/gs-cost.gif) top left no-repeat;}
  #bc-overview a { height: 33px; background: url(/images/nav/bc-overview.gif) top left no-repeat;}
  #bc-industry a { height: 33px; background: url(/images/nav/bc-ask.gif) top left no-repeat;}
  #bc-submit a { height: 33px; background: url(/images/nav/bc-submit.gif) top left no-repeat;}
  #bc-em a { height: 51px; background: url(/images/nav/bc-em.gif) top left no-repeat;}
  #bc-contests a { height: 33px; background: url(/images/nav/bc-contests.gif) top left no-repeat;}
  #con-contact a { height: 33px; background: url(/images/nav/contact-contact.gif) top left no-repeat;}
  #con-newsletter a { height: 33px; background: url(/images/nav/contact-newsletter.gif) top left no-repeat;} 
  #res-installation a { height: 33px; background: url(/images/nav/resources-installation.gif) top left no-repeat;}
  #res-warranties a { height: 33px; background: url(/images/nav/resources-installation.gif) top left no-repeat;}
  #res-technical a { height: 33px; background: url(/images/nav/resources-technical.gif) top left no-repeat;}
  #res-warranties a { height: 33px; background: url(/images/nav/ti-warranty.gif) top left no-repeat;}
  #res-esr a { height: 33px; background: url(/images/nav/resources-esr.gif) top left no-repeat;}
  #res-architectural a { height: 33px; background: url(/images/nav/resources-architectural.gif) top left no-repeat;}
  #res-faqs a { height: 33px; background: url(/images/nav/resources-faqs.gif) top left no-repeat;}
  #res-marketing a { height: 33px; background: url(/images/nav/resources-marketing.gif) top left no-repeat;}
  #res-newsletters a { height: 33px; background: url(/images/nav/resources-newsletters.gif) top left no-repeat;}
  #res-connection a { height: 33px; background: url(/images/nav/resources-connection.gif) top left no-repeat;}
  
  #ti-technical a { height: 33px; background: url(/images/nav/ti-technical.gif) top left no-repeat;}
  #ti-faqs a { height: 33px; background: url(/images/nav/ti-faqs.gif) top left no-repeat;}
  #ti-typical a { height: 46px; background: url(/images/nav/ti-typical.gif) top left no-repeat;}
  #ti-esr a { height: 46px; background: url(/images/nav/ti-esr.gif) top left no-repeat;}
  #ti-fire a { height: 45px; background: url(/images/nav/ti-fire.gif) top left no-repeat;}
  #ti-warranty a { height: 33px; background: url(/images/nav/ti-warranty.gif) top left no-repeat;}
  #ti-connection a { height: 33px; background: url(/images/nav/ti-connection.gif) top left no-repeat;}

/* 
 * 
 * Layout / Formatting
 * 
 */
.bodyLeft { float: left; width: auto;}
.bodyRight { float: left; width: 720px;}
 #wrapper{ width: 960px; margin: 0 auto; position: relative;}
 
  body{ background: #000000 url(/images/structure/bg-body.jpg) repeat-x; color: #000000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 18px;}
  
  #hd { position: relative; height: 140px; background:url(/images/structure/bg-topnav.png) 263px 20px no-repeat;}
  #hd span { position: relative; background: url(/images/structure/main-logo.png) no-repeat left top; width: 298px; height: 81px; top: 0; left: 0; display: block;}
  #hd span a { position: absolute; width: 298px; height: 81px; text-indent:-999em; display: block;}

  #topNav { position: absolute; left: 298px; top: 27px; width: 520px; filter:alpha(opacity=99); opacity:.99;}
    #topNav li{display: inline; border-right: 1px solid #fff; padding-right: 8px; margin-right: 5px;}
    #topNav li.last{border:none;}
    #topNav a{color: #fff; font-size: 12px;}
    #topNav a:hover, #topNav a.selected {color: #b34d25; text-decoration: none;}
    
 .search{width: 182px; position: absolute; right: 3px; top: 24px; color: #a7a7a7;}
 .search #txtSearch{color: #a7a7a7; height:22px;}
 .search a{ float: right; padding-top:10px;}
 
 /* Header Login Buttons */
    
    .loginControls{margin: 0 -12px 0 0; padding: 0; position: absolute; right: 15px; top: 56px;}
    .loginControls li{display: inline; text-indent: -99999em;}
    .loginControls li a{ display:block; float: left; height: 22px; background-position: 0 0; background-repeat: no-repeat;}
	
    .loginControls li#loginButton a{background-image: url(/images/buttons/login.gif); width: 55px;}
    .loginControls li a:hover{background-position: 0 -23px;}
    .loginControls li#logoutButton a{background-image: url(/images/buttons/logout.gif); width: 55px;}
    .loginControls li#myAccount a{background-image: url(/images/buttons/my-account.gif); width: 90px;padding-right:10px;}
 
    .accountControls{margin: 0 -11px 0 0; padding: 0; position: absolute; right: 0; top: 56px;}
    .accountControls li{display: inline; text-indent: -99999em;}
    .accountControls li a{display:block; float: left; height: 23px; background-position: 0 0; background-repeat: no-repeat; text-indent: -99999em;}
	
	.accountControls li#accountButton a{background-image: url(/images/btn_account.gif); width: 90px;}
    .accountControls li#logoutButton a{background-image: url(/images/btn_logout.gif); width: 75px;}
    .accountControls li a:hover{background-position: 0 -23px;}  
    
    #haveAccount ul{margin:0;padding:0;}
    #haveAccount li{display:inline; text-indent: -99999em;}
    #haveAccount li a{display:block; float:left; height: 35px; background-position: 0 0; background-repeat: no-repeat;}
    #haveAccount li#accountLogin a{background-image: url(/images/buttons/login-form.gif); width: 80px;}
    
    .loginError {width:425px; height:35px; color:#ff0000; background-color: #eaa3a3; border: solid 1px #ff0000; margin:-5px auto 10px auto;text-align:center;padding-top:18px;}
    
    .shareControls{margin: 0; padding: 0;}
    .shareControls li{display: inline; text-indent: -99999em;}
    .shareControls li a{display:block; float: left; height: 32px; background-position: 0 0; background-repeat: no-repeat; text-indent: -99999em;}
	
	.shareControls li#sendButton a{background-image: url(/images/btn_send.gif); width: 120px;}
    .shareControls li#closeButton a{background-image: url(/images/btn_close.gif); width: 100px;}
 /* End Header Login Buttons */
 
 #masthead-home{color: #fff; padding: 15px 0 15px 0;}
 #masthead{background:#000000; color: #fff; padding: 15px; margin:5px 0 8px 0;}
 #videoColumn{width: 254px; float: right; font-size: 11px;}
 #videoColumn h3{font-size: 12px;}
 	/*#videoPlayer{border: 1px solid #3d3d3d; background:#3d3d3d;}*/
	.videoDesc{padding-top: 10px;}
	.videoDesc a{float:left; width:123px; height:20px; overflow: hidden; text-indent: -99999em; background-position: 0 0; background-repeat: no-repeat;}
	.videoDesc a:hover{background-position: 0 -20px;}
	.videoDesc #moreTestimonials{background-image: url(/images/buttons/more-testimonials.gif);}
	.videoDesc #submitTestimonial{background-image: url(/images/buttons/submit-testimonials.gif);}
 #homeFlashPanel{width: 665px; float: left;}
 
 .featured {background:#fff url(/images/bg-featured.jpg) top left no-repeat; padding:35px 15px 5px 18px; color:#000000; float:left; width:682px; min-height:271px;}
 .featured .builder-img{float:left; width:229px; border:1px solid #535353; margin:-19px 16px 5px 0;}
 .featured .builder-img img{width:229px;}
 .featured .builder-name{font-weight:bold;}
 .featured .builder-location{ font-style:italic;}
 .featured .featured-btns{float:right; width:200px; margin:-5px 0 0 5px;}

 #container{ width: 960px; padding-bottom:0;}
 
 #content{background: #fff; padding: 12px 0 20px 12px; width:946px; margin:0 !important;}
 
 #company-thanks { width: 400px; height: 220px}
 #company-logo { width: 150px; height: 62px; float: left; margin: 20px 24px 10px 24px; border: 1px solid #000}
 #zipproduct {background: url(/images/structure/content-em-bg.jpg) repeat-y; padding: 0; width:958px; margin:0 !important;}
 #emLeft { width:400px; float:left; display:block}
 #emRight { width:549px; float:left; background: url(/images/structure/em-rep.gif) repeat-y; border: 0; min-height: 710px}
 #emRightalt { width:549px; float:left; background: url(/images/structure/em-rep.gif) repeat-y; border: 0; min-height: 815px}
 .emcopy { padding: 20px 20px 20px 30px}
 .emmiddle { width:549px; height:274px; background: url(/images/structure/see-builds-bg.gif) top left no-repeat; padding-bottom: 5px }
 .emphoto { width:549px; height:190px; background: url(/images/structure/em-photo-bg.gif) top left no-repeat; padding-bottom: 5px }
 #em-map { width: 274px; float: left; padding: 0 20px 0 30px}
 .em-mapinfo { width: 195px; padding: 0 30px 0 0; float: left}
 .maptitle { padding: 20px 0 20px 30px}
 .photostitle { padding: 20px 0 0 30px}
 
 .lastcomment { margin-bottom: 15px}
 .em-viewcomments { font-weight: bold; color: #c14b27}
 .em-comments { padding: 0 20px 0 20px}
 .em-commentslist { margin-bottom: 15px}
 .em-commentfield { width: 520px; height: 285px; margin-top: 10px; margin-bottom: 10px}
 .em-username { width: 150px; margin-top: 10px}
 .comment { padding-top:10px}
 .comment p{ font-size: 11px; font-style: italic}
 
 #em-bodycomment { background: url(/images/structure/em-comment-bg.jpg) repeat-y; padding: 15px 0 0 30px;}
 .emblogtitle { padding: 10px 20px 0px 30px}
 .emblogtitle a{ color:#c14b27; font-weight: bold;}
 .emblogtitle a:hover{ text-decoration: none}
 .emblogposts { padding: 10px 20px 20px 30px}
 .emblogposts a{ color:#c14b27; font-weight: bold;}
 .emblogposts a:hover{ text-decoration: none}
 .emdate { font-size: 10px; padding: 0}
 .emspace { padding-bottom: 10px}
 .em-blogtitle { padding-bottom: 5px; border-bottom: 1px solid #000}
 .em-firstpost { padding-top: 10px; }
 .em-subscribe { font-size: 11px; position: absolute; right: 30px; margin-top: -35px}
 .em-photo { width: 140px; height: 90px; float: left; margin: 0 0 10px 30px}
 .em-photos { width: 550px; height: 100px; display: block}
 .em-photo-page { width: 400px; margin: 0 0 0 30px; display: block}
 .em-photo-desc { font-size: 12px;}
 .em-video-text { font-size: 12px; padding-top: 15px}
 .em-photo-img { padding-bottom: 15px}
 
 .em-video {width:344px; height:367px; background: url(/images/structure/em-video-bg.gif) top left no-repeat; margin: 20px 0 0 32px;}
 .em-video-title { width:344px; padding: 10px 0 5px 0;}
 .em-video-desc { width:450px; padding: 10px 0 5px 0; font-size:14px; color:#c14b27; font-weight: normal;}
 .em-video-lrg { width: 305px; height: 229px; padding: 18px 0 0 18px; position: relative}
 .em-video-tmb { width: 51px; height: 51px; float: left; margin: 0 5px 0 5px}
 
 .em-video-thumbs {height: 51px; float: left}
 .em-video-thumbs ul{ list-style: none;}
 .em-video-thumbs li{ display: inline; margin: 0 4px 0 4px; width: 51px; height: 51px;}
 
 .em-video-prev { width: 24px; height: 51px; background: url(/images/structure/em-prev.jpg) top left no-repeat; display: block; float: left; text-indent: -99999em; margin: 0 10px 0 15px}
 .em-video-next { width: 24px; height: 51px; background: url(/images/structure/em-next.jpg) top left no-repeat; display: block; float: left; text-indent: -99999em; margin: 0 15px 0 10px}
 .em-video-play a{ background: url(/images/buttons/play-button.png) top left no-repeat; height: 74px; width: 74px; position: absolute; text-indent: -99999em; top:39%; left:41%}
 
 .emcta-rebates a{ background: url(/images/ctas/em-rebates-cta.jpg) top left; display: block; width: 340px; height: 81px; text-indent: -99999em; margin: 20px 0 0 27px}
 .emcta-rebates a:hover { background-position: 0 -81px}
 .emcta-products a{ background: url(/images/ctas/em-products-cta.jpg) top left; display: block; width: 340px; height: 81px; text-indent: -99999em; margin: 20px 0 0 27px}
 .emcta-products a:hover { background-position: 0 -81px}
 
 .em-news { width: 339px; padding: 20px 0 0 29px}
 .em-news-bot {width:339px; height:13px; display: block; background: url(/images/structure/em-news-bot.gif) top left no-repeat;}
 .em-bold { font-weight: bold}
 .em-news1 { border: 3px #487ca0 solid; background-color: #fff; border-top: 0; padding: 10px 0 20px 15px}
 .em-news2 { border: 3px #487ca0 solid; background-color: #fff; border-top: 0; border-bottom: 0; padding: 20px 0 0 15px}
 .em-news2 ul { margin: 0 0 0 15px}
 .em-news3 { border: 3px #487ca0 solid; background-color: #fff; border-top: 0; border-bottom: 0; padding: 10px 0 10px 15px;}
 .em-news3 p{ font-style: italic }
 .emcta-thanks a{ background: url(/images/ctas/em-thanks-em.jpg) top left; display: block; width: 344px; height: 78px; text-indent: -99999em; margin: 20px 0 25px 25px}
 .emcta-thanks a:hover { background-position: 0 -78px}
 
 #homeLeft{width: 405px; float: left; font-size: 12px; margin:3px 0 0 3px;}
 #homeLeft .adminContent p{padding-left: 15px;}
 #homeLeft .adminContent h1.home-header1{width:403px; background:url(/images/structure/hd-next.jpg) top left no-repeat; text-indent:-9999em;}
 #homeLeft .newsListing h1.home-header2{width:403px; background:url(/images/structure/hd-newsroom.jpg) top left no-repeat; text-indent:-9999em;}
 #newsletter h1.home-header3{width:403px; background:url(/images/structure/hd-newsletter.jpg) top left no-repeat; text-indent:-9999em;}
 #homeRight{width: 505px; float: right; margin:3px 8px 0 0;}
 	#homeRight .cta{width: 246px; float: left; margin-bottom: 8px;}
 .newsletter {margin-left:20px;}
 .newsletter .form {width:375px; padding:0;}
 .newsletter .form .formItem {width:185px;}
 .newsletter .form .formItem .textfield{width:175px;}

 /* #homeLeft { width: 305px; float: left; padding: 0 10px 0 10px;}
	#homeLeft .content { width: 265px; background: #83aa1d url(/images/structure/logo-watermark.gif) top left no-repeat; padding: 10px 20px 10px 20px; color: #ffffff;}
    #homeRight { width: 625px; float: left;}
  	#homeRight .newsArea { width: 625px; float:left; margin-top: 10px;}
	#homeRight .newsArea .header { width: 625px; background: #bbad90;}
	#homeRight .newsArea .item { width: 615px; background: #eee7d9; color: #333333; padding: 5px; margin-top: 5px;}*/
	
  #bodyLeft { width: 210px; float: left; margin-right:8px;}
  #bodyLeft a{margin-bottom:5px;}
  #bodyCenter {width:930px; float:left;}
  #bodyCenter .content{ width: 900px; padding-left:15px;}
  #bodyRight {width:716px; float:left;}
  #bodyRight .content{ width: 700px; padding-left:15px;}
  #bodyRight .content .video{float:right; width:318px; height:260px; margin:0 0 12px 15px;}
  #bodyRight .content li{ background: url(/images/structure/bullet.gif) top left no-repeat; list-style:none; padding-left:20px; margin-bottom:8px; margin-left:12px;}
  #bodyRight .content .testimonialText{ width: 500px; float: left; margin: 0 15px 0 0; display: inline;}
  #bodyRight .content .testimonialBtn{ width: 175px; float: left; display: inline;}
  #bodyRight .content .testimonialContent{width:697px; float:left; background:url(/images/bg-testimonials.jpg); margin-top:20px;}
  #bodyRight .content .testimonialContent #map{float:left; width:412px; height:288px;}
  #bodyRight .content .testimonialContent .map-text{float:right; width:260px; margin:75px 10px 0 0; color:#535353;}
  #bodyRight .content .testimonialContent .map-text h2{text-transform:none; font-size:16px;}
  
  #bodyRight .content .testimonialContent ul.tab-nav{float:left; width:600px; margin:10px 0 0 15px; height:10px;}
  #bodyRight .content .testimonialContent ul.tab-nav li{display: inline; border-right: 1px solid #535353; padding:0 8px 0 0; margin:0 5px 0 0; background:none;}
  #bodyRight .content .testimonialContent ul.tab-nav a{color: #535353; font-size:13px; font-weight:bold;}
  #bodyRight .content .testimonialContent ul.tab-nav a:hover, #bodyRight .content .testimonialContent ul.tab-nav a.selected{color: #853f16; text-decoration:none;}
  
  #bodyRight .content .indent{margin-left: 20px;}
  
  #bodyRight .content .validation {float:left; width:688px; margin:5px 10px 5px 0;}
  #bodyRight .content .validation li{ background: none; list-style:disc inside; padding-left:20px; margin-bottom:8px;}
 
  
  
  #bucket{float:left; background:#462104; margin-right:15px; margin-bottom:15px;}
     .narrow{width:218px;}
     .wide{width:330px;}
     .bk-testimonials{margin-left:183px;}
  #bucket .bk-bottom{float:left; background:#56280e url(/images/buttons/bg-bucket.jpg) top left repeat-x; color:#fff; font-size:11px; padding:8px 8px 0 8px; line-height:14px; min-height:65px;}
  #bucket .bk-bottom p{padding:0;}
  #bucket .bk-bottom a{color:#fff; line-height:25px;}
  #bucket .bk-bottom a:hover{color:#7c8c4f;}
	
	
	.date{ font-size: 11px; color: #9a9a9a;}
	
    .contestListing {float:left; width:500px; padding-bottom: 15px; margin-bottom: 15px; }
    .contestListing .itemPic { width: 150px; float: left; margin:0 10px 5px 0; border:1px solid #000; overflow: hidden; }
    .contestListing.subContest{margin-left: 160px;}
    .contestListing.subContest{}
    .contestListing-sub { padding-bottom: 15px; padding-left: 25px; margin-bottom: 15px; border-bottom: 1px solid #CCC; }
    .contestPic { width: 150px; float: left; margin-left: 25px; border:1px solid #000; overflow: hidden; }
    .contestDetails { width: 500px; float: left;}
    .subContest .contestDetails{width: 350px;}
    .contestDetails .headline { font-weight: bold; font-size: 16px; }
    .contestDetails .dates { font-size: 11px; line-height:20px; color:#666666;}
    .contestDetails .summary {float:left; width:500px;}
    
    .newsroomListing { float:left; width:500px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #CCC; }
    .newsroomDetails { width: 500px; float: left;}
    .newsroomDetails .headline {float: left; font-weight: bold; font-size: 14px; }
    .newsroomDetails .dates {float: left; font-size: 11px; line-height:20px; color:#666666;}
    .newsroomDetails .summary {float: left; width:690px; display:block;}
	.newsroomDetails span{ display:block; float:left; }
	.newsroomDetails img{ display:block; float:left; }
    
    .sitemap ul {padding-bottom:3px !important;}
    .sitemap ul strong{font-size:12px; line-height:20px;}
    .sitemap ul li{font-size:12px; background:none !important; padding-left:7px !important; line-height:12px;}
    .sitemap li.level1 a{font-weight:bolder; color: #000;}
    .sitemap li.level2 {padding-left: 30px !important;}


    #calcButton { width: 90px; height: 22px; background: url(/images/buttons/calculate.gif)top left no-repeat; }
    
    .listing {float:left; width:100%; padding-bottom:10px; margin-bottom:10px; border-bottom: 1px solid #CCC;}
    .listing .title {float:left; font-size:14px; font-weight:bold; width:450px;}
    .listing .image {float:left; width:240px;}
    .title {float:left; font-size:14px; font-weight:bold; width:100%; }
    .back {float:left; margin-top:10px;}
    
    .ti-question {font-size:18px; font-weight:bold; padding:3px 0 3px 5px; color: #fff; margin:0 0 5px 0; display:block;}
    .ti-question a{font-size:14px; font-weight:normal; color: #fff;}
    .ti-question a:hover{color:#fff;}
    .ti-answer {color: #fff; margin:0 0 15px 30px;}
    
    .question {font-size:18px; font-weight:bold; padding:3px 0 3px 5px; color: #104823; margin:0 0 5px 0; background:#d9d9d9; display:block;}
    .question a{font-size:14px; font-weight:normal; color: #104823;}
    .question a:hover{color:#924d26;}
    .answer {color: #924d26; margin-left: 30px;}
    
    a.see-manuals { background: url(/images/buttons/btn_email.jpg) top left; display: block; width: 241px; height: 31px; text-indent: -99999em; margin: 10px 0; float:left;}
    a.see-manuals:hover { background-position: 0 -31px;}
    
    a.email { background: url(/images/buttons/btn_email.gif) top left; display: block; width: 67px; height: 16px; text-indent: -99999em; margin: 10px 0; float:left;}
    a.email:hover { background-position: 0 -16px;}
    
    a.downloadzip { background: url(/images/buttons/btn_downloadzip.gif) top left; display: block; width: 70px; height: 16px; text-indent: -99999em; margin: 5px 0; float:left;}
    a.downloadzip:hover { background-position: 0 -16px;}
    
    a.addzip { background: url(/images/buttons/btn_addzip.gif) top left; display: block; width: 70px; height: 16px; text-indent: -99999em; margin: 5px 0; float:left;}
    a.addzip:hover { background-position: 0 -16px;}
    
    a.download { background: url(/images/buttons/btn_download.gif) top left; display: block; width: 110px; height: 16px; margin: 0; float:right;}
    a.download:hover { background-position: 0 -16px;}
    
    a.back-overview {color:#fff; font-size:11px; font-weight:bold; float:right; margin:-32px 10px 0 0; position:relative;}
    a.back-overview:hover {color: #dbe2ca; text-decoration: none;}
  
/*
 * 
 * 	Resource Tables
 * 

    .installation-left {float:left; width:448px; margin-right:12px;}
    .installation-right {float:left; width:230px;}
  */   
    .installation-left table {font-size:12px; margin-bottom:20px;}
    .installation-left table a {cursor:pointer;}
    .installation-left table td {padding:0 3px 0 8px; vertical-align:top;}
    /*.installation-left table td.image {padding:0 0 0 8px;}*/
    
    .installation-right table.files {margin-left:10px; border:1px solid #999; font-size:12px;}
    .installation-right table.files td {border:none; padding:5px 5px;}
    .installation-right table.files td.delete {width:18px;}
    .installation-right table.files td.green {background:#dbe2ca; padding:3px 5px;}
    
    table td.border {/*border-right: 1px solid #CCC;*/}

/*
 * 
 * 	Product Locator
 * 
 */
    #locatorBar form { margin: 0; padding: 0; }
    #locatorBar { width: 702px; height:65px; background: url(/images/bg-locator-bar.gif) no-repeat; position: relative; }
    #locatorBar .plZip { position: absolute; top: 32px; left: 14px; width: 85px; }
    #locatorBar .plCity { position: absolute; top: 32px; left: 158px; width: 85px; }
    #locatorBar .plState { position: absolute; top: 32px; left: 247px; width: 80px; }
    #locatorBar .plRadius { position: absolute; top: 32px; left: 332px; width: 80px; }
    #locatorBar .plBtn { position: absolute; top: 22px; right: 15px; }
 
    #locResults {  }
        .locResult { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #CCC; }
        .locResult .retailer { font-size: 14px; font-weight: bold; color: #104823; }
        .locResult .distance { font-size: 12px; font-weight: bold; font-style: italic; color: #999999; }
        .locResult .rebate { margin-left: 20px; }


/*
 * 
 * 	News Listings
 * 
 */
    .newsListing{margin-top: 15px;}
 	.newsItem{padding-left: 10px;}
	.newsItem .date{width: 30px; float: left; line-height: 17px; text-align: center; color: #999999; font-weight: bold; border-right: 1px solid #717171; padding-right: 8px;}
	.newsItem .date .month, .newsItem .date .year{font-size: 11px;}
	.newsItem .date .day{color: #924d26; font-size: 22px; letter-spacing: -1px;}
	.newsItem .summary{margin-top: 3px; width: 345px; float: right; font-size: 11px; border-bottom: 1px solid #999999; margin-bottom: 10px;}
	.newsItem.noborder .summary{border: none;}
	.newsListing a.viewAll{float:right; width:50px; margin:-30px 3px 0 0; font-size:11px; color:#fff;}

/*
 *
 * Layout / Form
 *
 */
  .error li {padding-left:20px; list-style-position:inside;}
  .error ul { padding-left: 30px; }
  .error h5{width:99%;}  
  .error strong { clear: both; display: block; text-align: left; padding: 0 30px; }
  ul.error_list li { list-style:none; padding-left:20px;}
  
  .form.sendtofriend {width:450px; margin:10px 25px;}
  .form.sendtofriend .formItemLong { width: 400px; float: left;}
  .form.sendtofriend .formItemLong .textfield{ width: 390px;}
  .form.sendtofriend .formItemLong .textarea{ width: 390px;}
	
  .form{ padding: 5px 5px 50px 5px; width: 600px;}
  .form.bgTab{ background: #e6e6e6 url('../images/tab-form-bg.jpg')top left no-repeat; color: #666666;}
	.formRow{ margin-top: 10px;}

	.formItem { width: 270px; float: left;}
	.formItem .textfield{ width: 250px;}
	.formItem .dropdown{ height: 23px;}
	#short{ width:110px; }
	
	.formItemLong { width: 550px; float: left;}
	.formItemLong .textfield{ width: 520px;}
	.formItemLong .textfield2{ width: 200px;}
	.formItemLong .textfield-small{ width: 50px;}
	.formItemLong .textarea { width: 520px;}
	.formItemLong .dropdown{ height: 23px;}
	
	.city{ width: 270px; float: left;}
	.city .textfield{ width: 250px;}
	
	.state{ width: 50px; float: left;}
	.state .dropdown{ height: 23px;}
	
	.zipcode{ width: 50px; float: left; margin-left:10px;}
	.zipcode .textfield{ width: 50px;}
	
	.phone{ width: 270px; float: left;}
	.phone .textfield{ width: 30px;}
	.phone .textfield2{ width: 35px;}
	
	.radio {float:left; margin-top:3px;}
	.radio-text {float:left; margin:3px 5px 0 2px;}
	
	
	
/*
 *
 * Layout / Calculator Form
 *
 */

  .CalcForm{float:left; padding: 5px 0 50px 30px; margin-left:30px; width: 580px; background:#e6e6e6 url(/images/tab-form-bg.jpg) top left no-repeat; color: #666666; text-align: left;}
	.CalcForm .formRow{ margin-top: 0;}

	.CalcForm .formItem { width: 257px; float: left; background:none; padding: 0 0 10px 7px;}
	.CalcForm .graycolor { background: #ccc;}
	.CalcForm .formItem.graycolor .textfield{ color:#853F16; } 
	.CalcForm .formItem.greencolor { background: #c0d5be; color: #4c7849;}
	.CalcForm .formItem.greencolor2 { background: #c0d5be;text-align:center; width:330px; color:#4c7849; padding:20px; margin:10px auto; float:none; }
	.CalcForm .formItem.greencolor .textfield{ color:#853F16; } 
		.CalcForm .formItem.greencolor2 .textfield{ color:#853F16; margin-top:10px; } 

	.CalcForm .formItem.border{ border-top: solid 1px #853f16; padding:10px;}
	.CalcForm .formItem .textfield{ width: 250px; color:#853F16; }
	.CalcForm .formItem .bgcolor{ background: #fbd642; color:#853F16; }
	.CalcForm .formItem .dropdown{ height: 23px;}
	/* color:#853F16; */
	.CalcForm .formItemLong { width: 525px; float: left; text-align: center; padding-bottom: 10px; margin-top: 0;}
	.CalcForm .formItemLong.graycolor { background: #ccc;}
	.CalcForm .formItemLong.greencolor { background: #c0d5be; color: #4c7849;}
		.CalcForm .formItemLong.greencolor .textfield{ color:#853F16; } 

	.CalcForm .formItemLong .textfield{ width: 250px;color:#853F16; }
	.CalcForm .formItemLong .textfield.bgcolor{ background: #fbd642;}
	.CalcForm .border{ border-bottom: solid 1px #853f16; padding-bottom:3px; width:97%;}
	.borderRight {
		border-right:1px solid #853F16;
	}
	.borderLeft{
		border-left:1px solid #853F16;
	}
	.borderRed{ border:2px solid #853F16; }
	.borderRedThin{ border:1px solid #853F16; }
	
#ask-expert {float:left; width:325px; clear:both;}
#ask-expert .formItem {width:300px;}
#ask-expert .formItem .textfield, #ask-expert .formItem .textarea { width: 300px;}


.expert-question {float:left; width:700px; margin-top:10px;}
.expert-question a{font-size:12px; font-weight:bold; color:#104823;}
.map-info {float:right; width:345px; text-align:center; margin-bottom:5px;}
#ask-expert-map {float:right !important; width:348px;}
.comparison {float:left; width:290px; margin-top:10px; background:#e4e4e4; padding:8px;}
.comparison ul.region {float:left; width:285px; margin:0 0 -10px 10px; font-size:11px; font-weight:bold;}
.comparison ul.region li{width:250px; background:none !important; padding-left:28px !important; margin:0 0 0 0 !important; font-weight:normal;}
.comparison ul.region li.option1{background:url(/images/option-green.gif) left 4px no-repeat !important;}
.comparison ul.region li.option2{background:url(/images/option-brown.gif) left 4px no-repeat !important;}
.comparison ul.region li.option3{background:url(/images/option-yellow.gif) left 4px no-repeat !important;}
.comparison ul.region li.option4{background:url(/images/option-blue.gif) left 4px no-repeat !important;}
.comparison ul.region li.option5{background:url(/images/option-red.gif) left 4px no-repeat !important;}
	
	
#spacer { width: 960px; float: left; background: #ffffff; height: 10px; display: block;}

/*
 *
 * Layout / Energy Calculator
 *
 */
 a.begin{ background: url(/images/buttons/btn-begin.jpg) 0 0 no-repeat; display: block; width: 73px; height: 31px; text-indent: -99999em; margin: 0;}
 a.begin:hover { background-position: 0 -31px}
 
 #calculator-map{float:left; width:412px; height:288px; border:1px solid #853f16; padding:10px; margin-right:6px;}
 .city-choices {float:left; width:246px; padding:0 7px; background:url(/images/bg-calculator.gif) 0 0 no-repeat; height:350px;}
 .city-choices .dropdown {width:150px; margin-right:3px; margin-top:3px;}
 
 #house, #house-zip {float:left; width:700px;}
 .energy-calculator {float:left; width:660px; padding:20px; background:url(/images/bg-calculator2.gif) 0 0 no-repeat; height:400px; margin-top:15px;}
 .bottom-links {display:block; padding:10px; background:#853f16; color:#fff;}
 .bottom-links h2 {color:#fff;}
 .bottom-links a {color:#fff;}
 .bottom-links a:hover {color:#dedede;}
 
 .estimation-left {float:left; width:260px; padding-right:10px; border-right:1px solid #000;}
 .estimation-right {float:right; width:385px; margin-right:15px;}
 .estimation {font-size:13px;}
 .estimation .title {font-weight:bold; color:#104823; background:#e8e8e8; padding:5px;}
 .estimation .savings {padding:5px 5px 5px 20px; text-align:left;}
 	
/* 
 * 
 * Layout / Footer
 * 
 */

 /* #ft{ background: #c8c8c8 url(/images/structure/footer-bg-pattern.jpg) top left repeat-x; padding-left: 0; color: #ffffff; font-size: 11px; width: 100%; line-height: normal; }
  #ft .ftmain { width: 960px; margin: 0 auto;}
  #ft .ftmain a{ color: #ffffff; text-decoration:none; }
  #ft .ftmain a:hover{ color: #ffffff; text-decoration:underline; }*/

#ft{background: #000; padding: 15px; margin-bottom: 75px;}
 .footerCnt{position: relative; float: left; width: 940px;}
 #ft a{color: #fff;}
 #ft a:hover{color: #cd9708;}

.ftTopNav{width: 685px;   border-bottom: 1px solid #292929; padding-bottom: 6px; font-size: 9px;  text-transform: uppercase;}
 .ftTopNav ul, .ftBottomNav ul{margin: 0; padding: 0; list-style:none;}
 .ftTopNav li, .ftBottomNav li{display: inline; border-right: 1px solid #292929; margin-right: 2px; padding-right: 4px;}
 .ftTopNav li.noborder, .ftBottomNav li.noborder{border: none;}
 #ft .ftTopNav a, #ft .ftBottomNav a{color: #a3a3a3;}
 #ft .ftTopNav a:hover, #ft .ftBottomNav a:hover{color: #fff;}
 .ftBottomNav{font-size: 11px; padding-top: 6px;}
 
 .huberLogo{width: 220px; height: 42px; position: absolute; right: 20px; top: 10px;}
 .advantechLogo{position: absolute; padding-top: 15px; left: -5px;}
 
 

/*** MODAL DIALOG STYLES ***/

.modalBackground {
	background-color:#000;
	filter:alpha(opacity=70) !important;
	opacity:0.7;

}

.modalPopup {
	background-color:#fff;
	border-width:1px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:600px;
	color: #000;    

}
.installation-right { float: right;}
.displayNone {display:none;}  

/* Rad Window */
  .RadWindow .rwControlButtons .rwPinButton,
  .RadWindow .rwControlButtons .rwReloadButton, 
  .RadWindow .rwControlButtons .rwMinimizeButton, 
  .RadWindow .rwControlButtons .rwMaximizeButton 
  {display:none;}
  
  .RadWindow .rwControlButtons .rwCloseButton {float:right; margin-left:-20px;}
  
  /*Jump menu styling */
    .installation-left { float:left; margin-bottom:10px; position:relative; width:450px;}
  .installation-left a { float: left; clear: both; }
  .float-left a { float: none;}
  .addzip, .downloadzip { width: 70px;}