/**************************************/
/* Main Stylesheet              			*/
/*                        						*/
/* Sections:             						  */
/* - Reset                            */
/* - Basic html 						          */
/* - Basic layout elements 						*/
/* - Common elements                  */
/**************************************/

/**************************************/
/* Reset                              */
/**************************************/

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, big, em, font, img, strong, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	text-align:left;
}

:focus { outline:0; }
body { line-height:1; color:black; background:white; }
ol, ul { list-style-type:none; }
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }

/**************************************/
/* Basic html                         */
/**************************************/

html, body {
  background-color:#197239;
  background-image: url(/i/elements/bg_greendots.gif);
  font-family: arial, sans-serif;
  font-size: 11px;
  color:#70927a;
	line-height:16px;
}

h1 {
  clear:both;
  float:left;
  padding:0 0 9px 0;
  margin:11px 0 7px 0;
  background-image: url(/i/elements/bg_h1.gif);
  background-position:bottom left;
  background-repeat:repeat-x;
  font-size:15px;
  font-weight:bold;
  line-height:18px;
}

h1 i {
  font-size:13px;
  font-style:italic;
  margin:0 0 0 5px;
  color:#a2c0ab;
}

h2 {
  clear:both;
  font-size:13px;
  font-weight:bold;
  line-height:18px;
}

h3 {
  clear:both;
  font-size:12px;
  font-weight:bold;
}

h4 {
  font-weight:bold;
}

a { color:#00521c; text-decoration:underline; }
a:visited { color:#a2c0ab; }
a:hover { color:#00521c; }

p {
  line-height:16px;
  margin-bottom:10px;
}

hr {
  clear:both;
  border:1px solid #fff;
}

ul, ol {
  clear:both;
  list-style-type:square;
  margin-left:1.4em;
  margin-bottom:10px;
}

em {
  font-style:italic;
}



/**************************************/
/* Basic layout elements              */
/**************************************/

#header {
  position:relative;
  width:930px;
  padding-top:24px;
  height:218px;
  background-color:#197239;
  background-image: url(/i/elements/header_top.jpg);
  background-repeat:no-repeat;
  background-position:left top;
}

div#content {
  clear:both;
  float:left;
  width:921px;
  margin-top:20px;
  background-image:url(/i/elements/bg_maincolumn.gif);
  background-repeat:no-repeat;
  background-position:54px 0;
}

div#main {
  float:left;
  width:580px;
  padding-left:70px;
}

div#rightcol {
  float:right;
  width:230px;
}

#footer {
  width:921px;
  height:25px;
  clear:both;
  float:left;
  margin-top:30px;
  text-align:center;
  }

/**************************************/
/* Header                             */
/**************************************/

#hdr_inner {
  width:930px;
  height:218px;
  background-image: url(/i/headers/header_greenleave.jpg);
  }

img#logo-ecopoint {
  float:left;
  width:210px;
  height:103px;
  margin:24px 37px 70px 37px;
}

#hdr_links {
  float:right;
  width:320px;
  height:70px;
  margin-right:34px;
  _margin-right:17px;
}

ul#servicemenu3 {
  float:right;
  clear:none;
  list-style-type:none;
  margin:0;
}

ul#servicemenu3 li {
  float:left;
  font-size:11px;
  color:#fff;
  font-weight:bold;
  background:url(/i/elements/menu/ftr_spacer.gif) no-repeat right 5px;
  padding:0 6px 0 6px;
}

ul#servicemenu3 li a { color:#fff; text-decoration:none; }
ul#servicemenu3 li a:hover { text-decoration:underline; }

#hdr_sites {
  height:15px;
  margin:0 0 0 3px;
  float:right;
  }

#hdr_sites img {
  float:left;
  margin:1px 0 0 3px;
  width:21px;
  height:15px;
  }

img#payoff {
  float:right;
  clear:right;
  width:182px;
  height:31px;
  margin:0;
}

ul#menu {
  clear:left;
  float:left;
  list-style-type:none;
  margin-bottom:0;
  margin-left:0;
  width:800px;
  height:21px;
  padding-left:54px;
  }

