/*Horizontal slider
------------------------------------------------*/

.sliderContainer { position: relative; top: 0px; width: 890px; height: 135px; margin: 0px auto; }

.slider { position:absolute; top: 0px; left:49px; overflow:hidden; width: 790px; height:150px; }
.slider .items { width:20000em; position:absolute; clear:both; }

.slider .items div { float:left; width:122px; height: 122px; overflow: hidden; margin: 0px 30px 0 0; text-align: center; border: 1px solid #bdd7e4; background-color: #ebebe9; padding: 5px; }
.slider .items div:hover { float:left; width:122px; height: 122px; overflow: hidden; margin: 0px 30px 0 0; text-align: center; border: 1px solid #bdd7e4; padding: 5px; }
.slider .items div.selected { float:left; width:122px; height: 122px; overflow: hidden; margin: 0px 30px 0 0; text-align: center; border: 1px solid #bdd7e4; padding: 5px; }

.slider .items div img { height: 120px; width: 118px; border: 1px solid #63abd3; }

.next { position: absolute; width:29px; height:29px; top:50px; right:0px; display: block; background-image:url(Images/arrowRight.png); background-position: top left; background-repeat: no-repeat; cursor: pointer; z-index: 3; }
.next:hover { position: absolute; width:29px; height:29px; top:50px; right:0px; display: block; background-image:url(Images/arrowRight.png); background-position: bottom left; background-repeat: no-repeat; cursor: pointer; z-index: 3; }

.prev { position: absolute; width:29px; height:29px; top:50px; left:0px; display: block; background-image:url(Images/arrowLeft.png); background-position: top left; background-repeat: no-repeat; cursor: pointer; z-index: 3; }
.prev:hover { position: absolute; width:29px; height:29px; top:50px; left:0px; display: block; background-image:url(Images/arrowLeft.png); background-position: bottom left; background-repeat: no-repeat; cursor: pointer; z-index: 3; }