/*
File:			custom.css
Description:	Custom styles for Your Theme

HOW TO USE THIS FILE:

Override any class you want and it will change default styling to suit your needs.

    1. Open style.css file and find any clasess you want to override
	2. Copy classes to override in this file, make sure you put classes outside
	3. Activate custom.css file in theme admin panel

*/
/* START OVERRIDING / ADDING NEW CLASESS BELOW THIS LINE */

/*---------TOP NAVIGATION for CATEGORIES--------- */
.top-cat-bgr{ background:#FFFFFF; border-top:1px solid #C6C6C6; border-bottom:5px solid #004276; margin:0 0 10px 0 }
#cat-menu{ height:25px; text-align:left; background:#ffffff }
  #cat-manu a{ display:block }
  #cat-menu li{ float:left; font-weight:normal; line-height:25px; padding:7px 0; margin:0 }
    #cat-menu li a{ color:#004276; display:block; padding:0 11px; text-transform:uppercase; font-size: 11px }
	  #cat-manu li a:hover{ background:#004276; text-decoration:underline }
      #cat-menu li a:hover, #cat-menu li.active a{ color:#ffffff; background:#004276 }
  #cat-menu li.category-home a{ border-left:0 }
  #cat-menu li.current-cat a,  #cat-menu li.current-cat-parent a{ background:#004276; color:#ffffff }

/*=== Stepcarousel ===*/
.featslider{ background:#F9F9DC url(images/bgr-box-trans.png) no-repeat top left; margin:0 0 10px 0; padding:10px 0; border:1px solid #BFB7A6 }
  .featslider h3{ margin:5px 0 10px 0; padding:0 0 5px 0; font:bold 13px Tahoma; color:#444444; border-bottom:1px solid #BFB7A6 }
	  
ul#galleryNav{ width:60px; position:absolute; top:0; right:0; z-index:9999 }
  ul#galleryNav li{ list-style:none }
      ul#galleryNav li a span{ display:none; visibility:hidden }
    ul#galleryNav li#left a, ul#galleryNav li#right a{ background:url(images/bt-left-right.gif) no-repeat; width:20px; height:20px; position:absolute; top:0; left:5px }
    ul#galleryNav li#right a{ background-position:-22px 0; top:0; left:30px }

.stepcarousel{ position: relative !important; overflow: scroll; height:200px; }
  .stepcarousel .belt{ position: absolute !important; left: 0; top: 0 }
  .stepcarousel .panel{ float: left !important; overflow: hidden !important; margin: 0px 18px 15px 3px; width: 140px}

.slider-post{ line-height:24px }
  .slider-post .slider-cat{ padding:5px 0 }
    .slider-post .slider-cat a{ font:normal 11px Tahoma }
  .slider-post .slider-title{ padding:7px 0 0 0 }
    .slider-post .slider-title a{ color:#004276; font:bold 12px Arial }