ul#menu li {
  float:left;
  height:21px;
  padding:0 5px 0 0;
  margin:0 2px 0 0;
  background:url(/i/elements/menu/bg_menu.gif) no-repeat right 0;
  font-size:12px;
  font-weight:bold;
  font-style:italic;
  line-height:21px;
}

ul#menu li a {
  float:left;
  background-image:url(/i/elements/menu/bg_menu.gif) no-repeat 0 0;
  text-decoration:none;
  line-height:21px;
  padding:0 25px 0 12px;
  color:#70927a;
}

ul#menu li a:visited { color:#70927a; }
ul#menu li a:hover { color:#42644c; }

ul#menu li.active {
  background-position:left -21px;
}

ul#menu li.active a {
  background-image:url(/i/elements/menu/bg_menu_active.gif);
  color:#fff;
}

ul#menu li div {
  clear:both;
  float:left;
  position:absolute;
  z-index:100;
  width:186px;
  left:-999em;
  top:221px;
  margin:21px 0 0 -0px;
  padding:4px 0 5px 0;
  background-image:none;
  background-color:#fff;
  background-image:url(/i/elements/menu/bg_sub.gif) no-repeat 0 bottom;
}

ul#menu li div ul {
  clear:left;
  float:left;
  list-style-type:none;
  margin-left:0;
  margin-bottom:0;
  width:269px;
  width:186px;
  padding:10px 0 0 0;
}

ul#menu li div ul li {
  clear:left;
  width:225px;
  width:180px;
  background-image:none;
  font-size:11px;
  color:#9e1113;
  margin-left:5px;
  height:auto;
  padding:0;
}

ul#menu li div ul li a, ul#menu li.active div ul li a {
  background-image:none;
  font-style:normal;
  font-weight:normal;
  line-height:15px;
  padding-bottom:6px;
  color:#70927a;
}

ul#menu li div ul li a:hover, ul#menu li.active div ul li a:hover { color:#42644c; }

ul#menu li.sfhover div {
  left:auto;
}

/**************************************/
/* Crumblepath                         */
/**************************************/

ul#crumblepath {
  clear:both;
  float:left;
  list-style-type:none;
  width:830px;
  margin:10px 0 0 55px;
}

ul#crumblepath li {
  float:left;
  padding:0 0 0 8px;
  margin:0 5px 0 0;
  background-image:url(/i/elements/bullets/cp_arrow.gif);
  background-position:left 7px;
  background-repeat:no-repeat;
}

ul#crumblepath li.cp_nobull {
  background-image:none;
  padding:0;
}

ul#crumblepath li.cp_home {
  padding:0;
}

/**************************************/
/* Footer                             */
/**************************************/

div#footer img {
  float:left;
  width:18px;
  height:15px;
  margin-left:45px;
}

ul#servicemenu {
  float:right;
  list-style-type:none;
  margin-left:0;
  margin-bottom:0;
  height:25px;
  margin-right:26px;
  text-align:right;
  }

ul#servicemenu li {
  float:left;
  padding:0 5px 0 5px;
  background-image:url(/i/elements/menu/ftr_spacer.gif);
  background-repeat:no-repeat;
  background-position:left 5px;
}

ul#servicemenu li.li_1 {
  background-image:none;
  padding-left:25px;
}



/**************************************/
/* Homepage                           */
/**************************************/

