/*---------------------------------------------------------
# BT Smartbiz - Joomla! Template
# ---------------------------------------------------------
# For Joomla! 3.0
# Copyright (C) 2007-2013 BonusThemes.com. All rights reserved.
# License: GNU/GPLv3, http://www.gnu.org/licenses/gpl-3.0.html
# Demo: http://www.bonusthemes.com/demo/?template=smartbiz
# Website: http://www.bonusthemes.com
# Support: support@bonusthemes.com
----------------------------------------------------------- */

/* ---------- Sliders & jQuery Effects ---------- */

/* ---------- jQuery Nivo Slider (http://nivo.dev7studios.com) ---------- */

/* --- The Nivo Slider styles --- */
.nivoSlider { 
     width: 100%;
     height: auto;
     overflow: hidden;
     position: relative;
}
.nivoSlider img { 
     max-width: none;
     position: absolute;
     top: 0px;
     left: 0px;
}
.nivo-main-image { 
     width: 100% !important;
     display: block !important;
     position: relative !important;
}

/* --- If an image is wrapped in a link --- */
.nivoSlider a.nivo-imageLink { 
     opacity: 0.0;
     width: 100%;
     height: 100%;
     display: none;
     z-index: 6;
     position: absolute;
     top: 0px;
     left: 0px;
     border-style: none none none none;
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
}

/* --- The slices and boxes in the Slider --- */
.nivo-slice { 
     height: 100%;
     display: block;
     z-index: 5;
     position: absolute;
     top: 0px;
}
.nivo-box { 
     display: block;
     overflow: hidden;
     z-index: 5;
     position: absolute;
}
.nivo-box img { 
     display: block;
}

/* --- Caption styles --- */
.nivo-caption { 
     opacity: 0.8;
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     width: 100%;
     display: none;
     overflow: hidden;
     z-index: 8;
     position: absolute;
     bottom: 0px;
     left: 0px;
     padding: 5px 10px 5px 10px;
}
.nivo-caption p { 
     margin: 0px 0px 0px 0px;
     padding: 5px 5px 5px 5px;
}
.nivo-caption a { 
     display: inline !important;
}
.nivo-html-caption { 
     display: none;
}

/* --- Direction nav styles (e.g. Next & Prev) --- */
.nivo-directionNav a { 
     cursor: pointer;
     z-index: 9;
     position: absolute;
     top: 45%;
}
.nivo-prevNav { 
     left: 0px;
}
.nivo-nextNav { 
     right: 0px;
}

/* --- Control nav styles (e.g. 1,2,3...) --- */
.nivo-controlNav { 
     text-align: center;
     padding: 15px 0px 15px 0px;
}
.nivo-controlNav a { 
     cursor: pointer;
}
.nivo-controlNav a.active { 
     font-weight: bold;
}

/* --- Nivo Slider Default Theme --- */
.theme-default { }
.theme-default .nivoSlider { 
     background-position: 50% 50%;
     background-repeat: no-repeat;
     margin-bottom: 0px;
     position: relative;
}
.theme-default .nivoSlider img { 
     display: none;
     position: absolute;
     top: 0px;
     left: 0px;
}
.theme-default .nivoSlider a { 
     display: block;
     border-style: none none none none;
}
.theme-default .nivo-controlNav { 
     text-align: center;
     padding: 20px 0px 20px 0px;
}
.theme-default .nivo-controlNav a { 
     text-indent: -999em;
     background-repeat: no-repeat;
     width: 22px;
     height: 22px;
     display: inline-block;
     border-style: none none none none;
     margin: 0px 2px 0px 2px;
}
.theme-default .nivo-controlNav a.active, .theme-default .nivo-controlNav a:hover { 
     background-position: 0 -22px;
}
.theme-default .nivo-directionNav a { 
     text-indent: -999em;
     background-repeat: no-repeat;
     transition: all 200ms ease-in-out;
     -webkit-transition: all 200ms ease-in-out;
     -moz-transition: all 200ms ease-in-out;
     -o-transition: all 200ms ease-in-out;
     opacity: 0.0;
     width: 30px;
     height: 30px;
     display: block;
     border-style: none none none none;
}
.theme-default:hover .nivo-directionNav a { 
     opacity: 1;
}
.theme-default a.nivo-nextNav { 
     background-position: -30px 0;
     right: 15px;
}
.theme-default a.nivo-prevNav { 
     left: 15px;
}
.theme-default .nivo-caption { }
.theme-default .nivo-caption a { 
     border-bottom-width: 1px;
     border-bottom-style: dotted;
}
.theme-default .nivo-caption a:hover { }
.theme-default .nivo-controlNav.nivo-thumbs-enabled { 
     width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a { 
     margin-bottom: 5px;
     width: auto;
     height: auto;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img { 
     width: 120px;
     height: auto;
     display: block;
}

/* ---------- Scrollable Slider (based on: http://jquerytools.org/demos/scrollable/index.html) ---------- */
.bt_scrollable_slider_outer table { }
.bt_scrollable_slider_outer table tr, .bt_scrollable_slider_outer table td { 
     vertical-align: middle;
     border-style: none none none none!important;
}
.bt_scrollable_slider_outer .clearfix { 
     clear: both;
}
/* prev, next, prevPage and nextPage buttons */ { }
.bt_scrollable_slider_outer a.bt_browse { 
     font-size: 1px;
     cursor: pointer;
     background-repeat: no-repeat;
     width: 24px;
     height: 47px;
     display: block;
     float: left;
     margin: 0px 15px 0px 15px;
}

/* --- right --- */
.bt_scrollable_slider_outer a.bt_right { 
     background-position: 0 -48px;
     margin-right: 0px;
     clear: right;
}
.bt_scrollable_slider_outer a.bt_right:hover { 
     background-position: -24px -48px;
}
.bt_scrollable_slider_outer a.bt_right:active { 
     background-position: -48px -48px;
}

/* --- left --- */
.bt_scrollable_slider_outer a.bt_left { 
     margin-left: 0px;
}
.bt_scrollable_slider_outer a.bt_left:hover { 
     background-position: -24px 0;
}
.bt_scrollable_slider_outer a.bt_left:active { 
     background-position: -48px 0;
}

/* --- disabled navigational button --- */
.bt_scrollable_slider_outer a.disabled { }

/* --- scrollable --- */
.bt_scrollable_slider_outer .scrollable { 
     float: left;
     overflow: hidden;
     position: relative;
}
.bt_scrollable_slider_outer .scrollable .bt_items { 
     width: 20000em;
     clear: both;
     position: absolute;
}
.bt_scrollable_slider_outer .scrollable .bt_items div { 
     float: left;
}
.bt_scrollable_slider_outer .scrollable .bt_items div.bt_item_image { 
     float: none !important;
}
.bt_scrollable_slider_outer .scrollable .bt_item { 
     margin-right: 5px;
     padding-right: 5px;
     float: left;
}
.bt_scrollable_slider_outer .scrollable .bt_item_inner { 
     padding: 0px 0px 0px 0px;
}
.bt_scrollable_slider_outer .scrollable .bt_item_image { 
     float: none;
     margin: 0px auto 0px auto;
}
.bt_scrollable_slider_outer .scrollable .bt_item_image img { 
     float: left;
}
