/**
* Interakting Slider
*
* NOTICE OF LICENSE
*
* This source file is subject to the Open Software License (OSL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/osl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@magentocommerce.com and you will be sent a copy immediately.
*
* @category   BusinessDecision
* @package    BusinessDecision_Interaktingslider
* @author     Business & Decision Picardie - contactmagento-fr@interakting.com
* @copyright  Copyright (c) 2010 Business & Decision (http://www.businessdecision.com)
* @license    http://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
*/  

#frame {
    text-align: left;
    position: relative;
    border: 1px solid;
    border-color: #000;
    width:100%;
    height: 315px;
}



#middle-center {
    margin-top: 0px;
    margin-left: 0px;
    height: 315px;
    width: 100%;
    overflow: hidden;
}

#top-center{
	position:absolute;
	z-index:2;
	width: 100%;
	height: 30px;
	background:url(images/interakting-bg-top.png);
	background-repeat: repeat-x;

}

.slide {
    position: absolute;
    text-align: left;
    width: 100%;
    height: 315px;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
    color: #2f2f2f;
    font: 12px / 1.55em arial, helvetica, sans-serif;
}

#bottom-center {
    margin-bottom: 5px;
    margin-left: 0px;
    width: 0px;
    height: 0px;
}

#slide-content {
    z-index: 1;
}

#slide-commands {
    position: absolute;
    padding : 5px 0;
    left: 0;
	bottom : 0;
    text-align: center;
    width: 100%;
    z-index: 1000;
	background : url(images/interakting-bg-cmd.png) repeat-x;
}

#slide-commands a {
    background: url(images/interakting-pgn-6.png) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

#slide-commands a span {
    display: none;
}

#prev.normal {
    background-position: 0px 0px;
    height: 18px;
    width: 18px;
}

#prev:hover {
    background-position: 0 -21px;
}

#button0.normal,
#button1.normal,
#button2.normal,
#button3.normal,
#button4.normal,
#button5.normal,
#button6.normal,
#button7.normal,
#button8.normal,
#button9.normal,
#button10.normal,
#button11.normal,
#button12.normal,
#button13.normal,
#button14.normal,
#button15.normal,
#button16.normal,
#button17.normal,
#button18.normal,
#button19.normal,
#button20.normal
{
    background-position: -25px 0;
}

#button0:hover, #button0.active,
#button1:hover, #button1.active,
#button2:hover, #button2.active,
#button3:hover, #button3.active,
#button4:hover, #button4.active,
#button5:hover, #button5.active,
#button6:hover, #button6.active,
#button7:hover, #button7.active,
#button8:hover, #button8.active,
#button9:hover, #button9.active,
#button10:hover, #button10.active,
#button11:hover, #button11.active,
#button12:hover, #button12.active,
#button13:hover, #button13.active,
#button14:hover, #button14.active,
#button15:hover, #button15.active,
#button16:hover, #button16.active,
#button17:hover, #button17.active,
#button18:hover, #button18.active,
#button19:hover, #button19.active,
#button20:hover, #button20.active
{
    background-position: -25px -20px;
}

#next.normal {
    background-position: -47px 0;
    height: 18px;
    width: 18px;
}

#next:hover {
    background-position: -47px -21px;
}