﻿/* CSS Document */
#image_scroll { position: relative; box-shadow: 0px 0px 10px 1px #999; -moz-box-shadow: 0px 0px 10px 1px #999; -webkit-box-shadow: 0px 0px 10px 1px #999; box-shadow: 0px 0px 10px 1px #999; z-index: 0; overflow: hidden; zoom: 1; }
#image_scroll > div { position: relative; background-color: white; border: 1px solid #DDD; border-top: none; z-index: 3; }
#image_scroll > div:first-child { width: 999px; height: 358px; line-height: 0; z-index: 1; }
#image_scroll > div img { position: relative; margin: 0; padding: 0; border: 0; z-index: 1; }
#image_scroll ul { position: relative; padding: 0; padding-top: 20px; top: -50px; height: 60px; width: 999px; list-style: none; background-color: black; z-index: 2; overflow: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; }
#image_scroll ul li { position: relative; float: left; width: 10px; height: 10px; background-color: white; margin-right: 10px; cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; z-index: 1; }
#image_scroll ul li.image_scroll_choosen_button { position: relative; top: -3px; width: 15px; height: 15px; -moz-border-radius: 7.5px; -webkit-border-radius: 7.5px; border-radius: 7.5px; background-color: white; }
#image_scroll ol { z-index: 1; overflow: hidden; height: auto; }
#image_scroll ol > li { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; float: left; position: relative; }
#image_scroll ol > li > div { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; position: relative; cursor: pointer; background-repeat: no-repeat; background-position: 30px 140px; display: block; width: 100px; z-index: 5; }
#image_scroll ol > li > div.chervon0 { background-image: url("imageschervon.png"); }
#image_scroll ol > li > div.chervon1 { background-image: url("imageschervon-r.png"); }