/*-- required & default rules --*/
.loading { left:420px; position:absolute; top:180px; }
#slide_holder { height:389px; top:0px; overflow:hidden; position:relative; text-align:left; width:972px; z-index:1000; background-color:#ffffff; }
#slide_holder_inner { height:392px; overflow:hidden; position:absolute; width:972px; z-index:2000; }
#intro, .intro { position: absolute; z-index: 9000; }

/*-- for slide divs --*/
#slide_holder_inner div { position: absolute; }

/*-- for divs in html slides to position relative --*/
div#slide_holder_inner div.slide div { position: relative; }
div#carousel_controls { background-image:url(../images/carousel/controls-bg.png); top:365px; background-repeat: no-repeat; height:27px; width: 972px; z-index: 4000; }

/*-- 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; }
#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; }
#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 { margin-left: -10000px; }
#slide_buttons li, #pause_button, .prev_button, .next_button, #first_button, #last_button, #water_mark { background-repeat: no-repeat; overflow: hidden; top: 0px; }
ul#slide_buttons { padding: 15px 7px 15px 15px; position: absolute; right: 20px; top: -7px; z-index: 5000; }
ul#slide_buttons li { background-image: url(../images/carousel/button.png); display: block; float: left; height: 9px; list-style: none; margin: 0 0 0 3px; padding: 2px; width: 10px; }
ul#slide_buttons li:hover { }
ul#slide_buttons li#button_selected { background-image: url(../images/carousel/button_selected.png); }
ul#slide_buttons li#button_selected:hover { }

/*-- first & last buttons --*/
#first_button { background-image: url(../images/carousel/first.png); height: 29px; left: 354px; width: 34px; background-position: 0 -36px; }
#first_button:hover { background-position: 0 0; }
#last_button { background-image: url(../images/carousel/last.png); height: 29px; left: 474px; width: 34px; background-position: 0 -36px; }
#last_button:hover { background-position: 0 0; }

/*-- next & prev buttons --*/
#nex_prev_buttons { position: absolute; left: 0; z-index: 5000; }
#next_button { background-image: url(../images/carousel/next.png); background-position: 0 0px; height:10px; right:20px; top:7px; width: 10px; }
#next_button:hover { background-position: 0 -10px; }
#prev_button { background-image: url(../images/carousel/prev.png); background-position: 0 0px; height:10px; right:111px; top:7px; width:10px; }
#prev_button:hover { background-position: 0 -10px; }

/*-- looks like pause button --*/
.pause_button { background-image: url(../images/carousel/pause.png); background-position: 0 -36px; height: 29px; left: 419px; width: 24px; }
.pause_button:hover { background-position: 0 0; }

/*-- looks like play button --*/
.paused_button { background-image: url(../images/carousel/play.png); background-position: 0 -36px; height: 29px; left: 419px; width: 24px; }
.paused_button:hover { background-position: 0 0; }

/*-- hover next & hoverprev buttons --*/
#hover_next_button, #hover_prev_button { height: 125px; background-repeat: no-repeat; display: none; overflow: hidden; width: 77px; top: 35px; z-index: 6000; }
#hover_next_button span { }
#hover_next_button { background-image: url(../images/carousel/hover_next.png); background-position: 21px 95px; padding: 30px 0 30px 30px; right: 0; }
#hover_prev_button { background-image: url(../images/carousel/hover_prev.png); background-position: 8px 95px; padding: 30px 30px 30px 0; left: 0; }

/*-- rules for slide captions --*/
#slide_captions { color: #ffffff; left:10px; overflow: visible; top:3px; z-index: 6000; }
#slide_captions span { font-family:Arial, Helvetica, sans-serif; font-size:11px; height:20px; line-height: 20px; overflow: visible; }

/*-- rules for watermark --*/
#water_mark { background-image: url(../images/carousel/water_mark.png); height: 30px; right: 10px; width: 246px; top: 208px; z-index: 6000; }
#water_mark span { }

/*-- slide number display --*/
#slide_number_display { background-image: url(../images/carousel/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; }

/*-- for carousel view --*/
#row_of_slides { position: absolute; top: 0; }
#row_of_slides .slide { display: none; position: absolute; }
				
/*-- example rules --*/
#slide_holder { margin: 0px auto 0 auto; }