/* CSS Document */
/* joshua comments: do not use css hack, it doesn't work on new version ie or other browsers */
#bodyCenterArea {
	background: url(images/TopIntroBg2.jpg) repeat-x left top;
	margin-top: -13px;
}
* html #bodyCenterArea {
	margin-top: 0;
}
*+html #bodyCenterArea {
	margin-top: 0;
}



#TopIntro {
	background: url(images/TopIntroBg.jpg) no-repeat right top;
	font-size: 12px;
	line-height: 18px;
	padding: 0 15px 15px 15px;
}
#BottIntro {
	font-size: 12px;
	line-height: 9px;
	padding: 0px 12px 0px 15px;
	border: 4px solid #ccc;
	background: #f2f2f2;
	clear: both;
}
#TopIntro h1 {
	font-size: 20px;
	color: #42526F;
	line-height: 35px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: -10px;
}
#TopIntro p {
	margin: 15px 0 0 0;
}
#Bott2 {
	font-size: 12px; 
	font-weight: bold;
	line-height: 9px;
	padding: 0px 12px 12px 15px;
}
#PlayArea {
	background: #FAFAFA;
	width: 98%;
	height: 356px;
}
#PlayArea .TL {
	background: #FFF url(images/PlayArea_TL.gif) no-repeat right top;
	width: 9px;
	height: 9px;
	font-size: 1px;
}
#PlayArea .TR {
	background: #FFF url(images/PlayArea_TR.gif) no-repeat left top;
	width: 9px;
	height: 9px;
	font-size: 1px;
}
#PlayArea .TM {
	background: #FFF url(images/PlayArea_TM.gif) repeat-x left top;
	height: 9px;
	font-size: 1px;
}
#PlayArea .ML {
	background: #FFF url(images/PlayArea_ML.gif) repeat-y right top;
	width: 9px;
	font-size: 1px;
}
#PlayArea .MR {
	background: #FFF url(images/PlayArea_MR.gif) repeat-y right top;
	width: 9px;
	font-size: 1px;
}
#PlayArea .MM  {
} 
#PlayArea .MM1  {
	font-size: 10px;
}
#PlayArea .BL {
	background: #FFF url(images/PlayArea_BL.gif) no-repeat right bottom;
	width: 9px;
	height: 9px;
	font-size: 1px;
}
#PlayArea .BR {
	background: #FFF url(images/PlayArea_BR.gif) no-repeat left bottom;
	width: 9px;
	height: 9px;
	font-size: 1px;
}
#PlayArea .BM {
	background: #FFF url(images/PlayArea_BM.gif) repeat-x left bottom;
	height: 9px;
	font-size: 1px;
}

#PlayArea .MM .Player {
	margin: 0 15px;
	float: left;
	width: 332px;
}
* html #PlayArea .MM .Player {
	margin: 0 15px 0 5px ;
}

#PlayArea .MM .Content {
	float: right;
	width: 555px;
	margin-right: 15px;
}
#PlayArea .MM .Content h2 {
	font-size: 12px;
	margin-top: 5px;
}
#PlayArea .MM .Content .ItemInfo {
	height: 260;
	width: 195px;
	font-size: 11px;
	vertical-align: top;
}

#PlayArea .MM .Content .ItemInfo .Bullets ul {
	text-align: left;
	margin-top: 15px;
	font-size: 11px;
	line-height: 14px;
	padding-left: 10px;
}
* html #PlayArea .MM .Content .ItemInfo .Bullets ul {
	margin-left: 5px;
}
*+html #PlayArea .MM .Content .ItemInfo .Bullets ul {
	margin-left: 5px;
}


#PlayArea .MM .Content .ReviewInfo {
	vertical-align: top;
	text-align: left;
	font-size: 12px;
	color: #555;
}
#PlayArea .MM .Content .ReviewInfo .Container {
	height: 260px;
	overflow: auto;
}

#PlayArea .MM .Content .ReviewInfo .Author span {
	font-weight: bold;
}
#PlayArea .MM .Content .ReviewInfo .AuthorInfo span {
	font-weight: bold;
}

#PlayArea .MM .Content .ReviewInfo .Pros {
	margin-top: 10px;
}
#PlayArea .MM .Content .ReviewInfo .Cons {
	margin-top: 10px;
}
#PlayArea .MM .Content .ReviewInfo .OtherThoughts {
	margin-top: 10px;
}

#LatestVideoReviews {
	margin: 15px;
}

#LatestVideoReviews .VideoTitle {
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #EBEBEB;
	height: 25px;
}

#LatestVideoReviews .VideoList {
	font-size: 11px;
	margin: 15px 0 0 0;
}
#LatestVideoReviews .VideoList .VideoCell {
	width: 32.2%;
	float: left;
	margin: 5px 0 0 5px;
}

.VideoList .title
{
	position:absolute;left:85px;top:0;line-height:1.3em;
}

.video-cover{position:absolute;left:0;top:0;padding-right:3px;margin-bottom:1em;}
.video-cover img.floatPNG{position:absolute;top:20px;left:26px;width:30px;height:23px;}
* html .video-cover img.floatPNG{position:absolute;top:20px;left:-60px;width:30px;height:23px;display: none;}

.Bullets ul, .listing{margin: 0; padding: 0;}
.listing{list-style:none;position:relative;}
.listing li{display:inline;position:relative;height:85px;padding:0;margin:0;line-height:1.3em;}