/* New battery finder styles */

.homepage-finder { background: #000 url('/skin/frontend/chrome/default/images/bg_finder.jpg') no-repeat top left; height: 200px; margin-bottom: 40px; margin-top: 40px; padding: 30px 30px 22px; }
.homepage-finder h1 { color: #fff; font-family: Arial, Helvetica; text-transform: uppercase; font-size: 26px; }
.homepage-finder .looking { margin-top: 48px; }
.homepage-finder .looking span { color: #fff; display: inline-block; font-size: 16px; font-weight: bold; margin-right: 20px; margin-top: 4px; vertical-align: top; }
.homepage-finder .looking .selector { display: inline-block; vertical-align: top; }
.homepage-finder .selector { position: relative; }
.homepage-finder .selector .selector-active {}
.homepage-finder .selector .selector-active:after { display:block; clear:both; content:"."; font-size:0; height:0; visibility:hidden; }
.homepage-finder .selector .selector-active .selector-curr { background: #fff; border-bottom-left-radius: 3px; border-right: 1px solid #e5e5e5; border-top-left-radius: 3px; color: #1c1c1c; float: left; font-family: Arial; font-size: 13px; line-height: 13px; padding: 8px 14px; width: 127px; }
.homepage-finder .selector .selector-active .selector-curr.act { background: #fffbcc; }
.homepage-finder .selector .selector-active .selector-arrow { background: #f1f1f1; background-image: url('/skin/frontend/chrome/default/images/homepage_finder_arrow.png'); background-repeat: no-repeat; background-position: center center; border-bottom-right-radius: 3px; border-top-right-radius: 3px; cursor: pointer; float: left; height: 29px; width: 29px; }
.homepage-finder .selector .selector-drop { background: #fff; border-top: 1px solid #000; box-shadow: 0 1px 1px 1px rgba(0,0,0,.3); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; display: none; min-width: 90px; position: absolute; z-index: 9999; left: 0; right: 0; overflow: hidden; }
.homepage-finder .selector .selector-drop.active { display: block; background: #fffbcc; }
.homepage-finder .selector .selector-drop ul { max-height: 200px; overflow-y: auto; }
.homepage-finder .selector .selector-drop ul li { color: #000; font-family: Arial; font-size: 16px; line-height: 16px; list-style-type: none; margin-left: 0; padding: 8px; cursor: pointer; background: #f7cf43; }
.homepage-finder .selector .selector-drop ul li:last-child { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.homepage-finder .selector .selector-drop ul li:hover { background: #fffbcc; }
.homepage-finder .steps { border: 1px solid #5c5c5c; border-radius: 7px; box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .5); margin-top: 15px; position: relative; }
.homepage-finder.undead .steps { background: rgba(0,0,0,.7); }
.homepage-finder .steps:after { display:block; clear:both; content:"."; font-size:0; height:0; visibility:hidden; }
.homepage-finder .steps > div { float: left; width: 30%; }
.homepage-finder .steps > div:last-child { width: 10%; }
.homepage-finder .steps > div:first-child { background-image: none; }
.homepage-finder .steps > div > div { padding: 10px; }
.homepage-finder .steps > div > div:after { display:block; clear:both; content:"."; font-size:0; height:0; visibility:hidden; }
.homepage-finder .steps .over { background: rgba(0,0,0,.5); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; border-radius: 7px; /* fixer stuff */ float: none; width: auto; }
.homepage-finder.undead .over { display: none; }
.homepage-finder .steps .top { color: #fff;font-family: Arial; font-size: 20px; }
.homepage-finder .steps .selector { display: inline-block; margin-bottom: 15px; margin-top: 3px; }
.homepage-finder .steps .finder-go { background: #d11916 url('/skin/frontend/chrome/default/images/bg_go.jpg') no-repeat center center; box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, .3), 0 1px 2px 1px rgba(0, 0, 0, .3); height: 22px; width: 34px; display: block; padding: 4px 10px; border-radius: 3px; margin-top: 43px; cursor: pointer; }

.homepage-finder.category { height: 61px; padding: 20px 30px 32px; }
.homepage-finder.category .steps { background: transparent; border: none; border-radius: 0; margin-top: 0; box-shadow: none; }

.homepage-finder.none       { background: #000; }
.homepage-finder.motorcycle { background: #000 url('/skin/frontend/chrome/default/images/motobg.png') no-repeat top left; }
.homepage-finder.atv { background: #000 url('/skin/frontend/chrome/default/images/atv-bg.png') no-repeat top left; }
.homepage-finder.utv { background: #000 url('/skin/frontend/chrome/default/images/utv-bg.jpg') no-repeat top left; }
.homepage-finder.jet-ski { background: #000 url('/skin/frontend/chrome/default/images/jet-ski-bg.jpg') no-repeat top left; }
.homepage-finder.scooter { background: #000 url('/skin/frontend/chrome/default/images/scooter-bg.jpg') no-repeat top left; }
.homepage-finder.snowmobile { background: #000 url('/skin/frontend/chrome/default/images/snowmobile-bg.jpg') no-repeat top left; }
.homepage-finder.go-kart { background: #000 url('/skin/frontend/chrome/default/images/go-kart-bg.jpg') no-repeat top left; }
.homepage-finder.lawn-mower { background: #000 url('/skin/frontend/chrome/default/images/lawn-mower-bg.jpg') no-repeat top left; }
.homepage-finder.car { background: #000 url('/skin/frontend/chrome/default/images/car-bg.jpg') no-repeat top left; }
.homepage-finder.emergency { background: #000 url('/skin/frontend/chrome/default/images/battery-finder-Emergency.jpg') no-repeat top left; }
.homepage-finder.wheelchair { background: #000 url('/skin/frontend/chrome/default/images/wheelchair-battery-finder.jpg') no-repeat top left; }
.homepage-finder.medical { background: #000 url('/skin/frontend/chrome/default/images/battery-finder-medical.jpg') no-repeat top left; }