/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HACKS SECTION */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HR TAGS #################################### */
/*	hr tags should display the same in IE & FF 
	to use this hack, code the HR tag like so:	

		<div class="hr"><hr /></div>
		
NOTE:  	You will probably need to add or adjust styling lower 
		down the cascade to account for the context of each "horizontal rule" element. 
*/

div.hr
{
	border-top: 1px solid #fff;
}
/* END HR TAGS ################################ */




/* UL'S WITH NO BULLETS */
ul.no_bullets
{
	list-style-type: none;
}
/* END UL'S WITH NO BULLETS */



/* UL'S DISPLAYED HORIZONTALLY ################ */
/* List unordered items horizontally by assigning "horiz" as a class.
NOTE:  You will probably need to add or adjust styling lower down the cascade 
to account for the context of each list. */
ul.horiz
{
	list-style-type: none;
}

ul.horiz li
{
	display: inline;
}
/* END UL'S DISPLAYED HORIZONTALLY ############# */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* END HACKS SECTION */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #cccccc;
	background-color: #000000;
	line-height: 130%;
	background: url(../images/bkg.gif);
	}

a {
	color: #799dcd;
	}

h1 {
	float: left;
	text-indent: -9999;
	display: block;
	width: 1px;
	height: 1px;
	overflow: hidden;
	}

h2 {
	font-size: 18px;
	font-weight: bold;
	}

h3 {
	font-size: 14px;
	font-weight: bold;
	line-height: 140%;
	}

h4 {
	font-size: 14px;
	font-weight: bold;
	}



.container {
	background: url(../images/bkg_gradient.gif);
	background-repeat: repeat-x;
	width: 100%;
	}

.content {
	background: url(../images/bkg_content.png);
	_background: url(../images/bkg_content.gif);
	width: 1020px;
	margin: auto;
	}

/******* header *******/

.header {
	background: #0000ff;
	width: 990px;
	height: 102px;
	margin-left: 15px;
	}

	.signup {
		float: right;
		margin: 5px 5px 0 0;
		}


/******* nav *******/

.nav {
	background: url(../images/bkg_nav.gif);
	width: 990px;
	height: 36px;
	margin-left: 15px;
	}

	.navitem {
		cursor: pointer;
		}

	.divider {
		background: url(../images/nav_divider.png);
		_background: url(../images/nav_divider.gif);
		width: 2px;
		height: 27px;
		float: left;
		position: relative;
		top: 4px;
		}

	.entermoviesite {
		float: right;
		margin-right: 45px;
		position: relative;
		top: 3px;
		}

	.title {
		float: left;
		margin: 0 50px;
		position: relative;
		top: 10px;
		}



/******* splash *******/

.splash {
	background: #0000ff;
	width: 972px;
	height: 537px;
	margin-left: 15px;	
	}

	.dvdandblu {
		position: relative;
		top: 40px;
		margin-left: 10px;
		_margin-left: 5px;
		float: left;
		z-index: 4;
		}

		.dvd {
			width: 154px;
			height: 271px;
			float: left;
			z-index: 5;
			}
	 
		.blu {
 			width: 133px;
			height: 208px;
			z-index: 6;
			position: absolute;
 			top: 100px;
 			left: 60px;
			_left: 50px;
 			*position: relative;
 			*top: -180px;
 			*left: -90px;
 			*top: 90px;
			}

		.dvd a, 
		.blu a {
			color: #5C3385;
			font-weight: bold;
			text-decoration: none;
			}

	.player {
		/*background: url(images/bkg_player.png);
		_background: url(images/bkg_player.gif);*/
		/*width: 532px;
		height: 328px;*/
		float: left;
		position: relative;
		top: 40px;
		left: 57px;
		*left: -75px;
		_left: -95px;
		}

	/******* video scroller *******/


	#videoplayer{
		float: left;
		margin: 5px 0 0 5px;
		clear: both;
		}

	#video_control{
		float: left;
		margin: 88px 0 0 10px;
		}

		.video_strip{
			clear: both;
			float: left;
			width: 948px;
			height: 1px;
			}

		#video_prev,
		#video_next {
			width: 23px;
			height: 32px;
			float: left;
			cursor: pointer;
			margin-top: 25px;
			}

		#video_scroll_container{
			float: left;
			width: 880px;
			height: 80px;
			overflow: hidden;
			display: block;
			margin: 12px 8px 5px 5px;
			}

			#video_scroller{
				float: left;
				width: 10000em;
				}

				.video_content{
					float: left;
					margin-right: 8px;
					padding: 2px;
					cursor: pointer;
					height: 70px;
					width: 208px;
					}

					.vid_image{
						float: left;
						width: 80px;
						height: 45px;
						margin-right: 5px;
						text-align: left;
						border: thin solid;
						border-color: #757575;
						}

					.vid_description{
						float: left;
						width: 117px;
						text-align: left;
						}

						.description{
							float: left;
							text-align: left;
							font-family: helvetica, arial;
							font-size: .8em;
							width: 117px;
							line-height: 120%;
							}

						.vid_title{
							width: 117px;
							float: left;
							text-align: left;
							font-family: helvetica, arial;
							font-size: 1em;
							font-weight: bold;
							text-align: left;
							line-height: 120%;
							}

				.selected{
					width: 208px;
					border: 1px solid;
					padding: 1px;
					height: 70px;
					}


