/*
 * some globally used classes
 */
.slider .left { float: left !important; }
.slider .right { float: right !important; }

.slider .text-left { text-align: left !important; }
.slider .text-center { text-align: center !important; }
.slider .text-right { text-align: right !important; }

.slider .no-margin { padding-bottom: 0 !important; }
.slider .margin { padding-bottom: 1em !important; }

.slider button, .slider input.radio, .slider input.checkbox, .slider label, .slider select { cursor: pointer; }


.slider { margin: 0; padding: 0; background: #fff; color: #000; font-family: "Arial", "Helvetica", sans-serif;}
.slider img { border: none; vertical-align: bottom; }
.slider a { text-decoration: none; outline: none; cursor: pointer; }
.slider a:hover { text-decoration: underline; }



/**
* slider
**/

.slider h2, .slider h3 { font-size: 1em; }

.slider { overflow: hidden; position: relative; width: 711px; height: 288px; background: transparent url("/images/slider/slider_background.png") no-repeat 0 0; }
.slider ul.content { list-style: none; overflow: hidden; width: 711px; margin: 0; padding: 0; }
.slider ul.content li { float: left; width: 711px; height: 229px; margin: 0; padding: 0; }

.slider ul.navi a:hover { text-decoration: none; }

.slider ul.navi { position: absolute; top: 241px; left: 22px; list-style: none; float: left; height: 29px; margin: 0; padding: 0; background: transparent url("/images/slider/navi_background.png") no-repeat 0 0; font-size: .917em; font-weight: bold; line-height: 1; }
.slider ul.navi li { float: left; height: 29px; margin-right: 1px; }
.slider ul.navi li a { float: left; padding: 10px 12px 8px 12px; background: url("/images/slider/navi_border.png") no-repeat 100% 0; color: #666; }


.slider ul.navi li:hover a, .selected a, .hover { background: transparent url("/images/slider/navi_background.png") no-repeat 50% 100% !important; color: #fff !important; }

.slider ul.navi li.first a { background: transparent url("/images/slider/navi_background.png") no-repeat 0 0; }
.slider ul.navi li.first:hover a, .selected-first a, .hover-first { background: transparent url("/images/slider/navi_background.png") no-repeat 0 100% !important; color: #fff !important; }

.slider ul.navi li.last { margin: 0 !important; }
.slider ul.navi li.last a { background: transparent url("/images/slider/navi_background.png") no-repeat 100% 0; }
.slider ul.navi li.last a:hover, .selected-last a, .hover-last { background: transparent url("/images/slider/navi_background.png") no-repeat 100% 100% !important; color: #fff !important; }



.slider ul.content li h2.percent { display: inline; float: left; width: 206px; height: 91px; margin-top: 82px; margin-left: 63px; padding-bottom: 69px;  }
.slider ul.content li h3.discount { display: inline; float: left; width: 360px; height: 48px; margin-top: 81px; margin-left: 25px;  }
.slider ul.content li h3.discount { display: inline; float: left; width: 360px; height: 48px; margin-top: 81px; margin-left: 25px; }
.slider ul.content li p { float: left; padding: 0; }
.slider ul.content li a.button { float: left; height: 21px; margin: 21px 0 0 24px; padding: 0 0 0 9px; border: 0; background: #fff url("/images/slider/button.png") no-repeat 0 0 !important;  color: #fff; font-size: .75em; text-transform: uppercase; line-height: 21px; width: auto!important;}
.slider ul.content li a.button span { float: left; height: 21px; padding: 0 9px 0 0; background: transparent url("/images/slider/button.png") no-repeat 100% 0; }

.slider ul.content li a.button:hover { background-position: 0 100% !important; text-decoration: none; }
.slider ul.content li a.button:hover span { background-position: 100% 100% !important;  }

.slider ul.content li a.hover { background-position: 0 100% !important; text-decoration: none; }
.slider ul.content li a.hover span { background-position: 100% 100% !important;  }