.media-feature li { float: left; list-style: none; padding: 27px; }
.media-feature li:hover { background: #eee; }
.media-feature img { border: none; }

.media-overlay { position: absolute; top: 0; left: 0; z-index: 1000; width: 100%; height: 500px; background-color: #000; }

.media-dialog { position: absolute; z-index: 1005; text-align: center; width: 100%; color: #7C7C7C; }
.media-dialog .image-wrapper { position: relative; text-align: normal; margin: 0 auto; background: #fff; text-align: left; width: 
250px; height: 250px; padding: 10px 10px 5px; }
.media-dialog .image { position: relative; width: 100%; height: 100%; }
.media-dialog .image .loading {position: relative; width: 100%; height: 100%; background: url(../images/loading.gif) center center no-repeat; }
.media-dialog .image .prev, .media-dialog .image .next { position: absolute; z-index: 10; width: 49%; height: 100%; top: 0; outline: none; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block;}
.media-dialog .image .prev { left: 0; background: left 40px no-repeat; }
.media-dialog .image .prev:hover { background-image: url(../images/prevlabel.gif); }
.media-dialog .image .next { right: 0; background: right 40px no-repeat; }
.media-dialog .image .next:hover { background-image: url(../images/nextlabel.gif); }
.media-dialog .info { position: absolute; bottom: -27px; left: 0; height: 27px; background: #fff; width: 100%; }
.media-dialog .info .comment { float: left; line-height: 22px; margin: 0 0 10px 10px; }
.media-dialog .info .close { float: right; display: block; background: url(../images/closelabel.gif) no-repeat; height: 22px; width: 66px; margin: 0 10px 0 0; }
.media-dialog .product-container { position: absolute; padding-top: 10px; right: -160px;  top: 10px; width: 160px; height: 100%; overflow: hidden;}
.media-dialog .products { position: absolute; left: -160px;  top: 0px;  width: 160px; padding-top: 10px; background: url(../images/top-right-corner.png) top right no-repeat; }
.media-dialog .products ul { position: relative; padding: 0 0 5px 15px; list-style: none; background: url(../images/bottom-right-corner.png) bottom right no-repeat; }
.media-dialog .products li { margin-bottom: 5px; padding-right: 10px; }
.media-dialog .products a { color: #7C7C7C; text-decoration: none; padding-left: 8px; background: url(../images/arrow_bullet.png) no-repeat left; }
.media-dialog .products a:hover { text-decoration: underline; color: #69D8D4; }
.media-dialog .products .corner { position: absolute; height: 100%; width: 150px; top: 0; left: 0; background: #fff url(../images/shadow.png) repeat-y; }