/* CLF 2.0 TEMPLATE VERSION 1.0 | VERSION 1.0 DU GABARIT NSI 2.0 */

/* GENERAL CSS BEGINS | CSS GENERALE COMMENCE */

/* GENERAL CSS ENDS | CSS GENERALE TERMINE */

#center, li#didyouknow p {
  font-size: 80%;
}

#center h2.nav {
  font-size: 100%;
}

#center a:link,#center a:hover,#center a:visited,#center div.topPage a:link,#center div.topPage a:hover,#center div.topPage a:visited,div.footer a:link,div.footer a:hover,div.footer a:visited {
  color: #209d40;
}

p#siteuri {
  visibility: hidden;
}

div.banner-en p.main,div.banner-fr p.main {
  visibility: hidden;
}

.banner-en img {
  visibility: hidden;
}

.banner-fr img {
  visibility: hidden;
}

.banner-en,.banner-fr {
  background-image: url(../images/common/banner_en.gif);
  background-repeat: no-repeat;
  text-align: center;
  background-color: #fff;
  /* min-

height : 120px; */
  padding-bottom: 0px;
  margin-top: 0px;
  background-position: 0% 0%;
  height: 120px;
}

.banner-en {
  background-image: url(../images/common/banner_en.gif);
}

.banner-fr {
  background-image: url(../images/common/banner_fr.gif);
}

p.breadcrumb {
  padding-left: 0;
}

p.breadcrumb a:link,p.breadcrumb a:visited {
  color: #209d40;
  text-decoration: underline;
}

p.breadcrumb a:hover {
  text-decoration: none;
}

div.footer {
  height: 4em;
  background-color: #fff;
}

div.left .nav {
  background: #fff;
}

.about,.transit,.tell {
  font-size: 9pt;
  display: block;
  padding: 0 0 15px 0;
  margin: 0 0 0 -12px;
  width: 150px;
  color: #000;
  text-decoration: none;
}

.about {
  background: #fff url(../images/common/about_colour.gif) 0 100% no-repeat;
}

.about:hover {
  background: #fff url(../images/common/about_colour-over.gif) 0 100% no-repeat;
  text-decoration: underline;
}

.transit {
  background: #fff url(../images/common/transit_colour.gif) 0 100% no-repeat;
}

.transit:hover {
  background: #fff url(../images/common/transit_colour-over.gif) 0 100% no-repeat;
  text-decoration: underline;
}

.tell {
  background: #fff url(../images/common/tell_colour.gif) 0 100% no-repeat;
}

.tell:hover {
  background: #fff url(../images/common/tell_colour-over.gif) 0 100% no-repeat;
  text-decoration: underline;
}

div.dyk {
  display: block;
  width: 195px;
  margin: 5px 0 0 0;
  color: #161c67;
  background: url(../images/common/dyk_bg_1.jpg) 0 0 no-repeat;
  padding: 35px 2px 0 2px;
}

div.dyk_f {
  display: block;
  width: 195px;
  margin: 5px 0 0 0;
  color: #161c67;
  background: url(../images/common/dyk_bg_1_f.jpg) 0 0 no-repeat;
  padding: 35px 2px 0 2px;
}

div.dyk p,div.dyk_f p {
  font: 8.5pt/10pt Verdana,Arial,Helvetica,sans-serif;
  color: #161c67;
  padding: 0 0 15px 0;
  background: url(../images/common/dyk_bottom.gif) 0 100% no-repeat;
}

div.cuta,div.cuta_f {
  display: block;
  width: 151px;
  height: 108px;
  margin: 20px 0 0 0;
  background: url(../images/common/cuta_logo.gif) 0 0 no-repeat;
}

div.cuta {
  background: url(../images/common/cuta_logo.gif) 0 0 no-repeat;
}

div.cuta_f {
  background: url(../images/common/cuta_logo_f.gif) 0 0 no-repeat;
}

div.cuta p,div.cuta_f p {
  visibility: hidden;
}

div.calculator {
  background: #c7e4f6 url(../images/common/calc_bg.jpg) 0 0 no-repeat;
  width: 195px;
  padding: 100px 0 0 0;
}

div.calculator_f {
  background: #c7e4f6 url(../images/common/calc_bg_f.jpg) 0 0 no-repeat;
  width: 195px;
  padding: 100px 0 0 0;
}

div.calculator p,div.calculator_f p {
  margin: 0 0 0 10px;
  padding: 0 0 5pt 0;
}

