/************************************************************************
* Footer styling
*
* All the site's footer global styling for all used elements goes here.
*
*/

div#footer {
  position: absolute;
  bottom: 100px;
  height: 100px;
  width: 100%;
}

div#footer_container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 200;
}

div#footer_fade-in {
  position: absolute;
  top: 0;
  left: 70px;
  width: 57px;
  height: 72px;
  background: transparent url(../../../images/themes/classic/layout/elements/navigation/footer/navigation_footer-border_left.png) 0 0 no-repeat;
}

div#footer_main {
  position: absolute;
  top: 0;
  left: 127px;
  right: 127px;
  height: 72px;
  background: transparent url(../../../images/themes/classic/layout/elements/navigation/footer/navigation_footer-border_tile.png) 0 0 repeat-x;
}

div#footer_fade-out {
  position: absolute;
  top: 0;
  right: 70px;
  width: 57px;
  height: 72px;
  background: transparent url(../../../images/themes/classic/layout/elements/navigation/footer/navigation_footer-border_right.png) 0 0 no-repeat;
}

div#footer_main_veil {
  border: 1px solid transparent;
  margin: 0 auto;
  width: 610px;
  height: 72px;
}

div#footer div .breadcrumb {
  display: block;
  width: 120px;
  height: 30px;
  padding: 5px 0 0 0;
}

div#footer div .breadcrumb span.image_replacement {
  display: block;
  width: 120px;
  height: 30px;
}

div#footer div#breadcrumb_root,
div#footer div#breadcrumb_branch-level_1,
div#footer div#breadcrumb_branch-level_2,
div#footer div#breadcrumb_branch-level_3,
div#footer div#breadcrumb_branch-level_4 {
  float: left;
  margin: 0 0 0 0;
  height: 60px;
}

div#footer div#breadcrumb_root p,
div#footer div#breadcrumb_branch-level_1 p,
div#footer div#breadcrumb_branch-level_2 p,
div#footer div#breadcrumb_branch-level_3 p,
div#footer div#breadcrumb_branch-level_4 p,
div#footer div#breadcrumb_root a, 
div#footer div#breadcrumb_branch-level_1 a,
div#footer div#breadcrumb_branch-level_2 a,
div#footer div#breadcrumb_branch-level_3 a,
div#footer div#breadcrumb_branch-level_4 a {
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  height: 30px;
  margin: 0;
  color: #ffffff;
  background: transparent url(../../../images/themes/classic/layout/elements/navigation/footer/button_rollover-inverse.png) 0 0 no-repeat;
}

div#footer div#breadcrumb_root a:hover,
div#footer div#breadcrumb_branch-level_1 a:hover,
div#footer div#breadcrumb_branch-level_2 a:hover,
div#footer div#breadcrumb_branch-level_3 a:hover,
div#footer div#breadcrumb_branch-level_4 a:hover {
  background: transparent url(../../../images/themes/classic/layout/elements/navigation/footer/button_rollover-inverse.png) 50% -109px no-repeat;
}

div#footer div#breadcrumb_root a:active,
div#footer div#breadcrumb_branch-level_1 a:active,
div#footer div#breadcrumb_branch-level_2 a:active,
div#footer div#breadcrumb_branch-level_3 a:active,
div#footer div#breadcrumb_branch-level_4 a:active {
  background: transparent url(../../../images/themes/classic/layout/elements/navigation/footer/button_rollover-inverse.png) 50% -180px no-repeat;
}

div#footer div#footer_site_map {
  position: absolute;
  top: 30px;
  height: 38px;
  padding-top: 4px;
}

div#footer div#footer_site_map ul {
  text-align: center;
  float: left;
  width: 120px;
  list-style-type: none;
  padding: 1px 0;
}

div#footer div#footer_site_map ul li {
  margin: 0;
}

div#footer div#footer_site_map ul li a {
  border-bottom: 1px solid transparent;
  text-decoration: none;
  font-size: 0.8em;
  display: block;
  color: #ffffff;
}

div#footer div#footer_site_map ul li a:hover {
  border-bottom: 1px solid red;
}

div#footer div#footer_site_map ul li a:active {
  border-bottom: 1px solid white;
}

div#footer div#footer_site_map ul li a img {
  display: block;
  margin: 0px auto;
}

/* Footer contact details section */

div#footer_contact_details {
  position: absolute;
  top: 72px;
  width: 610px;
  height: 26px;
  margin: 0 auto;
}

div#footer_contact_details ul {
  width: 504px;
  list-style-type: none;
  margin: 6px 55px 0 55px;
}

div#footer_contact_details ul li {
  float: left;
  margin: 0;
  height: 18px;
}

/* Placement of contact details icons */
div#footer_contact_details ul li#contact_footer-email {
  background: transparent url(../../../images/themes/classic/layout/elements/icons/email-16x16.png) 8px 0 no-repeat;
}

div#footer_contact_details ul li#contact_footer-telephone {
  background: transparent url(../../../images/themes/classic/layout/elements/icons/telephone-16x16.png) 8px 0 no-repeat;
}

div#footer_contact_details ul li#contact_footer-facebook {
  margin: 0 155px 0;
  background: transparent url(../../../images/themes/classic/layout/elements/icons/facebook-16x16.png) 8px 0 no-repeat;
}
/* End of contact details icon placement */

div#footer_contact_details ul li a {
  display: block;
  width: 250px;
  text-indent: -5000px;
  text-decoration: none;
  font-size: 0.8em;
  color: #ffffff;
}

/* Contact details image replacement */
div#footer_contact_details ul li a#contact_details-email {
  background: transparent url(../../../images/themes/classic/layout/elements/navigation/footer/contact_details-email.png) 0 0 no-repeat;
}

div#footer_contact_details ul li a#contact_details-telephone {
  background: transparent url(../../../images/themes/classic/layout/elements/navigation/footer/contact_details-telephone.png) 0 0 no-repeat;
}

div#footer_contact_details ul li a#contact_details-facebook {
  background: transparent url(../../../images/themes/classic/layout/elements/navigation/footer/contact_details-facebook.png) 0 0 no-repeat;
}
/* End of contact details image replacement */

div#footer_contact_details ul li a:hover {
  border-bottom: 1px solid red;
}

div#footer_contact_details ul li a:active {
  border-bottom: 1px solid white;
}
/* End of footer contact details section */