.buttonArea{
    float: left;
    left: 50%;
    position: relative;
    top: 100%;
	margin-top: -42px;
}
.buttonCon{
    float: left;
    left: -50%;
    position: relative;
}
.buttonCon .theButton {
	display: block;
	color: #B22222;
	width: 20px;
	height: 20px;
	background: url(../images/banner/assets/circlebutton.png) no-repeat;
	text-indent: -9999px;
	border: 0;
	margin-right: 3px;
	float: left;
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
}
.buttonArea a.active {
	background-position: 0 -20px;
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
}
.arrowButton{
	cursor: pointer;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .buttonCon .theButton {
        background-image: url(../images/banner/assets/circlebutton@2x.png);
        background-size: 20px 40px;
    }
    .buttonArea a.active {
        background-position: 0 -20px;
    }
}
.arrowButton .prevArrow{
	background: url(../images/banner/assets/prev.png) no-repeat;
	width: 40px;
	height: 80px;
	position: absolute;
	top: 170px;
	left: 12px;
}
.arrowButton .nextArrow{
	background: url(../images/banner/assets/next.png) no-repeat;
	width: 40px;
	height: 80px;
	position: absolute;
	top: 170px;
	right: 12px;
}

.animate0, .animate1, .animate2, .animate3, .animate4, .animate5, .animate6, .animate7, .animate8, .animate9{
    -webkit-animation-duration: .6s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .6s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .6s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: .6s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}

.animate0{
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-ms-animation-delay: 0s;
	animation-delay: 0s;
}

.animate1{
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    animation-delay: .2s;
}

.animate2{
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    -ms-animation-delay: .4s;
    animation-delay: .4s;
}

.animate3{
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    animation-delay: .6s;
}

.animate4{
    -webkit-animation-delay: .8s;
    -moz-animation-delay: .8s;
    -ms-animation-delay: .8s;
    animation-delay: .8s;
}

.animate5{
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -ms-animation-delay: 1s;
    animation-delay: 1s;
}
.animate6{
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    -ms-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
.animate7{
    -webkit-animation-delay: 1.4s;
    -moz-animation-delay: .1.4s;
    -ms-animation-delay: 1.4s;
    animation-delay: 1.4s;
}
.animate8{
    -webkit-animation-delay: 1.6s;
    -moz-animation-delay: 1.6s;
    -ms-animation-delay: 1.6s;
    animation-delay: 1.6s;
}

.animate9{
    -webkit-animation-delay: 1.8s;
    -moz-animation-delay: 1.8s;
    -ms-animation-delay: 1.8s;
    animation-delay: 1.8s;
}