/*-- required & default rules --*/
div#carousel_controls { background-image: url(/resources/js/jquery/jquery-agile_carousel/images/bg_controls.png); background-position: 0 0; background-repeat: repeat-x; bottom: 0px; height: 30px; margin-top: 5px; top: 405px; width: 700px; z-index: 4000; }
div#carousel_controls span { : ; /*font-size:10px;*/ }
/*-- for divs in html slides to position relative --*/
div#slide_holder_inner div.slide div { position: relative; }
ul#slide_buttons { left: 375px; padding: 15px 7px 0px 15px; position: absolute; top: -7px; z-index: 5000; width: 200px; height:10px; overflow:hidden; }
ul#slide_buttons li { background-image: url(/resources/js/jquery/jquery-agile_carousel/images/button.png); display: block; float: left; height: 9px; list-style: none; margin: 0 0 0 3px; padding: 2px; width: 10px; }
ul#slide_buttons li#button_selected { background-image: url(/resources/js/jquery/jquery-agile_carousel/images/button_selected.png); }
ul#slide_buttons li#button_selected:hover { }
ul#slide_buttons li:hover { }
.loading { font-size: 13px; font-weight: bold; left: 260px; position: absolute; text-align: center; top: 130px; }
/*-- end next & prev buttons --*/
/*-- looks like pause button --*/
.pause_button { background-image: url(/resources/js/jquery/jquery-agile_carousel/images/pause.png); background-position: 0 -36px; height: 29px; left: 621px; width: 24px; }
/*-- looks like play button --*/
.paused_button { background-image: url(/resources/js/jquery/jquery-agile_carousel/images/play.png); background-position: 0 -36px; height: 29px; left: 621px; width: 24px; }
#carousel_controls #button_selected, #carousel_controls .prev_button_disabled, #carousel_controls  .next_button_disabled, #carousel_controls  .first_button_diabled, #carousel_controls  .last_button_disabled { cursor: auto; }
#hover_next_button { background-image: url(/resources/js/jquery/jquery-agile_carousel/images/hover_next.png); background-position: 21px 35px; padding: 30px 0 30px 30px; right: 0; }
#hover_next_button span { }
/*-- hover next & hoverprev buttons --*/
#hover_next_button, #hover_prev_button { background-repeat: no-repeat; display: none; height: 125px; overflow: hidden; top: 90px; width: 77px; z-index: 6000; }
#hover_prev_button { background-image: url(/resources/js/jquery/jquery-agile_carousel/images/hover_prev.png); background-position: 8px 35px; left: 0; padding: 30px 30px 30px 0; }
#intro, .intro { position: absolute; z-index: 9000; }
#nex_prev_buttons { left: 0; position: absolute; z-index: 5000; }
#next_button { background-image: url(/resources/js/jquery/jquery-agile_carousel/images/last.png); background-position: 0 -36px; height: 29px; left: 645px; width: 34px; }
#next_button:hover, #prev_button:hover, .pause_button:hover, .paused_button:hover { background-position: 0 0; }
#prev_button { background-image: url(/resources/js/jquery/jquery-agile_carousel/images/first.png); background-position: 0 -36px; height: 29px; left: 587px; width: 34px; }
/*-- for carousel view --*/
#row_of_slides { position: absolute; top: 0; }
#row_of_slides .slide { display: none; position: absolute; }
#slide_buttons li span, #pause_button span, .prev_button span, .next_button span, #first_button span, #last_button span, #hover_next_button span, #hover_prev_button span, #water_mark span { display: none; }
#slide_buttons li, #pause_button, .prev_button, .next_button, #first_button, #last_button, #water_mark { background-repeat: no-repeat; overflow: hidden; top: 0px; }
/*-- for slide buttons --*/
#slide_buttons li:hover, #pause_button, .prev_button, .next_button, #hover_next_button, #hover_prev_button, #first_button, #last_button { cursor: pointer; cursor: hand; z-index: 5000; }
/*-- end next & prev buttons --*/
/*-- rules for slide captions --*/
#slide_captions { color: #333; font-size: 12px; left: 8px; overflow: visible; top: 5px; z-index: 6000; }
#slide_captions span { color: #FFF; font-family: "Trebuchet MS", "Lucida Grande", Verdana, sans-serif; font-size: 12px; font-weight: bold; height: 20px; line-height: 20px; overflow: visible; }
#slide_holder { background-repeat: no-repeat; /*background-image: url(/resources/js/jquery/jquery-agile_carousel/images/bg_slideshow.png);*/ height: 440px; margin: 0px; overflow: hidden; position: relative; text-align: left; width: 700px; /* -- width: 1533px; */ z-index: 1000; }
#slide_holder { margin: 20px auto 0 auto; }
#slide_holder_inner { height: 440px; overflow: hidden; position: absolute; width: 700px; z-index: 2000; }
/*-- for slide divs --*/
#slide_holder_inner div { position: absolute; }
/*-- end rules for slide captions --*/
/*-- slide number display --*/
#slide_number_display { background-image: url(/resources/js/jquery/jquery-agile_carousel/images/bg_swatch.png); background-position: 0 0; background-repeat: no-repeat; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 15px; height: 23px; padding: 4px; right: 7px; text-align: center; top: 208px; width: 37px; z-index: 5000; }
/*-- end rules for slide captions --*/
/*-- rules for watermark --*/
#water_mark { background-image: url(/resources/js/jquery/jquery-agile_carousel/images/water_mark.png); height: 30px; left: 202px; top: 208px; width: 246px; z-index: 6000; }
#water_mark span { }
