/**
 * BSS Commerce Co.
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the EULA
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://bsscommerce.com/Bss-Commerce-License.txt
 *
 * =================================================================
 *                 MAGENTO EDITION USAGE NOTICE
 * =================================================================
 * This package designed for Magento COMMUNITY edition
 * BSS Commerce does not guarantee correct work of this extension
 * on any other Magento edition except Magento COMMUNITY edition.
 * BSS Commerce does not provide extension support in case of
 * incorrect edition usage.
 * =================================================================
 *
 * @category   BSS
 * @package    Bss_PreviousNextProduct
 * @author     Extension Team
 * @copyright  Copyright (c) 2015-2016 BSS Commerce Co. ( http://bsscommerce.com )
 * @license    http://bsscommerce.com/Bss-Commerce-License.txt
 */
.bss-previous-next-block{
    display: none;
}
.bss-previous-next-block ul{
    list-style-type: none;
    height: 100%;
    padding: 0;
    margin-bottom: 2.5rem;
}
.bss-previous-next-block #style-1 li{
    text-align: center;
}
.bss-previous-next-block ul li a{
    text-decoration: none;
}
.bss-previous-next-block #style-1 #back{
    float: left;
    position: relative;
}
.bss-previous-next-block #style-1 #next{
    position: relative;
    float: right;
}
.bss-previous-next-block #style-1 #next div, .bss-previous-next-block #style-1 #previous div{
    margin-top: 7px;
    background-color: white;
    position:absolute;
    right:0;
    display: none;
    z-index: 100;
}

/*STYLE 2*/
@media all and (min-width: 500px) {

    .bss-previous-next-block #style-1 #next:hover div{
        display: block;
    }

    .bss-previous-next-block #style-1 #previous:hover div{
        display: block;
    }
    .bss-previous-next-block ul li{
        min-width: 50px;
        line-height: 35px;
        border-radius: 3px;
        /*text-align: center;*/
        display: inline-block;
        padding:0 10px;
    }

    .bss-previous-next-block #style-1 #previous{
        margin-right: 20px;
        position: relative;
        float: right;
    }

    .bss-previous-next-block #style-2{
        text-align: center;
    }
    .bss-previous-next-block #style-2 #next{
        float: right;
        position: relative;
    }

    .bss-previous-next-block #style-2 #next:hover div{
        display: block;
    }

    .bss-previous-next-block #style-2 #next div{
        margin-top: 7px;
        background-color: white;
        position:absolute;
        right:0;
        display: none;
        z-index: 100;
    }

    .bss-previous-next-block #style-2 #previous{
        float: left;
        position: relative;
    }

    .bss-previous-next-block #style-2 #previous:hover div{
        display: block;
    }

    .bss-previous-next-block #style-2 #previous div{
        margin-top: 7px;
        background-color: white;
        position:absolute;
        left:0;
        display: none;
        z-index: 100;
    }

    .bss-previous-next-block ul li .btn-direction{
        display: block;
        font-family: sans-serif;
    }

    .bss-previous-next-block #back{
        position: relative;
    }

}

@media all and (max-width: 499px) {

    .bss-previous-next-block #style-1 #next:hover div{
        display: none;
    }

    .bss-previous-next-block #style-1 #previous:hover div{
        display: none;
}

    .bss-previous-next-block ul li{
        width: 100%;
        line-height: 35px;
        border-radius: 3px;
        /*text-align: center;*/
        display: inline-block;
        padding:0 0px;
        margin-bottom: 1rem
    }
    .bss-previous-next-block #style-2{
        text-align: center;
    }
    .bss-previous-next-block #style-2 #next{
        float: right;
    }

    .bss-previous-next-block #style-2 #next:hover div{
        display: none;
    }

    .bss-previous-next-block #style-2 #next div{
        margin-top: 7px;
        background-color: white;
        right:0;
        display: none;
        z-index: 100;
    }

    .bss-previous-next-block #style-2 #previous{
        float: left;
    }

    .bss-previous-next-block #style-2 #previous:hover div{
        display: none;
    }

    .bss-previous-next-block #style-2 #previous div{
        margin-top: 7px;
        background-color: white;
        left:0;
        display: none;
        z-index: 100;
    }
    .bss-previous-next-block #style-1 #previous{
        margin-right: 0px;
        float: right;
    }
    .bss-previous-next-block ul li .btn-direction{
        display: block;
        font-family: sans-serif;
    }

    .bss-previous-next-block #back{
    }

}