ul#news_and_employee {
  clear:both;
  float:left;
  list-style-type:none;
  width:510px;
  margin:30px 0px 30px 0px;
  background-image:url(/i/elements/blocks/home_bg_news_people.gif);
  background-repeat:no-repeat;
  background-position:0px 4px;
  color:#6d8173;
  overflow:hidden;
}

  ul#news_and_employee li {
    float:left;
    width:152px;
  }

  ul#news_and_employee li.li_spaced {
    margin-left:26px;
  }

  ul#news_and_employee li h3 {
    height:36px;
  }

  ul#news_and_employee li h3 span {
    display:block;
    clear:left;
    width:150px;
    height:15px;
    font-weight:bold;
    color:#b1b98a;
    cursor:pointer;
  }

  ul#news_and_employee li img {
    width:148px;
    height:88px;
    border:1px solid #c5d1a1;
    padding:1px;
  }

  ul#news_and_employee li p {
    margin-top:6px;
  }

  ul#news_and_employee li a         { color:#70927a; text-decoration:none; }
  ul#news_and_employee li a:hover   { color:#00521c; text-decoration:none; }

  ul#news_and_employee li a h3        { color:#70927a; text-decoration:none; }
  ul#news_and_employee li a:hover h3  { color:#00521c; text-decoration:none; }

  ul#news_and_employee li p a       { text-decoration:underline; white-space:nowrap; }
  ul#news_and_employee li p a:hover { text-decoration:underline; }

/**************************************/
/* Common elements                    */
/**************************************/

img.borderedLight {
  border:1px solid #ccc;
  padding:2px;
}

div#cleaning_products, div#downloads {
  float:right;
  width:204px;
  margin-right:20px;
  background-image:url(/i/elements/bg_dotted_block_right.gif);
  background-repeat:no-repeat;
  background-position:top left;
  padding-top:10px;
  xxbackground-color:orange;
}

div#cleaning_products h3, div#downloads h3 {
  clear:both;
  float:left;
  width:172px;
  margin-top:21px;
  padding:0 0 3px 8px;
  background-image:url(/i/elements/dots_1px_corner_rb.gif);
  background-repeat:repeat-x;
  background-position:bottom right;
  font-style:italic;
  xxbackground-color:yellow;
}

div#cleaning_products ul, div#downloads ul {
  float:left;
  list-style-type:none;
  margin-left:0;
  margin-bottom:0;
  width:202px;
  margin-top:2px;
  padding:6px 1px 12px 1px;
  background-image:url(/i/elements/dots_hor_1px.gif);
  background-repeat:repeat-x;
  background-position:bottom left;
  }

div#cleaning_products ul li {
  float:left;
  width:101px;
  height:81px;
  padding:1px 0 1px 0;
  text-align:center;
  background-image:url(/i/elements/dots_hor_1px_light.gif);
  background-repeat:no-repeat;
  background-position:top left;
}

div#cleaning_products ul li.li_cat_firstrow {
  background-image:none;
}

div#cleaning_products ul li img {
  width:60px;
  height:60px;
}

div#cleaning_products ul li h4 {
  text-align:center;
  text-decoration:none;
}

div#cleaning_products ul li a {
  text-decoration:none;
}


div#downloads ul li {
  float:left;
  width:155px;
  background-image:url(/i/icons/icon_download.gif);
  background-repeat:no-repeat;
  background-position:8px 4px;
  padding:0 0 8px 35px;
  margin:0 0 2px 0;
}

div#downloads ul li span {
  color:#777;
  white-space:nowrap;
  padding:0 0 0 5px;
}

div.backtotop {
  clear:both;
  padding-top:20px;
  }

/**************************************/
/* News page                          */
/**************************************/

div#news_year_index {
  clear:both;
  float:left;
  width:100%;
  background-image:url(/i/elements/dots_hor_1px.gif);
  background-repeat:repeat-x;
  background-position:left -99px;
}

div#news_year_index ul {
  clear:both;
  float:left;
  width:100%;
  margin:0;
  padding:5px 0px 3px 0px;
  background-image:url(/i/elements/dots_hor_1px.gif);
  background-repeat:repeat-x;
  background-position:left bottom;
  list-style-type:none;
}

div#news_year_index ul li {
  float:left;
  margin:0px 10px 3px 0px;
  padding:0 10px 0 0;
  background-image:url(/i/elements/dots_ver_1px.gif);
  background-repeat:repeat-y;
  background-position:right top;
}

ul#news_message_index {
  clear:both;
  float:left;
  width:100%;
  margin:20px 0 0 0;
  list-style-type:none;
}

