/* CSS Document */

.pagecounttitle{ /*code for the little box that has the "1 of 2" text for page count*/
	position:relative;
	background-image:url(../images/generic/contentpagecount.gif);
	background-repeat:no-repeat;
	width:49px;
	height:20px;
	top:-17px;
	left:300px;
	color:#999999;
	font-weight:bold;
	text-align:center;	
	margin:0px;	
}

DIV.contenttitle{ /*The CSS for the Title like Game Trailers*/
	margin-left:50px;
	padding-top:15px;
	color:#FFFFFF;
	
	}

DIV.contenttitle H1{
	position:relative;
	padding:0px;
	font-size:13px;	
	margin:0px;
	
	
}

DIV.contentarea1{  /*This is the CSS for the first scroller row. Basically incorporates the first part of the gradient gray to black*/
	position:relative;
	border-right:solid #000000 1px;
	border-left:solid #4e4d4d 1px;
	background-image:url(../images/background/contentbackground_trailer1.jpg);
	background-repeat:repeat-x;
	width: 651px;
	font-size:12px;	
}

DIV.contentarea2{ /*This is the CSS for the second scroller row. Basically incorporates the final gradient gray to black*/
	position:relative;
	border-right:solid #000000 1px;
	border-left:solid #4e4d4d 1px;
	background-image:url(../images/background/contentbackground_trailer2.jpg);
	background-repeat:repeat-x;
	width: 651px;
	font-size:12px;	
}

DIV.contentareafollow{ /*this CSS is for any following  scroller rows that might come after the 3rd row. Has a black background*/
	position:relative;
	border-right:solid #000000 1px;
	border-left:solid #4e4d4d 1px;
	background-color:#000000;
	width: 651px;
	font-size:12px;	
}

.scrollcontentboxtrailers{
	width:652px;
	top:0px;
	padding-right:10px;
	overflow:hidden;
}

.pagecounttitle2{ /*code for the little box that has the "1 of 2" text for page count*/
	position:relative;
	background-image:url(../images/generic/contentpagecount2.gif);
	background-repeat:no-repeat;
	width:49px;
	height:20px;
	top:-17px;
	left:300px;
	color:#999999;
	font-weight:bold;
	text-align:center;	
	margin:0px;	
}