/*
Title: DPL Energy
Author: Sparkbox
*/


/* @group Boilerplate */

/*
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display:block;}

nav ul {list-style:none;}

blockquote, q {quotes:none;}

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select {vertical-align:middle;}





/* master styles 
--------------------------------------------- */

body {	
  font-family: "facitweb-1","facitweb-2", 'Helvetica', sans-serif;
  font-size: 100%;
  color: #3d3e3f;
  background: #fff url(/i/bg-grad.gif) top left repeat-x;
  border-top: 4px solid #307ec5;
}

/* accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }



/* Clear Fix from Dan Cedarholm @simplebits */
.group:after {
	content: ".";
	display:  block;
	height: 0;
	clear: both;
	visibility:  hidden;
}

/* @end */

/* @group Slider
 */

.slider {
  height: 360px;
  padding: 0px 0 0;
  position: relative;
  overflow: hidden;
}

.slider li {
  display: none;
  position: relative;
}

.no-js .slider li {
  display: block;
}

.slider li.current {
  display: block;
  height: 100%;
  z-index: 3;
}

.slider li.next {
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 2;
}

.slider li img {
  position: relative;
  width: 100%;
}

.slider-container {
  position: relative;
  height: 357px;
}

/* @end */


/* @group Site-wide */

.wrapper {
  margin: 0 auto;
  width: 820px;
  position: relative;
}