/******* pagefold *******/

.pagefold {
	width: 972px;
	margin: 11px 0 0 24px;
	_margin-left: 12px;
	float: left;
	clear: both;
	}

	#dvds {
		margin: auto;
		margin-top: 16px;
		display: block;
		width: 948px;
		height: 128px;
		}


		#prev,
		#next {
			float:left
			}

		.prev,
		.next {
			float:left;
			height: 100px;
			margin-top: 32px;
			cursor:pointer
			}

		#dvds	.dvdcontainer {
			float: left;
			width: 900px;
			overflow: hidden;
			height: 128px;
			}

	#x{
		float: left;
		width: 948px;
		height: 137px;
		margin-top: 15px;
		margin-left: 15px;
		background: url(../images/bkg_pagefold.gif) top;
		padding-top: 16px;
		}

		#toutprev,
		#toutnext{
			float:left;
			}

		.toutprev,
		.toutnext {
			float:left;
			height: 100px;
			margin-top: 32px;
			cursor:pointer
			}

		#scroll_container{
			float: left;
			display: block;
			overflow: hidden;
			height: 153px;
			margin-top: 16px;
			}

			#scroll_box{
				display: block;
				}


				.scroll_item {
					float: left;
					margin-right: 25px;
					height: 80px;
					width: 200px;
					}

				#x .scroll_item {
					margin: 0px 9px;
					height: 68px;
					}



/******* leftcol *******/

.leftcol {
	float: left;
	}

	.module {
		width: 654px;
		height: auto;
		margin: 0 0 18px 24px;	
		}

		.mod-head {
			width: 654px;
			height: 31px;
			background: url(../images/mod_header.gif);
			}

			.mod-title {
				color: #474747;
				float: left;
				position: relative;
				top: 7px;
				left: 10px;
				}

			.mod-head .backtotop {
				color: #C1C1B2;
				text-decoration: none;
				font-weight: bold;
				float: right;
				position: relative;
				top: 7px;
				right: 10px;
				cursor: pointer;
				}

		.mod-body {
			background: url(../images/mod_bodyoutline.gif);
			width: 651px;
			padding: 2px 0 2px 3px;
				}

		.mod-body-content {
			width: 648px;
			background: #0000ff;
			color: #b6b6b6;
			}

	#productfeatures .mod-body-content .col1,
	#productfeatures .mod-body-content .col2,
	#technicalinformation .mod-body-content .col1,
	#technicalinformation .mod-body-content .col2 {
		float: left;
		width: 45%;
		margin: 10px 0 0 10px;
		}

	#productfeatures .mod-body-content ul,
	#technicalinformation .mod-body-content ul {
		list-style-type: disc;
		padding-left: 23px;
		margin-left: -10px;
		*margin-left: -5px;
		_padding-left: 20px;
		_margin-left: 0px;
		}

	#productfeatures .mod-body-content li,
	#technicalinformation .mod-body-content li {
		_line-height: 120%;
		}	

	#photogallery .mod-body-content {
		background: url(../images/bkg_photogallery.gif);
		height: 416px;
		}

	#synopsis .mod-body-content img {
		border: solid 1px #959799;
		float: left;
		margin: 15px;
		}
	#synopsis .mod-body-content .textcol {
		float: left;
		width: 70%;
		margin-top: 12px;
		}

	#cast .mod-body-content .col1,
	#cast .mod-body-content .col2 {
		float: left;
		width: 314px;
		margin: 10px 0 0 10px;
		_margin-left: 5px;
		}

	#cast .mod-body-content img {
		float: left;
		margin: 0 5px 40px 0;
		height: 89px;
		}

	#cast .mod-body-content .textcol {
		float: left;
		width: 215px;
		font-size: 11px;
		/*(line-height: 110%;*/
		height: 155px;
		margin-bottom: 10px;
		}

	/*******gallery*******/

	#gallery{
		float: left;
		width: 650px;
		margin-top: 16px;
		}

		#gallery_left,
		#gallery_right {
			height: 17px;
			width: 8px;
			float: left;
			margin: 20px 4px 0 2px;
			cursor: pointer ;
			}
		
		#gallery_shim{
			height: 75px;
			width: 614px;
			display: block;
			overflow: hidden;
			float: left;
			}

			#gallery_container {
				height: 55px;
				width: 20000em;
				display: block;
				overflow: hidden;
				float: left;
				}

				#gallery_container div{
					display: block;
					height: 52px;
					float: left;
					margin-right: 2px;
					margin-left: 2px;
					border: solid 2px;
					border-color: #bdbdbe;
					cursor: pointer 
					}

		#prev_pic{
			float: left;
			margin: 121px 10px 0 10px;
			cursor: pointer ;
			}

		#gallery_image{
			border-color: #373636;
			border: solid 2px;
			width: 527px;
			height: 273px;
			float: left;
			}

		#next_pic{
			float: left;
			margin: 121px 0 0 10px;
			cursor: pointer ;
			}