div.calculator a:link,div.calculator a:visited,div.calculator_f a:link,div.calculator_f a:visited {
  color: #000;
  font: 8pt/8pt Verdana,Arial,Helvetica,sans-serif;
  text-decoration: underline;
}

div.calculator a:hover,div.calculator_f a:hover {
  text-decoration: none;
}

div.calculator form,div.calculator_f form {
  margin: 0 0 0 10px;
  padding: 0 0 0 0;
}

div.calculator form p,div.calculator_f form p {
  color: #000;
  font: bold 8pt/8pt Verdana,Arial,Helvetica,sans-serif;
  margin: 0 0 4pt 0;
  padding: 0 0 0 0;
}

div.calculator form p.right,div.calculator_f form p.right {
  width: 170px;
  color: #000;
  font: bold 8pt/8pt Verdana,Arial,Helvetica,sans-serif;
  margin: 0 0 4pt 0;
  padding:0;
  text-align: right;
}

div.calculator input.submit,div.calculator_f input.submit {
  font: bold 8pt/8pt Verdana,Arial,Helvetica,sans-serif;
  border: solid #666 1px;
  padding: 1px;
  margin: 0 0 4pt 0;
}

div.calculator input.text,div.calculator_f input.text {
  font: 8pt/8pt Verdana,Arial,Helvetica,sans-serif;
  border: solid #666 1px;
  width: 165px;
  padding: 2px;
}
div.calculator select.select,div.calculator_f select.select {
  font: 8pt/8pt Verdana,Arial,Helvetica,sans-serif;
  border: solid #666 1px;
  padding:0px;
  align:right;
}

#right ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#calc-result {
  
}

#calc-result p {
  font: bold 9pt/12pt Verdana,Arial,Helvetica,sans-serif;
  color: #000;
}

#calc-result p.disclaimer {
  font: bold 9pt Verdana,Arial,Helvetica,sans-serif;
  color: #000;
  margin: 25px 0 0 0;
  padding: 20px 0 0 0;
  border: solid #666;
  border-width: 1px 0 0 0;
}

#calc-result ul {
  padding: 0 0 0 15px;
}

#calc-result ul li ul {
  padding: 0 0 0 15px;
  margin: 2pt 0 2pt 0;
  border-width: 0;
}

#calc-result li {
  font: 8pt/11pt Verdana,Arial,Helvetica,sans-serif;
  color: #000;
}

#calc-result h1 {
  font: bold 12pt/12pt Verdana,Arial,Helvetica,sans-serif;
  color: #209d40;
  margin: 0 0 16pt 0;
}

#right ul li {
  margin: 5px 0 0 0;
}

#right ul li.rebates {
  background: #fff url(../images/common/rebates_e.jpg) 0 0 no-repeat;
  width: 195px;
  height: 70px;
}

#right ul li.rebates_f {
  background: #fff url(../images/common/rebates_f.jpg) 0 0 no-repeat;
  width: 195px;
  height: 70px;
}

#right ul li.rebates a,#right ul li.rebates_f a {
  display: block;
  overflow:hidden;
  width: 195px;
  height: 70px;
  text-indent: -1200px;
}

#right ul li.clean {
  background: #fff url(../images/common/ccaa_e.jpg) 50% 50% no-repeat;
  width: 195px;
  height: 70px;
}

#right ul li.clean_f {
  background: #fff url(../images/common/ccaa_f.jpg) 50% 50% no-repeat;
  width: 195px;
  height: 70px;
}

#right ul li.clean a,#right ul li.clean_f a {
  font: 8pt Verdana,Arial,Helvetica,sans-serif;
  color: #fff;
  text-decoration: none;
  text-indent: -1200px;
  padding: 15px 0 0 0;
  display: block;
  overflow:hidden;
  width: 195px;
  height: 70px;
}

#right ul li.fuel {
  background: #172c7c;
  width: 195px;
  height: 42px;
}

#right ul li.fuel a {
  font: 8pt Verdana,Arial,Helvetica,sans-serif;
  color: #fff;
  text-decoration: none;
  text-align: center;
  padding: 15px 0 0 0;
  display: block;
  width: 195px;
  height: 27px;
}

#main-story {
  padding: 5px 0 0 5px;
  margin: 0;
}

#main-story h1 {
  color: #209d40;
  font: bold 12pt/16pt Verdana,Arial,Helvetica,sans-serif;
}

