/*Arrow Styles Styles*/
#slider{width: 561px; height: 243px; position: relative;}
#sliderContent{ z-index: 9001; display: none;}
 
#slider img{position: absolute; left: 0px; z-index: 9000}
#slider #sliderContent img{left: 0px; position: absolute;}
 
 

/*Link Styles Styles*/
#link{position: absolute; display: block; height: 243px; width: 561px; z-index: 9999;}

/*Arrow Styles Styles*/
#leftArrow, #rightArrow{position: relative; z-index: 10000; width: 100px; height: 243px;}
#leftArrow{  float: left;}
#rightArrow{ float: right;}

#leftArrow:hover{cursor: pointer; background: url(leftArrow.png) 0px 101px no-repeat;}
#rightArrow:hover{cursor: pointer; background: url(rightArrow.png) 51px 101px no-repeat;}

/*Bullet Styles*/

#bulletBox{
position: absolute;
top: 500px;
text-align: center;
width: 100%;
height: 50px;
z-index: 1000;
display: none;
}

.bullet{cursor: pointer; background: url(images/bulletOff.png) no-repeat; width: 15px; height: 15px; padding: 16px;}
.bulletOn, .bullet:hover{background: url(images/bulletOn.png) no-repeat;}