.modalPopupContainer {
   position: absolute;
   background-color: Transparent;
   z-index: 1000;
}

.modalPopupBackground {
   position: relative;
   width: 100%;
   height: 100%;
   background-color: Black;
}

.modalImageContainer {
   padding: 7px;
   background-color: #666666;
   margin: auto;
   position: absolute;
}

.modalHeader {
   width: 100%;
   height: 50px;
   background-color: Black;
   position: absolute;
   top: 7px;
   left: 7px;
   z-index: 1;
}

.modalCloseBtn {
   background: Transparent url('../images/layout/modalClose.gif') no-repeat scroll top left;
   width: 19px;
   height: 21px;
   float: right;
   margin-right: 25px;
   margin-top: 13px;
   cursor: pointer;
}

.modalLeftArrow {
   cursor: pointer;
   width: 71px;
   height: 70px;
   background: Transparent url('../images/layout/leftArrowBtn.gif') no-repeat scroll top left;
   position: absolute;
   left: 7px;
   z-index: 1;
}

.modalRightArrow {
   cursor: pointer;
   width: 71px;
   height: 70px;
   background: Transparent url('../images/layout/rightArrowBtn.gif') no-repeat scroll top left;
   position: absolute;
   right: 7px;
   z-index: 1;
}

.modalImageContainer img {
   position: relative;
   top: 0;
}