ul#news_message_index li {
  float:left;
  width:100%;
  padding:0 0 2px 0;
}

ul#news_message_index li div {
  float:left;
  width:50px;
}

/**************************************/
/* Sitemap                            */
/**************************************/

ul#sitemap {
  list-style:none;
  background-image:url(/i/elements/sitemap/bg_ul.gif);
  background-repeat:repeat-y;
  background-position:left top;
  margin:4px 0 0 16px;
  padding:0 0 0 3px;
}

ul#sitemap li {
  background-image:url(/i/elements/sitemap/bg_li.gif);
  background-repeat:no-repeat;
  background-position:left top;
  margin:0 0 0 0;
  padding:0 0 0 20px;
}

ul#sitemap li a, a.home {
  font-weight:bold;
  text-transform:uppercase;
  text-decoration:none;
}

ul#sitemap li ul {
  list-style:none;
  background-image:url(/i/elements/sitemap/bg_ul.gif);
  background-repeat:repeat-y;
  background-position:left top;
  margin:4px 0 20px 16px;
  padding:0 0 0 3px;
}

ul#sitemap li ul li {
  background-image:url(/i/elements/sitemap/bg_li.gif);
  background-repeat:no-repeat;
  background-position:left top;
  margin:0 0 0 0;
  padding:0 0 0 20px;
}

ul#sitemap li.li_last {
  background-image:url(/i/elements/sitemap/bg_li_last.gif);
}

ul#sitemap li ul li a {
  font-weight:normal;
  text-transform:none;
  text-decoration:none;
}

/**************************************/
/* Search                             */
/**************************************/

div.tbl_search_bg {
  clear:both;
  width:777px;
  margin-top: 20px;
  background-image: url(/i/elements/dots_ver_1px.gif);
  background-position:0% 0%;
  background-repeat: repeat;
	line-height:14px;
  }

table.tbl_search {
  width:775px;
  margin-left:1px;
  margin-right:1px;
  border-width:0px;
  border-spacing: 0px;
  border-style: solid;
  border-color: red;
  border-collapse: collapse;
  }

table.tbl_search td {
  background-color:#ffffff;
  text-align:left;
  vertical-align: top;
  padding-left:8px;
  padding-right:8px;
  background-image: url(/i/elements/dots_ver_1px.gif);
  background-position:0% 100%;
  background-repeat: repeat-y;
  }

table.tbl_search td#cell_nr1 { width:100px; }
table.tbl_search td#cell_nr2 { width:200px; }
table.tbl_search td#cell_nr3 {  }

table.tbl_search tr.tbl_search_row_dots td {
  height:1px;
  background-image: url(/i/elements/dots_hor_1px.gif);
  background-image: url(/i/elements/bg_h1.gif);
  background-position:0% 0%;
  background-repeat: repeat-x;
  padding:0px;
  }

table.tbl_search td.tbl_search_header {
  background-color:#D3E7DA;
  height:19px;
  text-align:left;
  vertical-align: middle;
  font-weight: bold;
  font-size: 12px;
  background-image: url(/i/i.gif);
  }

table.tbl_search tr.tbl_search_row_empty td {
  height:2px;
  padding:0px;
  background-color:#ffffff;
  background-image: url(/i/i.gif);
  }

table.tbl_search tr.tbl_search_row_1 td {
  background-color:#F1F7F3;
  height:19px;
  vertical-align: top;
  padding-top: 6px;
  padding-bottom: 8px;
  font-weight: bold;
  }

table.tbl_search tr.tbl_search_row_1 td.tbl_search_row_1_cell_1 {
  background-image: url(/i/i.gif);
  padding-top: 9px;
  }

table.tbl_search tr.tbl_search_row_1 td.tbl_search_row_1_cell_1_error {
  background-image: url(/i/i.gif);
  color:#cc0000;
  padding-top: 9px;
  }

table.tbl_search tr.tbl_search_row_1 td.tbl_searchparts {
  padding-top: 4px;
  }





table.tbl_search tr.tbl_search_row_1 td.#nr {
  padding-top: 4px;
  padding-bottom: 1px;
  }

