/**
* @file
* @brief    boxplus carousel/rotator stylesheet
* @author   Levente Hunyadi
* @version  1.4.2
* @remarks  Copyright (C) 2009-2010 Levente Hunyadi
* @remarks  Licensed under GNU/GPLv3, see http://www.gnu.org/licenses/gpl-3.0.html
* @see      http://hunyadi.info.hu/projects/boxplus
*/
/* carousel/rotator viewport */
.boxplus-carousel .boxplus-viewport {
    margin: 0 !important;
    border: 0 none transparent !important;
    padding: 0 !important;
    position: relative !important;
    overflow: hidden !important
    }
div.boxplus-carousel.boxplus-disabled {
    visibility: hidden !important
    }
/* blurred viewport edges */
.boxplus-viewport > div.boxplus-edge {
    position: absolute;
    background: transparent none no-repeat scroll 0 0
    }
.boxplus-viewport > div.boxplus-edge.boxplus-horizontal {
    width: 57px
    }
.boxplus-viewport > div.boxplus-edge.boxplus-vertical {
    height: 57px
    }
.boxplus-carousel .boxplus-viewport > div.boxplus-edge.boxplus-start.boxplus-horizontal {
    left: -1px !important;
    /* IE fix */
    /* color values updated in script, do not change */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=1,startColorstr=#ff000000,endColorstr=#00000000)";
    background: -moz-linear-gradient(left, #000, transparent);
    background: -webkit-gradient(linear, left top, right top, from(#000), to(transparent))
    }
.boxplus-carousel .boxplus-viewport > div.boxplus-edge.boxplus-end.boxplus-horizontal {
    right: -1px !important;
    /* IE fix */
    /* color values updated in script, do not change */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=1,startColorstr=#00000000,endColorstr=#ff000000)";
    background: -moz-linear-gradient(left, transparent, #000);
    background: -webkit-gradient(linear, left top, right top, from(transparent), to(#000))
    }
.boxplus-carousel .boxplus-viewport > div.boxplus-edge.boxplus-start.boxplus-vertical {
    top: -1px !important;
    /* IE fix */
    /* color values updated in script, do not change */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff000000,endColorstr=#00000000)";
    background: -moz-linear-gradient(top, #000, transparent);
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent))
    }
.boxplus-carousel .boxplus-viewport > div.boxplus-edge.boxplus-end.boxplus-vertical {
    bottom: -1px !important;
    /* IE fix */
    /* color values updated in script, do not change */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000,endColorstr=#ff000000)";
    background: -moz-linear-gradient(top, transparent, #000);
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000))
    }
/* slider ribbon */
.boxplus-carousel .boxplus-viewport > ul {
    margin: 0 !important;
    border: 0 none transparent !important;
    padding: 0 !important;
    display: block !important;
    position: absolute !important;
    list-style-type: none !important;
    list-style-image: none !important;
    text-align: center !important;
    line-height: normal;
    /* override absolute value set by some responsive templates */
    }
/* items on slider ribbon */
.boxplus-carousel .boxplus-viewport > ul > li {
    margin: 0 !important;
    border: 0 none transparent !important;
    padding: 0 !important;
    display: inline-block !important;
    position: relative !important;
    background: transparent none no-repeat scroll 0 0 !important;
    line-height: normal;
    /* override absolute value set by some responsive templates */
    }
.boxplus-carousel .boxplus-viewport > ul > li > img, .boxplus-carousel .boxplus-viewport > ul > li > a > img {
    max-width: none;
    /* override 100% set by some responsive templates */
    }
/* outside navigation */
.boxplus-carousel .boxplus-paging {
    position: relative !important;
    text-align: center !important
    }
.boxplus-carousel .boxplus-paging > div {
    position: absolute !important;
    top: 0 !important
    }
.boxplus-carousel .boxplus-paging > div.boxplus-prev, .boxplus-carousel .boxplus-paging > div.boxplus-next {
    width: 8px !important;
    height: 13px !important
    }
.boxplus-carousel .boxplus-paging > div.boxplus-prev {
    background: url(paging.png) -11px 0 !important;
    left: 0 !important
    }
.boxplus-carousel .boxplus-paging > div.boxplus-next {
    background: url(paging.png) -19px 0 !important;
    right: 0 !important
    }
.boxplus-carousel .boxplus-paging > div.boxplus-prev:hover {
    background-position: -11px -14px !important
    }
.boxplus-carousel .boxplus-paging > div.boxplus-next:hover {
    background-position: -19px -14px !important
    }