/******* rightrail *******/

.rightrail {
	width: 308px;
	background: #313335;
	float: left;
	margin-left: 9px;
	}

	.ad_disclaimer{
		height: 25px;
		text-align: right;
		font-size: 10px;
		width: 300px;
		margin: 5px 0 0 4px;
		}

	.ad {
		width: 300px;
		height: 250px;
		background: #0000ff;
		margin-left: 4px;
		margin-bottom: 10px;
		}

	.related {
		width: 300px;
		background: url(../images/hdr_related.gif);
		margin: 0 0 5px 4px;
		padding-bottom: 3px;
		}
	
		.related-head {
			width: 294px;
			height: 28px;
			}

			.related-title {
				color: #ffffff;
				float: left;
				position: relative;
				top: 5px;
				left: 10px;
				}

		.related-body {
			background: #b9babf;
			width: 294px;
			overflow: auto;
			margin: 0 0 0 3px;
			}
	
		.related-dvd img {
			float: left;
			width: 68px;
			height: 98px;
			margin: 10px 5px 5px 5px;
			}

		.related-desc {
			float: left;
			width: 210px;
			color: #000000;
			margin: 10px 0 0 0;
			}

	.footer {
		width: 972px;
		float: left;	
		text-align: center;
		text-transform: uppercase;
		margin-left: auto ;
  		margin-right: auto ;

	}

	.footer .links {
		float: left;
		text-align: center;
		width: 572px;
		top: 30px;
		}

	.footer .logos{
		display: block;
		float: left;
		text-align: center;
		width: 972px;
		/*margin-top: 10px;*/
		margin-left: 24px;
		_margin-left: 12px;
		}
	
		.footer a {
			text-decoration: none;
			color: #5C3385;
			}

		.footer img.logo {
			float: left;
			text-align:center;
			margin-right: 30px;
			}

		.footer img.rating {
			float: right;
			}




#boxscroll{
width: 10000em;

}

	.scroll_item_dvd {
		height: 128px;
		width: 100px;
		float: left;
	
		margin: 0px 14px;
		text-align: center;
		}

	.scroll_item_dvd a{
		font-size: 10px;
		color: #ffffff;
		text-decoration: none;
		line-height: 12px;
		}

/* tooltip styling. uses a background image (a black box with an arrow) */ 
#tooltip { 
	float: left;
    background:transparent url(../img/tooltip/white_big.png) no-repeat scroll 0 0; 
    font-size:14px; 
    height:153px; 
    padding:30px; 
    width:310px; 
    font-size:14px; 
    display:none; 
    color:#000; 
font-family:Helvetica, Arial;
} 
 
/* tooltip title element (h3) */ 
#tooltip h3 { 
    margin:0; 
    font-size:18px; 
    color:#000;
font-family:Helvetica, Arial; 
}


.trigger{
font-family:Helvetica, Arial; 


}