/*
    Developed by anthonyvscode.com
    This solution is to be used in the dotless implemention of less css: http://www.dotlesscss.org/
*/
/*Border Radius Functions*/
/*Shadows*/
/*Transformations*/
#banner_nav {
  position: absolute;
  top: 0px;
  z-index: 1000;
  margin: 5px 5px 0 0;
  display: none;
}
#banner_nav a {
  position: relative;
  display: block;
  margin: 0px 0px 0px 5px;
  float: left;
  height: 10px;
  width: 10px;
  padding: 1px 4px 9px 6px;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  background: transparent url('/Home/RGBA?R=0&G=0&B=0&A=30') repeat;
  background: rgba(0, 0, 0, 0.3);
  z-index: 100;
}
#banner_nav a, #banner_nav a:visited {
  font-size: 13px;
  color: #3c3c3c;
  font-weight: bold;
  text-decoration: none;
  font-family: Arial;
}
#banner_nav a:hover {
  background: transparent url('/Home/RGBA?R=0&G=0&B=0&A=60') repeat;
  background: rgba(0, 0, 0, 0.6);
  color: Black !important;
}
.activeSlide {
  background: transparent url('/Home/RGBA?R=0&G=0&B=0&A=60') repeat !important;
  background: rgba(0, 0, 0, 0.6) !important;
}
.BannerArea li {
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
  overflow: hidden;
}