#main-story p {
  font: 10pt/14pt Verdana,Arial,Helvetica,sans-serif;
}

#main-story img {
  text-align: center;
}

#main-story a:link,#main-story a:visited {
  color: #209d40;
  margin: 0;
  text-decoration: underline;
}

#main-story a:hover {
  color: #209d40;
  margin: 0;
  text-decoration: none;
}

#content h1,#content h2,#content h3 {
  color: #209d40;
}

#content h1 {
  font: bold 14pt/16pt Verdana,Arial,Helvetica,sans-serif;
}

#content h2 {
  font: bold 10pt/16pt Verdana,Arial,Helvetica,sans-serif;
  margin: 14pt 0 0 0;
}

#content p {
  font: 9pt/13pt Verdana,Arial,Helvetica,sans-serif;
}

#content ul {
  padding: 0 0 0 20px;
}

#content li {
  font: 9pt/13pt Verdana,Arial,Helvetica,sans-serif;
  margin: 5pt 0 0 0;
}

#content form p {
  font: 9pt/12pt Verdana,Arial,Helvetica,sans-serif;
}

#content p.email {
  font: 8pt/11pt Verdana,Arial,Helvetica,sans-serif;
  margin: 0 10px 8pt 10px;
}

#content img {
  text-align: center;
}

#content a:link,#content a:visited {
  color: #209d40;
  margin: 0;
  text-decoration: underline;
}

#content a:hover {
  color: #209d40;
  margin: 0;
  text-decoration: none;
}

div.calculator form {
  margin: 0 0 0 10px;
  padding: 0 0 0 0;
}

#content input.submit {
  font: bold 8pt/8pt Verdana,Arial,Helvetica,sans-serif;
  border: solid #666 1px;
  padding: 1px;
  margin: 5px 0 10px 0;
}

#content input.text {
  font: 8pt/8pt Verdana,Arial,Helvetica,sans-serif;
  border: solid #666 1px;
  width: 180px;
  padding: 2px;
}

#content textarea {
  font: 8pt/8pt Verdana,Arial,Helvetica,sans-serif;
  border: solid #666 1px;
  width: 350px;
  height: 200px;
  padding:2px;
}

#save {
  background: url(../images/common/save_icon.jpg) 10px 50% no-repeat;
}

#clean-air {
  background: url(../images/common/clean-air_icon.jpg) 10px 50% no-repeat;
}

#community {
  background: url(../images/common/community_icon.jpg) 10px 50% no-repeat;
}
#save,#clean-air,#community {
  margin: 5px 0 0 0;
  padding: 13px 0 13px 0;
  height: 40px;
}

#save h1,#clean-air h1,#community h1 {
  margin: 0 0 0 75px;
  padding: 0;
  color: #209d40;
  font: bold 9pt/12pt Verdana,Arial,Helvetica,sans-serif;
}

#save p,#clean-air p,#community p {
  padding: 0 0 0 75px;
  margin: 0;
  color: #000;
  font: 9pt/12pt Verdana,Arial,Helvetica,sans-serif;
}
#save em,#community em,#clean-air em{
  display:none;
}

#save a:link,#clean-air a:link,#community a:link,#save a:visited,#clean-air a:visited,#community a:visited {
  color: #209d40;
  margin: 0;
  text-decoration: underline;
}

#save a:hover,#clean-air a:hover,#community a:hover {
  color: #209d40;
  margin: 0;
  text-decoration: none;
}

div.pop-up {
  background-color: #fff;
  margin: 25px 0 0 13px;
  width: 425px;
  border: solid #000 1px;
  text-align: left;
}

div.pop-up h1 {
  font: bold 12pt/11pt Verdana,Arial,Helvetica,sans-serif;
  color: #000;
}

div.pop-up ul {
  padding: 10pt 0 0 15px;
  margin: 25px 0 0 0;
}

div.pop-up ul li ul {
  padding: 0 0 0 15px;
  margin: 2pt 0 2pt 0;
}

div.pop-up li {
  font: 8pt/11pt Verdana,Arial,Helvetica,sans-serif;
  color: #000;
  margin: 0 0 5pt 0;
}

div.pop-up p {
  margin: 12pt 12px 0 0;
  text-align: right;
}

div.pop-up a.close:link,div.pop-up a.close:visited {
  font: bold 8pt Verdana,Arial,Helvetica,sans-serif;
  color: #000;
  text-decoration: underline;
}

div.pop-up a.close:hover {
  text-decoration: none;
}