@charset "UTF-8";
/* CSS Document */

body { margin:2px; padding:0px; font-family:Helvetica, Arial, sans-serif;}
ul, li { margin:0px; padding:0px; }
h1 { margin:0px; padding:0px; }
h2 { font-size:12px; color:#999; margin:2px 0px 0px; padding:0px; }
img { border:0px; }
ul { list-style:none; }

#container { width:706px; background:url(/images/product/media_lounge/bg_medialounge.jpg) top left repeat-x #fff; padding:15px; float:left; }
.masthead { height:66px; }
/*.maincontent { width:707px; margin:0px auto; }*/

.mediapane { float:left; width:402px/*;#position: relative; display: table;*/ }
/*.mediacontent {#position: absolute; #top: 50%; border:1px solid #A6A9AD; border-bottom:0px; background:#fff; text-align:center; }
.center { display:table-cell; vertical-align:middle; height:346px;}
.mediacontent IMG { #position: relative; #top: -50%; }
*/
.mediacontent { border:1px solid #A6A9AD; background:#fff; display:table-cell; vertical-align:middle; width:400px; height:370px;text-align:center; }
.mediacontent * {
    vertical-align: middle;
}
/*\*//*/
.mediacontent {
    display: block;
}
.mediacontent span, .medianavcont ul li span {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/


.medianav { float:right; width:292px; position:relative;}
.medianavcont { float:left; width:292px; border:1px solid #A6A9AD; background-color:#E7E7E7; margin:0px 0px 14px 0px; padding:6px 0px 12px 0px; }
.mediaicon { float:left; margin:5px 18px 0px; } 
.medianavcont ul { float:left; width:199px; margin:0px; padding:0px; }
.medianavcont ul li  { float:left; background:#fff; margin:0px 6px 6px 0px; padding:0px; width: 58px; height:53px; position:relative; border: 1px solid #fff; text-align:center;}
.medianavcont ul li:hover, .medianavcont ul li a.selected { border-color:#A6A9AD; }
.medianavcont ul li.nothing:hover { border-color:#fff; }
.medianavcont ul li img.zoom { position:absolute; top: -1px; right:-1px; z-index:100;}
.medianavcont ul li a.selected { }
.medianavcont ul li a {  display:table-cell; vertical-align:middle; height:53px; width:58px; text-align:center; }
.medianavcont ul li a:hover {  }
.medianext { position:absolute; top:51px; right:5px }