/**
 * Pronto Marketing Theme 002 -- Navigation Widget CSS
 *
 * One collection of styles for each container a widget can reside in:
 * - footer bar
 */

/**
 * FOOTER 
 * div#footer_container div.footerwidget div.footerwidgetinside
 */

div#footer_container div.footerwidget div.footerwidgetinside div.navigation{
/**  width: 300px;*/
  padding-bottom: 10px;
  margin-left: 20px;
  margin-bottom: 10px;
}

div#footer_container div.footerwidget div.footerwidgetinside div.navigation h3{
  /**margin-left: 20px;*/
}

div#footer_container div.footerwidget div.footerwidgetinside div.navigation div.text{
  margin-top: 10px;
}

div#footer_container div.footerwidget div.footerwidgetinside div.navigation div.text ul{
  position: relative;
  width: auto;
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}

div#footer_container div.footerwidget div.footerwidgetinside div.navigation div.text ul li{
  position: relative;
}

div#footer_container div.footerwidget div.footerwidgetinside div.navigation div.text ul li a{
  position: relative;
  display: block;
  background: url("../../img/bullets/arrow_small.png") no-repeat;
  background-position: center left;
  padding-left: 14px;
  color: #505050;
  padding-bottom:4px;
  font-size:11px;
}

div#footer_container div.footerwidget div.footerwidgetinside div.navigation div.text ul li a:hover{
  position: relative;
  display: block;
  background: url("../../img/bullets/arrow_small_on.png") no-repeat;
  background-position: center left;
  padding-left: 14px;
  color: #198cb7;
  padding-bottom:4px;
  font-size:11px;
}

div#footer_container div.footerwidget div.footerwidgetinside ul li a{
  text-decoration: none;
}

div#footer_container div.footerwidget div.footerwidgetinside ul li a:hover{
  text-decoration: underline;
}


/*              home tout            */

div#touts_container div.tout div.toutinside div.navigation div.text ul li{
}

div#touts_container div.tout div.toutinside div.navigation div.text ul li a{
  padding-left:15px;
  background: url("../../img/bullets/arrow_small.png") no-repeat 0 5px;
  color:#505050;
}

div#touts_container div.tout div.toutinside div.navigation div.text ul li a:hover{
  color:#198cb7;	
  background: url("../../img/bullets/arrow_small_on.png") no-repeat 0 5px;
}