.button {
  background: #3790e2 url(/i/blue-button-bg.gif) bottom left repeat-x;
  padding: 8px 15px;
  color: #0d2d4b;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-box-shadow: 0px -1px 0px #ffffff;
  -moz-box-shadow: 0px -1px 0px #ffffff;
  box-shadow: 0px -1px 0px #ffffff;
  text-shadow: 0px 1px 0px #699ece;
       filter: dropshadow(color=#699ece, offx=0, offy=1); 
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
  .button:hover {
    color: #fff;
    text-shadow: 0px 1px 0px #0d2d4b;
         filter: dropshadow(color=#0d2d4b, offx=0, offy=1);
  }

.col {
  width: 400px;
  float: left;
}

  .second {
    float: right;
    width: 340px;
  }

/* @end Site-wide */

/* @group Header */

  header {
    float: left;
    padding-top: 15px;
  }
  
    header .logos {
      float: left;
      margin-left: 25px;
      margin-bottom: 15px;
    }

      header .logos a {text-decoration: none;}    

      header .logos img {
        margin-right: 20px;
      }

      header .logos img.dplenergy {
        margin-bottom: 6px;
      }
    
    header form.search {
      float: right;
      background: #e6e6e6;
      border-right: none;
      border-top: 1px solid #d1d1d1;
      border-left: 1px solid #dedede;
      border-bottom: 1px solid #f8f8f8;
    }
    
      header form.search input {
        background: none;
        border: none;
      }
      
      header form.search input {
        padding: 3px;
      }
      
      header form.search input.submit {
        text-indent: -9999em;
        background: url(/i/submit-btn.gif) center right no-repeat;
        width: 24px;
        height: 25px;
        cursor: pointer;
        padding: 0;
        text-transform: capitalize;
      }
    
    header .callout {
      float: left;
      clear: left;
      width: 785px;
      text-align: right;
      font-style: italic;
      color: #0055a5;
      font-size: 20px;
      font-weight: 200;
      background: url(/i/callout-arrow.png) center right no-repeat;
      padding-right: 35px;
      line-height: 2em;
    }
      header .callout em {
        font-weight: 600;
      }
    
    header nav {
      background: #585858 url(/i/main-nav-bg.gif) top left repeat-x;
      -webkit-border-radius: 4px 4px 0 0;
         -moz-border-radius: 4px 4px 0 0;
              border-radius: 4px 4px 0 0;
      border-bottom: 1px solid #444444;
      float: left;
      width: 820px;
      margin-top: 15px;
      position: relative;
      height: 2.6em;
      z-index: 1000000;
    }
    
      header nav ul.main-nav {
        width: 580px;
        float: left;
        padding-top: 1px;
      }
        header nav ul.main-nav li {
          float: left;
          position: relative;
        }
          header nav ul.main-nav li a {
            color: #fff;
            float: left;
            text-decoration: none;
            padding: 11px 15px;
            font-size: .8em;
            height: 1.55em;
            margin-right: 1px;
            text-shadow: 0px 1px 0px #000000;
                 filter: dropshadow(color=#000000, offx=1, offy=1); 
          }
          header nav ul.main-nav li a:hover, header nav ul.main-nav li.current a, header nav ul.main-nav li.sfHover a {
            background: #3790e2 url(/i/main-nav-link-bg.gif) bottom left repeat-x;
            color: #fff;
          }
          header nav ul.main-nav li.home a {
            text-indent: -9999em;
            background: url(/i/home-icon.png) top left no-repeat;
            margin-top: -10px;
            margin-left: 10px;
            margin: -10px 20px 0 20px;
            width: 27px;
            height: 35px;
            padding: 0;
            filter: none;
          }
            header nav ul.main-nav li.home a:hover {
              background: url(/i/home-icon.png) top left no-repeat;
            }
            .ie6 header nav ul.main-nav li.home a {margin-top: 0;}
            
        
        /* @group Inner Nav */
        
        header nav ul.main-nav li ul.inner-nav {
          background: #fcfcfc url(/i/inner-nav-bg.gif) bottom left repeat-x;
          position: absolute;
          top: 2.6em;
          left: 0;
          /* padding-top: 5px; */
          z-index: 10000;
          display: none;
          width: 200px;
          -webkit-border-radius: 0 0 4px 4px;
             -moz-border-radius: 0 0 4px 4px;
                  border-radius: 0 0 4px 4px;
        }
          header nav ul.main-nav li:hover ul.inner-nav {
            display: block;
          }
          .ie6 header nav ul.main-nav li ul.inner-nav {
            width: 150px;
          }
        
          header nav ul.main-nav li ul.inner-nav li {
            border-bottom: 1px solid #d6d6d6;
            width: 100%;
          }
          header nav ul.main-nav li ul.inner-nav li:last-child {
            border-bottom: none;
          }
        
            header nav ul.main-nav li ul.inner-nav li a {
              color: #707070;
              text-shadow: none;
                   filter: none;
              text-transform: uppercase;
              font-size: .65em;
              padding: 8px 40px 8px 15px;
              height: auto;
              width: 145px;
            }
            header nav ul.main-nav li ul.inner-nav li a:hover {
              background: none;
              text-decoration: underline;
              color: #707070;
            }
            header nav ul.main-nav li.current ul.inner-nav li a, header nav ul.main-nav li.sfHover ul.inner-nav li a {
              background: none;
            }
        
        /* @end Inner Nav */
      
      header nav .start-saving {
        position: absolute;
        top: -10px;
        right: 10px;
        height: 46px;
        background: url(/i/start-saving-shadow.png) bottom center no-repeat;
      }

        header nav .start-saving .button {float: left; min-height: 1.5em; line-height: 1.5em;}

/* @end Header */



/* @group Content */
  
  /* @group Non Page-Specific Styles */ 
  
  .content {
    float: left;
    width: 100%;
  }
  
  .primary-content {
    overflow: hidden;
    padding-top: 30px;
    margin-bottom: 100px;
  }
  
  .content .button {
    padding: 3px 8px;
    color: #fff;
    /* float: left;
    clear: left; */
    font-size: .65em;
    -webkit-box-shadow: 0px -1px 0px #93bde6;
    -moz-box-shadow: 0px -1px 0px #93bde6;
    box-shadow: 0px -1px 0px #93bde6;
    text-shadow: 0px 1px 0px #699ece;
         filter: dropshadow(color=#699ece, offx=0, offy=1);
  }
  
    .content .more {
      background: #f14a00 url(/i/more-button-bg.gif) bottom left repeat-x;
      -webkit-box-shadow: 0px -1px 0px #f9a078;
      -moz-box-shadow: 0px -1px 0px #f9a078;
      box-shadow: 0px -1px 0px #f9a078;
    }
  
  /* @end Non Page-Specific Styles */ 

  /* @group Home Specific Styles */ 
  
  /* @group Home Hero */
  
  .home .hero {
    height: 357px;
    position: relative;
  }
    
    .home .hero .tag-container {
      background: url(/i/black-80-percent.png) top left repeat;
      position: absolute;
      right: 0;
      top: 50px;
      width: 260px;
      padding: 19px 23px 0 0;
      z-index: 10;
    }
    
    .home .hero .tag {
      background: url(/i/hero-arrow.png) bottom left no-repeat;
      float: left;
      color: #fff;
      margin: 0 0 -20px 10px;
      padding-bottom: 43px;
      width: 250px;
    }

      .home .hero .tag .hero-content-container {
        /* float: right;
        clear: both; */
        width: 240px;
        padding-left: 10px;
      }
    
      .home .hero .tag .label {
        font-size: 2.2em;
        font-weight: 200;
        width: 100%;
        display: block;
      }
      .home .hero .tag .content {
        font-size: .85em;
        padding-bottom: 20px;
        min-height: 40px;
        clear: left;
        width: 100%;
      }
      
      .home .hero .tag .button {
        /* float: right;
        clear: both; */
        margin-left: 170px;
      }
    
    .home .hero .steps {
      position: absolute;
      bottom: 0;
      text-align: center;
      width: 610px;
      padding-left: 105px;
      z-index: 100;
      left: 0;
    }
    
      .home .hero .steps nav {
        /* margin: 0 auto; */
        width: 607px;
        background: #8f8f8f url(/i/hero-nav-bg.gif) top left repeat-x;
        overflow: hidden;
        display: block;
        -webkit-border-radius: 4px 4px 0 0;
           -moz-border-radius: 4px 4px 0 0;
                border-radius: 4px 4px 0 0;
      }
      
        .home .hero .steps a {
          background: #a8a8a8 url(/i/hero-links-bg.gif) top left repeat-x;
          padding: 20px 10px;
          float: left;
          margin-right: 1px;
          text-align: center;
          color: #505050;
          text-decoration: none;
          text-transform: uppercase;
          font-size: .8em;
          line-height: 1em;
          border-bottom: 1px solid #5f5f5f;
/*          height: 1.1em;*/
          border-top: 1px solid #fff;
          text-shadow: 0px 1px 0px #dadada;
               filter: dropshadow(color=#dadada, offx=0, offy=1);
        }
          .home .hero .steps a:hover, .home .hero .steps .current {
            background: #454545 url(/i/hero-nav-current.gif) bottom center no-repeat;
            border-top-color: #9b9b9b;
            color: #fff;
            text-shadow: 0px 1px 0px #272727;
                 filter: dropshadow(color=#272727, offx=0, offy=1);
          }
        
        .home .hero .steps a.your_choice {
          width: 121px;
        }
        .home .hero .steps a.why_us {
          width: 121px;
        }
        .home .hero .steps a.why_now {
          width: 121px;
        }
        .home .hero .steps a.get-started {
          width: 161px; 
          color: #fff;
          border-top-color: #7fa467;
          margin-right: 0;
          text-shadow: 0px 1px 0px #000000;
               filter: dropshadow(color=#000000, offx=0, offy=1);
          background: url(/i/get-started-bg.gif) center left repeat-x;
        }
  
          .home .hero .steps a.get-started:hover {
            background: url(/i/get-started-bg.gif) center left repeat-x;
          }
  
  /* @end Home Hero */
  
  .home .primary-content h2 {
    font-size: 1.5em;
    color: #3385d1;
    font-weight: 400;
    margin: 10px 0 5px 0;
  }
  
  .home .primary-content .first h2 {
    padding-left: 16px;
  }
  
  /* @group Home FAQ */
  
  .home .primary-content ul.faq {
    list-style: none;
    padding-bottom: 2px;
    overflow: hidden;
    margin-bottom: 10px;
  }
  
    .home .primary-content ul.faq li {
      background: #f0f0f0;
      margin-bottom: 6px;
      padding: 10px 20px;
    }
    .home .primary-content ul.faq li.featured {
      background: none;
    }
    
      .home .primary-content ul.faq li h3.question {
        text-transform: uppercase;
        font-weight: 700;
        font-size: .9em;
      }
      
      .home .primary-content ul.faq li h3.question a {
        color: #505050;
        text-decoration: none;
      }

      .home .primary-content ul.faq li .accordion_content {
        font-size: .85em;
        font-family: Georgia, serif;
        font-style: italic;
      }

        .home .primary-content ul.faq li .accordion_content div, .home .primary-content ul.faq li .accordion_content p {
          margin-top: .5em;
          margin-bottom: .75em;
          line-height: 1.5em;
        } 

      .home .primary-content ul.faq .button {float: left;}

      .accordion_content {
        overflow: hidden;
      }
  
  /* @end Home FAQ */


  .content .primary-content .page-data .common-questions-answers {
    margin-top: 100px;
  }

    .content .primary-content .page-data .common-questions-answers ul {
      margin-left: 25px;
    }

      .content .primary-content .page-data .common-questions-answers ul li {
        list-style: none;
      }

        .content .primary-content .page-data .common-questions-answers ul li h3, .content .primary-content .page-data .common-questions-answers ul li p, .content .primary-content .page-data .common-questions-answers ul li a {
          font-weight: normal;
          font-size: 1em;
        }
  
  .content .primary-content .second p {
    margin-top: .5em;
    margin-bottom: 1em;
    font-family: Georgia, serif;
    font-size: .75em;
    font-style: italic;
    float: left;
    line-height: 1.6em;
  }
  
  .content .primary-content .col .segment {
    float: left;
    margin-bottom: 30px;
    width: 340px;
  }
  
    .content .primary-content .col .segment .save {
      background: url(/i/save.gif) left center no-repeat;
      padding-left: 30px;
      min-height: 40px;
    }
    .content .primary-content .col .segment .support {
      background: url(/i/support.gif) left center no-repeat;
      padding-left: 45px;
      min-height: 40px;
      width: 295px;
    }
    
    .content .primary-content .col .segment span {
      color: #3589d8;
      font-size: .75em;
      font-weight: 600;
      margin-left: 5px;
    }
    
      .content .primary-content .col .segment span em {
        font-weight: 800;
        font-size: 1.7em;
        color: #165692;
        font-style: normal;
        margin-left: 5px;
      }
  
  /* @end Home Specific Styles */  
 
  /* @group Subpage Specific Styles */ 
  
  .secondary-content {display:none;}
  .open {
    display: block;
  }
  .closed {
    display: none;
  }

  /* @group home Hero */
  
  .secondary .hero {
    background: #f6f6f6;
    padding: 25px;
  }
  
    .secondary .hero h1 {
      color: #4b4b4b;
      font-size: 2em;
      font-weight: 300;
    }
    
    .secondary .hero h2 {
      font-size: 1.5em;
      font-style: italic;
      color: #8b8b8b;
      font-weight: 300;
    }
  
  /* @end Home Hero */
  
  /* @group Subpage Subnav */
  
  .content .primary-content .subnav {
    float: left;
    clear: left;
    width: 195px;
    background: #eeeeee;
    font-size: .75em;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
  }
  
    .content .primary-content .subnav a {
      display: block;
      border-bottom: 1px solid #cecece;
      padding: .65em 10px .65em 20px;
      text-decoration: none;
      color: #707070;
      border-top: 1px solid #eeeeee;
    }

      .no-js a#savings_calculator {
         display: none;
      }

      .content .primary-content .subnav a:hover, .content .primary-content .subnav a.current {
        background: #358cdb url(/i/subnav-active-bg.gif) bottom left repeat-x;
        color: #fff;
        border-top: 1px solid #afd1f2;
      }
      .content .primary-content .subnav a:last-child {
        border-bottom: 1px solid #747474;
        -webkit-border-radius: 0 0 4px 4px;
           -moz-border-radius: 0 0 4px 4px;
                border-radius: 0 0 4px 4px;
      }
      
  /* @end Subpage Subnav */
  
  /* @group Residential/Business Switch */
  
  .content .primary-content aside {
    float: left;
    width: 195px;
  }
  
    .content .primary-content section .res-bus-switch-container {
      float: left;
      width: 100%;
    }

    .content .primary-content section .res-bus-switch {
      -webkit-border-radius: 4px;
         -moz-border-radius: 4px;
              border-radius: 4px;
      float: left;
      width: 192px;
      background: #c1c1c1 url(/i/res-bus-switch-bg.gif) bottom left repeat-x;
      border: 1px solid #dbdbdb;
      margin-bottom: 20px;
    }
    
    .content .primary-content section .res-bus-switch a {
      width: 50%;
      float: left;
      padding: 8px 0;
      text-decoration: none;
      color: #5d5d5d;
      text-align: center;
      font-size: .75em;
      letter-spacing: .05em;
      text-shadow: 0px 1px 0px #bababa;

    }
      .content .primary-content section .res-bus-switch a.active {
        background: #5e9b37 url(/i/res-bus-switch-current-bg.gif) bottom left repeat-x;
        color: #fff;
        border-bottom: 1px solid #4b5c40;
        text-shadow: 0px 1px 0px #4e812e;

      }
    
    .content .primary-content aside .phone, .content .primary-content aside .vcard {
      float: left;
    }
    
      .content .primary-content aside .phone span {
        display: block;
      }
      
      .content .primary-content aside .phone span.label, .content .primary-content aside .vcard .title {
        text-transform: uppercase;
        color: #609e38;
        font-size: .75em;
        font-style: italic;
        font-weight: 400;
        margin-top: 20px;
        margin-bottom: 5px;
      }
      
      .content .primary-content aside .phone span.number, .content .primary-content aside .vcard .adr, .content .primary-content aside .vcard .org {
        color: #3385d1;
        font-weight: 600;
      }
      
      .content .primary-content aside .phone span.number em {
        color: #606060;
        font-style: normal;
      }

    .content .primary-content aside .vcard {
       margin-top: 20px;
    }

    .content .primary-content aside .vcard .adr, .content .primary-content aside .vcard .org {
       font-size:.9em;
       color:#606060;
       font-weight:normal;
       line-height:1.4em;
    }
       
  
  /* @end Residential/Business Switch */
  
  /* @group Page Data */
  
  .content .primary-content .page-data {
    float: right;
    width: 580px;
  }
    
    .content .primary-content .page-data p.featured {
      font-size: 1.8em;
      font-weight: 200;
      color: #3385d1;
      margin-bottom: 1.5em;
      font-family: "facitweb-1","facitweb-2", 'Helvetica', sans-serif;
    }
    
    .content .primary-content .page-data h1, .content .primary-content .page-data h2, .content .primary-content .page-data h3, .content .primary-content .page-data h4 {
      text-transform: uppercase;
      color: #3385d1;
      margin-bottom: .75em;
    }
    .content .primary-content .page-data h2 {
      font-size: .9em;
    }
    .content .primary-content .page-data .back-to-top {
      font-size: .75em;
      margin-bottom: 2.5em;
      display: block;
    }
    .content .primary-content .page-data h3 {
      font-size: .8em;
      text-transform: none;
    }
    .content .primary-content .page-data h4 {
      font-size: .7em;
      text-transform: none;
    }
    
    .content .primary-content .page-data p {
      font-family: Georgia, serif;
      line-height: 1.5em;
      font-size: .85em;
      margin-bottom: 1em;
    }
    
    .content .primary-content .page-data a {
      color: #3385d1;
    }
    
    .content .primary-content .page-data ul, .content .primary-content .page-data ol {
      margin-left: 25px;
      font-family: Georgia, serif;
      margin-bottom: 1em;
    }
    
      .content .primary-content .page-data ul li, .content .primary-content .page-data ol li {
        font-size: .85em;
        margin-bottom: .75em;
        line-height: 1.5em;
      }

    /* @group FAQ */

    .content .primary-content .page-data .results {
      margin-bottom: 45px;
    }

    .content .primary-content .page-data .results p {
      font-size: 1em;
    }

    .content .primary-content .page-data .results a.button {
      color: #fff;
    } 

    /* @end FAQ */
    
    /* @group Form */

    .content .primary-content .page-data form {
      margin-bottom: 20px;
      width: 100%;
      float: left;
    }

    .ui-state-error {
      border: 1px solid #C20013 !important;
    }

    .content .primary-content .page-data form img {
      display: block;
      margin-bottom: 5px;
    }
    
    .content .primary-content .page-data form fieldset {
      border: none;
      float: left;
      width: 100%;
    }
    
    .content .primary-content .page-data form label {
      font-style: italic;
      display: block;
    }
    
    .content .primary-content .page-data form input.main {
      width: 300px;
    }
    
      .content .primary-content .page-data form input.main, .content .primary-content .page-data form textarea {
        background: #ededed;
        border: none;
        padding: 7px;
        font-family: Georgia, serif;
        color: #3d3e3f;
        font-size: 1em;
        -webkit-box-shadow: inset 0px 1px 0px #bfbfbf;
           -moz-box-shadow: inset 0px 1px 0px #bfbfbf;
                box-shadow: inset 0px 1px 0px #bfbfbf; 
        -webkit-border-radius: 4px;
           -moz-border-radius: 4px;
                border-radius: 4px;
      }

        .content .primary-content .page-data form p {
          float: left;
          clear: left;
          width: 100%;
        }

        .content .primary-content .page-data form p.address {
          width: 315px;
        }
          .content .primary-content .page-data form p.address input {
            width: 300px;
          }
        .content .primary-content .page-data form p.city {
          width: 195px;
          float: left;
          margin-right: 5px;
        }
          .content .primary-content .page-data form p.city input {
            width: 180px;
          }
        .content .primary-content .page-data form p.state {
          width: 45px;
          float: left;
          clear: none;
          margin-right: 5px;
        }
          .content .primary-content .page-data form p.state input {
            width: 30px;
          }
        .content .primary-content .page-data form p.zip {
          width: 65px;
          float: left;
          clear: left;
          margin-right: 5px;
        }
          .content .primary-content .page-data form p.zip input {
            width: 50px;
          }
    
    .content .primary-content .page-data form textarea {
      width: 568px;
      padding: 5px;
      height: 300px;
    }
    
    .content .primary-content .page-data form input.submit {
      background: #7ccc49 url(/i/submit-bg.gif) bottom left repeat-x;
      border: 0;
      border-left: 1px solid #c3c9bf;
      border-bottom: 1px solid #c3c9bf;
      border-right: 1px solid #c3c9bf;
      cursor: pointer;
      color: #fff;
      padding: 5px 12px;
      text-shadow: 0px 1px 0px #48762a;
           filter: dropshadow(color=#48762a, offx=0, offy=1);
      -webkit-border-radius: 4px;
         -moz-border-radius: 4px;
              border-radius: 4px;
    }
    
    /* @end Form */

   /* @group stories */

    .content .primary-content .page-data .stories {
      float: left;
      clear: left;
      width: 100%;
      margin-bottom: 35px;
      margin-top: 25px;
    }

    .content .primary-content .page-data .stories .photo-container {
      width: 100%;
      float: left;
    }
    
    .content .primary-content .page-data .stories .photo {
      position: relative;
      width: 282px;
      border: 4px solid #ebebeb;
      overflow: hidden;
    }

      .content .primary-content .page-data .stories .photo img {height: 186px;}
      
      .content .primary-content .page-data .stories .photo .info {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 10px 0;
        background: url(/i/black-80-percent.png) top left repeat;
      }
        
        .content .primary-content .page-data .stories .photo .info span {
          float: left;
          width: 45%;
          color: #fff;
        }
        
        .content .primary-content .page-data .stories .photo .info span.label {
          font-style: italic;
          font-size: .75em;
          margin-top: 10px;
          margin-left: 5%;
        }
        
        .content .primary-content .page-data .stories .photo .info span.savings {
          margin-right: 5%;
          font-size: .65em;
          text-align: right;
          text-transform: uppercase;
        }
        
          .content .primary-content .page-data .stories .photo .info span.savings em {
            font-style: normal;
            display: block;
            font-size: 1.8em;
            font-weight: 700;
          }
    
    .content .primary-content .page-data .stories .col {
      margin-right: 0;
      border: none;
      width: 270px;
    }
    
      .content .primary-content .page-data .stories table tbody tr td.total {
        font-weight: bold;
        color: #383838;
      }
      
      .content .primary-content .page-data .stories table tbody tr td.total-price {
        color: #ebebeb;
        background: #737373;
        border: 2px solid #494949;
      }
      
      .content .primary-content .page-data .stories table tbody tr td.total-price-after {
        color: #ebebeb;
        background: #0055a5;
        border: 2px solid #0f6ac0;
      }
 
      .content .primary-content .page-data .stories .savings-overview {
        background: #61973e;
        border: 2px solid #406f22;
        padding: 20px;
        text-align: center;
        width: 228px;
        float: left;
        margin-top: 5px;
        -webkit-border-radius: 2px;
           -moz-border-radius: 2px;
                border-radius: 2px;
      }

        .content .primary-content .page-data .stories .savings-overview span {
          color: #fff;
          font-style: italic;
        }
    
    /* @end stories */

    /* @group table */
    
    .content .primary-content .page-data table {
      width: 100% !important;
      margin-bottom: 10px;
    }
    
    .content .primary-content .page-data table thead {
    }
    
    .content .primary-content .page-data table thead tr {
      background: #d7d7d7;
      
    }
    
      .content .primary-content .page-data table th {
        text-align: left;
        padding: 12px 15px;
        color: #595959;
        border: 1px solid #c8c8c8;
        text-transform: uppercase;
        font-size: .75em;
        font-family: "facitweb-1","facitweb-2", 'Helvetica', sans-serif;
        text-shadow: 0px 1px 0px #ffffff;
             /* filter: dropshadow(color=#ffffff, offx=0, offy=1); */
      }
    
    .content .primary-content .page-data table tbody tr {
      background: #ebebeb;
    }
    
    .content .primary-content .page-data table tbody tr.odd {
      background: #f9f9f9;
    }

        .content .primary-content .page-data table tbody tr.featured td {
          background: #fdf5b4;
        }

	.content .primary-content .page-data table tbody tr.featured td {
          font-weight: bold;
          color: #4a4a4a;
        }

      .content .primary-content .page-data table tbody tr th {
        width: 35%;
      }
    
    .content .primary-content .page-data table tbody tr td {
      color: #828282;
      font-family: "facitweb-1","facitweb-2", 'Helvetica', sans-serif;
      font-size: .75em;
      padding: 12px 15px;
      border: 1px solid #c8c8c8;
    }
    
      .content .primary-content .page-data table tbody tr p {
        font-family: "facitweb-1","facitweb-2", 'Helvetica', sans-serif;
        font-size: 1em;
      }
    
    /* @end table */
    
    .content .primary-content .page-data .col {
      width: 220px;
      border-right: 1px solid #d3d3d3;
      padding-right: 3%;
      margin-right: 5%;
      margin-top: 20px;
      display: inline;
    }
    
    .content .primary-content .page-data .second {
      border: none;
      float: left;
    }
    
      .content .primary-content .page-data .col .title {
        color: #609e38;
        font-weight: 400;
        font-style: normal;
        font-family: "facitweb-1","facitweb-2", 'Helvetica', sans-serif;
      }
      
      .content .primary-content .page-data .col p {
        margin-top: 0;
        margin-bottom: 5px;
        font-style: italic;
        float: left;
        width: 100%;
      }

         .content .primary-content .page-data p.disclaimer {font-style: italic;}
      
      .content .primary-content .page-data .col .button {
        color: #fff;
        float: left;
      }
      
  /* @end Page Data */

/* @group Calculator */
div.calc-content {
  float:left;
  margin-top:20px;
  width: 100%;
}
.dpl-calculator {
  display: none;
}
.no-js-message {
  display: none;
}
.no-js .no-js-message {
  display: block;
}
.dpl-calculator .calc-message {
  padding: 20px;
  font-size: 1.4em;
}
.content .primary-content .dpl-calculator .calc-function li, .content .primary-content .dpl-calculator .results p {
  font-family: "facitweb-1","facitweb-2", 'Helvetica', sans-serif;
  line-height: 1.6em;
  margin-bottom: 0;
}
.dpl-calculator {
  color: #666;
  font-size: .8em;
  font-family: "facitweb-1","facitweb-2", 'Helvetica', sans-serif;
  line-height: 1.5em;
  float: left;
  width: 500px;
  background: #fefefe url(/i/bg-calc.jpg) left bottom repeat-x;
  border: 1px solid #c8c8c8;
}
.dpl-calculator .popup {
  display: none;
  position: absolute;
}
.dpl-calculator .calc-nav {
  background: #fff url(/i/bg-nav.png) left bottom repeat-x;
  float: left;
  width: 100%;
  padding: 0;
  border-bottom: 1px solid #c8c8c8;
}
.dpl-calculator .calc-nav li {
  font-size: .95em;
  line-height: 1em;
  margin-bottom: 0;
}
.dpl-calculator .calc-function {
  list-style: none;
  margin: 0!important;
  padding: 0;
}
.dpl-calculator .calc-function li {
  cursor: pointer;
  margin: 0;
  padding: 7px 15px 5px 15px;
  float: left;
  border-right: 1px solid #c8c8c8;
  text-shadow: 0px 1px 1px #fff;
  text-transform: uppercase;
}
.dpl-calculator .calc-function li.current {
  background: #ececec url(/i/bg-nav-current.png) left bottom repeat-x;
}
.dpl-calculator .calc-nav #target-select, .dpl-calculator .calc-nav label {
  float: right;
  margin: 5px 10px;
  text-transform: capitalize;
}
.dpl-calculator .calc-nav label {
  font-style: italic;
}
.dpl-calculator .offers label, .dpl-calculator .customer-data h3 {
  color: #3385D1;
  font-size: 1.2em;
  margin: 0;
  padding: 0;
  padding-bottom: .25em;
  font-weight: normal;
}
.content .primary-content .dpl-calculator .customer-data h3 {
  font-size: 1.2em;
  margin: 0;
}
.content .primary-content .dpl-calculator .offers p.description {
  font-style: italic;
  color: #333;
  text-shadow: 0px 1px 1px #fff;
  margin-top: 1em;
  font-size: 1em;
  width: 90%;
}
.dpl-calculator .form, .dpl-calculator .offers, .dpl-calculator .offers select, .dpl-calculator .offers p, .dpl-calculator .customer-data, .dpl-calculator .results, .dpl-calculator .form label, .dpl-calculator .form input {
  float: left;
  clear: left;
}
.dpl-calculator .form input {
  margin-bottom: 2em;
}
.dpl-calculator .data label {
  margin-bottom: .5em;
  font-size: 1em;
  width: 100%;
}
.dpl-calculator .data input {
  width: 40%;
}
.dpl-calculator .data .savings {
  font-size: 1.3em;
  text-shadow: 0px 1px 1px #fff;
}
.dpl-calculator .form .help {
  font-size: 1.1em;
  float: left;
  background-color: #6f6f6f;
  width: 1.4em;
  height: 1.4em;
  line-height: 1.6em;
  color: #f1F1F1;
  text-align: center;
  margin-left: 1em;
  -webkit-border-radius: .7em;
  -moz-border-radius: .7em;
  border-radius: .7em;
  cursor: pointer;
}
.dpl-calculator .form .savings {
  float: right;
}
.dpl-calculator .target, .dpl-calculator .form {
  float: left;
  width: 100%;
}
.dpl-calculator .results p {
  text-shadow: 0px 1px 1px #fff;
}
.dpl-calculator .calculate .results p {
/*  float: right;
  clear: right; */
  text-align: right;
  padding: 0;
  margin: 0;
  color: #3385D1;
}
.dpl-calculator .compare .results p {
  margin: 0;
}
.dpl-calculator .results p em {
  display: block;
  font-size: 3.5em;
  padding: .3em 0 .2em 0;
  font-style: normal;
}

.dpl-calculator .compare .offers .offer-select {
  width: 45%;
}
.dpl-calculator .compare .offers .offer-select-2 {
  margin-left: 10%;
  clear: none;
}
.dpl-calculator .compare .results .button-calculate {
  width: 20%;
  margin-left: 40%;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.dpl-calculator .compare .offer-savings-1, .dpl-calculator .compare .offer-savings-2 {
  text-align: center;
  width: 45%;
}
.dpl-calculator .compare .offer-savings-1 {
  float: left;
}
.dpl-calculator .compare .offer-savings-2 {
  float: right;
}
.dpl-calculator .compare .results .best p {
  color: #50842f;
}
.dpl-calculator .calculate .offers, .compare .customer-data {
  background-color: #e3e3e3;
}
.dpl-calculator .customer-data, .results, .offers {
  padding: 5% 5% 2.5% 5%;
  margin: 1%;
  width: 88%;
}
.content .primary-content .dpl-calculator .results {
  padding-top: 0;
  margin-bottom: 0;
}
.results .equal-to {width:100%;}
.dpl-calculator .button-calculate {
  background: #63a43c url(/i/bg-button.jpg) left bottom repeat-x;
  border: 1px solid #446f27;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  float: left;
  padding: .5em 1.5em;
  cursor: pointer;
  text-transform: uppercase;
}
.calc-tooltip {
display: block;
}
/* @end Calculator */
  
  /* @end Subpage Specific Styles */   
        
/* @end Content */



/* @group Footer */

footer {
  background: #363636;
  float: left;
  color: #fff;
  width: 100%;
  padding-top: 27px;
  padding-bottom: 27px;
}  
  
  footer ul {
    list-style: none;
  }
  
    footer ul.footer-nav li {
      display: inline;
    }
    
      footer ul li a {
        color: #fff;
        text-decoration: none;
        font-size: .75em;
      }
        footer ul li a:hover {
          color: #fff;
          text-decoration: underline;
        }
      
      footer ul.footer-nav li a {
        padding-right: 10px;
        margin-right: 5px;
      }
    
    footer ul.legal-nav {
      margin-top: 40px;
    }
    
      footer ul.legal-nav li {
        line-height: 1em;
      }
        
        footer ul.legal-nav li a {
          text-transform: uppercase;
        }
  
  footer .copyright {
    font-size: .75em;
    margin-bottom: 40px;
    float: left;
    width: 100%;
    line-height: 2.3em;
  }
  
    footer .copyright em {
      font-style: normal;
      font-weight: 600;
    }
    
  footer .contact {
    float: left;
    width: 100%;
    font-weight: 600;
  }
  
    footer .contact .title {
      float: left;
      width: 100%;
      font-size: .8em;
      text-transform: uppercase;
    }
    
    footer .contact .label {
      font-weight: 400;
      font-style: italic;
      font-size: .75em;
      float: left;
      width: 100%;
    }
    
    footer .contact .number {
      font-size: 1.2em;
      letter-spacing: .05em;
      float: left;
      width: 100%;
    }
    
    footer .contact .col {
      width: 50%;
    }
  

/* @end Footer */








@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } /* black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}