/*-- required & default rules --*/
div#carousel_controls { background-image: url(/resources/default/img/banner_main/bg_slideshow_info.gif); background-position: 0 0; background-repeat: repeat-x; height: 40px; top: 260px; width: 700px; z-index: 4000; }
div#carousel_controls span { font-size: 15px; font-weight: bold; position: relative; top: 5px; }
div#slide_holder_inner div.slide div { position: relative; }
ul#slide_buttons { left: 450px; padding: 15px 7px 15px 15px; position: absolute; top: 0px; z-index: 5000; }
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: 110px; }
.pause_button { background-image: url(/resources/js/jquery/jquery-agile_carousel/images/pause.png); background-position: 0 -36px; height: 29px; left: 621px; width: 24px; }
.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_button, #hover_prev_button { background-repeat: no-repeat; display: none; height: 125px; overflow: hidden; top: 35px; 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; }
#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: 6px; }
/*-- 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; z-index: 5000; }
#slide_captions { color: #eee; left: 8px; overflow: visible; top: 5px; z-index: 6000; }
#slide_captions span { font-size: 20px; height: 20px; line-height: 20px; overflow: visible; }
#slide_holder { background-image: url(/resources/default/img/banner_main/bg_slideshow.png); background-repeat: no-repeat; height: 316px; overflow: hidden; position: relative; text-align: left; width: 700px; z-index: 1000; }
#slide_holder_inner { height: 414px; left: 7px; overflow: hidden; position: absolute; top: 8px; width: 686px; z-index: 2000; }
#slide_holder_inner div { position: absolute; }