table.tbl_search tr.tbl_search_row_1 td.#page {
  padding-top: 4px;
  padding-bottom: 1px;
  }


table.tbl_search tr.tbl_search_row_1 td.tbl_searchresult_nr {
  padding-top: 4px;
  background-image: url(/i/i.gif);
  background-color:#ffffff;
  }

table.tbl_search tr.tbl_search_row_1 td.tbl_searchresult_page {
  padding-top: 4px;
  background-color:#ffffff;
  }

table.tbl_search tr.tbl_search_row_1 td.tbl_searchresult_page div.intro {
  margin-top: 2px;
  font-weight: normal;
  }

table.tbl_search tr.tbl_search_row_1 td.tbl_searchresult_pagenrs {
  padding-top: 8px;
  padding-bottom: 6px;
  background-image: url(/i/i.gif);
  background-color:#ffffff;
  font-weight: normal;
  }


table.tbl_search tr.tbl_search_row_1 td.tbl_searchresult_pagenrs div.thispage {
  float:left;
  }

table.tbl_search tr.tbl_search_row_1 td.tbl_searchresult_pagenrs div.pages {
  float:right;
  }



table.tbl_search td a:link    { color:#70927A; text-decoration:underline; }
table.tbl_search td a:active  { color:#70927A; text-decoration:underline; }
table.tbl_search td a:visited { color:#70927A; text-decoration:underline; }
table.tbl_search td a:hover   { color:#40684C; text-decoration:underline; }


table.tbl_search td.tbl_search_footer {
  background-color:#F1F7F3;
  height:8px;
  background-image: url(/i/i.gif);
  }



.btn_search {
  width:100px;
  }


/**************************************/
/* Forms                              */
/**************************************/

table.tblfrm {
  clear:both;
  border:0px;
	line-height:14px;
  }

td.frm_header       { padding:3px 20px 20px 1px; }
td.frm_spacer       { height:3px; }
td.frm_label        { vertical-align:top; padding:3px 20px 1px 1px; }
td.frm_label_120px  { padding:3px 0px 1px 1px; width:120px; }
td.frm_element      { vertical-align:top; }
td.frm_comment      { font-weight:bold; font-size: 12px; padding:6px 20px 6px 1px; }
td.frm_btnholder    { vertical-align:top; text-align:right; }



input.frmTxt {
  font-size: 11px;
  padding-left:2px;
  border:1px #B4CFBC solid;
  }

textarea.frmTxt {
  font-family: arial, sans-serif;
  font-size: 11px;
  padding-left:2px;
  border:1px #B4CFBC solid;
  }

input.clsradio {
  margin-left:-5px;
  }

.frmSelect {
  font-size:11px;
  }

.formdropdown {
  font-size:11px;
  }

span.comment_extra {
  font-size:11px;
  font-weight:normal;
  }



/**************************************/
/* Dynamic Forms                      */
/**************************************/

  img.img_120px             { width:120px; height:1px; }
  td.frm_label_fullwidth    { vertical-align:top; padding:3px 0px 2px 1px;}
  td.frm_label_fullwidth_ta { vertical-align:top; padding:3px 0px 0px 1px;}
  td.frm_element_fullwidth  { vertical-align:top; }

  td.frm_label_dynform      { font-weight:bold; }
  td.frm_comment_sub        { font-weight:bold; font-style:italic; font-size:13px; padding:16px 20px 6px 1px; }

  td.frm_label_expl         { padding:4px 0px 6px 1px; color:#77a986; }

  div.dynform_form {
    width:500px;
    float:left;
    margin:0px 50px 0px 0px;
  }

  p.dynform_form_intro span {
    font-size:11px;
    color:#97bfa3;
    margin:0px 4px 0px 3px;
  }

  span.field_error {
    color:#cc0000;
  }

  div.dynform_form td.frm_comment {
    font-weight:bold;
    font-size:14px;
    padding:6px 20px 6px 1px;
  }

  div.dynform_form td.frm_label_fullwidth {
    font-size:12px;
  }

  div.dynform_form td.frm_label_fullwidth_ta {
    font-size:12px;
  }

  table.tbl_radio {
    border-width:0px;
    border-spacing:0px;
    border-style:solid;
    border-color:red;
    border-collapse:collapse;
    margin:0px 0px 26px 0px;
    }

  table.tbl_radio td.radio_el {
    vertical-align:top;
    }

  table.tbl_radio td.radio_lbl {
    vertical-align:top;
    padding:4px 8px 0px 1px;
    }


  div.dynform_steps {
    width:200px;
    float:left;
    margin:-70px 0px 0px 0px;
    background-image: url(/i/elements/blocks/block_side_dots_172px.gif);
    background-repeat:repeat-y;
  }

  div.dynform_steps_inner {
    float:left;
    margin:0px 8px 8px 10px;
  }

  div.dynform_steps_header {
    float:left;
    width:200px;
    height:107px;
    font-size:12px;
    font-weight:bold;
    margin:0px 0px 4px 0px;
  }

  div.dynform_steps_footer {
    float:left;
    width:172px;
    height:9px;
  }

  div.dynform_steps_step {
    clear:both;
    float:left;
    width:170px;
    color:#dddddd;
    padding:1px 1px 1px 14px;
    background-image:url(/i/symbols/checkmark.gif);
    background-position:0% 0%;
    background-repeat:no-repeat;
  }

  div.dynform_steps_step_former {
    color:#70927a;
    cursor:pointer;
    background-image:url(/i/symbols/checkmark_checked.gif);
    background-position:0% 0%;
    background-repeat:no-repeat;
  }

  div.dynform_steps_step_current {
    color:#2e3931;
    background-image:url(/i/symbols/checkmark_current.gif);
    background-position:0% 0%;
    background-repeat:no-repeat;
  }

  div.dynform_steps_step span {
    color:#ffffff;
    color:#b9d1c0;
    margin:0px 4px 0px 0px;
  }

  div.dynform_steps_step div {
  }

  div.dynform_steps_step_current span {
    color:#2e3931;
  }


  div.formsteppanel {
    clear:both;
    float:left;
    margin:0px 1px 8px 1px;
    display:none;
  }

  div.formsteppanel_current {
    display:block;
  }


  .dynform_btn {
    width:120px;
    margin:20px 5px 0px 0px;
    padding:1px 5px 0px 5px;
  }

  p.dynform_footer {
    clear:both;
    margin:30px 0px 0px 0px;
  }

  div.logo_cbe_holder {
    width:250px;
    float:left;
    margin:0px 0px 20px 0px;
  }

  div.logo_cbe_holder div {
    width:150px;
    float:left;
    margin:8px 0px 20px 4px;
  }

  img.logo_cbe {
    float:left;
    width:50px;
    height:45px;
    margin:4px 10px 10px 0px;
  }


  div.dynform_result_header {
    clear:both;
    float:left;
    margin:4px 0px 8px 0px;
    font-weight:bold;
    font-size:14px;
    line-height:18px;
  }

  div.dynform_result_subheader {
    clear:both;
    float:left;
    margin:4px 0px 8px 0px;
    font-size:11px;
    line-height:13px;
    font-weight:bold;
    font-style:italic;
  }

  div.dynform_result_answer {
    clear:both;
    display:block;
    width:500px;
    min-height:14px;
    overflow:hidden;
    font-weight:bold;
    margin:2px 0px 2px 0px;
    padding:0px 0px 4px 0px;
    border-bottom:1px solid #eeeeee;
  }

  div.dynform_result_answer_lbl {
    border-bottom:1px solid #ffffff;
  }

  div.dynform_result_answer_question {
    clear:both;
    display:inline;
    float:left;
    width:300px;
    margin:0px 0px 0px 0px;
    font-weight:bold;
  }

  div.dynform_result_answer_answer {
    display:inline;
    float:left;
    width:170px;
    margin:0px 0px 0px 20px;
    font-weight:normal;
    color:#77a986;
  }