/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* 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 {
	height: 4137px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #fff;
	line-height: 125%;
	background-repeat:no-repeat;
	background-position: center;
	background-position: top;
	margin: 0 auto;
	overflow-x: hidden; 
}


a {
	color: #fff;
	}

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

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

h3 {
	font-weight: bold;
	color: #163241;
	line-height: 140%;
	font-size:16px;
	}

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



.container {	
	background:transparent;
	height: 4137px;
	width: 100%;
	margin-left:11px;
	}

#x {
	margin-top: 16px;
	}

#x .container {
	background: none;
	height: auto;
	}

.content {
	width: 988px;
	*width: 987px;
	
	/*height: 2924px;*/
	margin: auto;
	_border: none;
	}

.header {
	background: #000;
	width: 988px;
	*width: 987px;
	
	height: 136px;
	/*margin-left: -0.05px;*/
	}

	.quotes {
		position: relative;
		top: 290px;
		left: 78px;
		float: left;
		height: 89px;
		width: 214px;
		}

	.signup {
		float: right;
		margin: 5px 5px 0 0;
		}
		
	.signup a {
		color: #d87526;
		font-size: 0.8em;
	}

.nav {
	background: url(https://charliestcloud.com/splash/images/bkg_nav.gif);
	width: 988px;
	
	height: 36px;
	/*margin-left: -0.05px;*/
	}	

	.divider {
		background: url(https://charliestcloud.com/splash/images/nav_divider.png);
		_background: url(https://charliestcloud.com/splash/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 {
	background: #b8cbd5;
	width: 988px;
	*width: 987px;
	
	height: 496px;
	margin-left: 0px;
	}

	.dvdandblu {
		position: relative;
		top: 43px;
		margin-left: 4px;
		_margin-left: 6px;
		float: left;
		display: inline;
		z-index: 4;
		}

	.dvd {
		width: 177px;
		height: 272px;
		float: left;
		z-index: 5;
		}

		.dvd a {
			color: #000000;
			font-weight: bold;
			text-decoration: none;
			position: absolute;
 			top: 0px;
 			left: 5px;
			}	 

		.blu {
 			width: 169px;
			height: 254px;
			z-index: 5;
			position: absolute;
 			top: 48px;
 			left: 39px;
			}

		.blu a {
			color: #000000;
			font-weight: bold;
			text-decoration: none;
			
			}


	.player {
		/*background: url(https://charliestcloud.com/splash/images/bkg_player.png);
		_background: url(https://charliestcloud.com/splash/images/bkg_player.gif);*/
		/*width: 532px;
		height: 328px;*/
		float: left;
		position: relative;
		
		top: 20px;
		*top: 25px;
		_top: 25px;
		
		left: 38px;
		*left: 33px;
		_left: 33px;
		}

.pagefold {
	background: url(https://charliestcloud.com/splash/images/bkg_pagefold.gif) no-repeat;
	width: 988px;
	height: 152px;
	margin: 0 0 11px 10px;

	clear: both;
	}

.leftcol {
	float: left;
	margin-left:9px;
	display: inline;
	}

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

		.mod-head {
			width: 654px;
			height: 30px;
			background: url(https://charliestcloud.com/splash/images/mod_header.png);
			}

			.mod-title {
				font-size: 18px;
				color: #606161;

				font-weight: bold;
				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;
				font-size: x-small;
				}

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

		.mod-body-content {
			width: 648px;
			background: #0000ff;
			color: #ffffff;
			}
			
			
	#productfeatures .mod-body-content h3{
		/*text-transform:uppercase;*/
		margin-bottom:10px;
		font-size: 14px;
	}
	
	#productfeatures .mod-body-content h3 strong{
		color:white;
	}
	
	#productfeatures .mod-body-content h4 {
		color:#163241;
		font-size: 16px;
		margin: 33px 0 10px;
	}
	
	#productfeatures .mod-body-content h4.first {	
		margin-top: 10px;
	}
	
	#productfeatures .mod-body-content .altcolor h4{
		color:#cd1519;
	}
	
	#productfeatures .mod-body-content h2{
		color:#fff;
		font: bold 19px Arial,sans-serif ;
		/*text-transform:uppercase;*/
		text-align:center;
		padding-top:10px;
	}
	
	#productfeatures .mod-body-content h2 strong {
		color: #163241;
	}
	
	#productfeatures .mod-body-content .altcolor h2 strong {
		color: #cd1519;
	}
	/*#productfeatures .mod-body-content h2 b{
		color:white;
	}*/
	
	#productfeatures .mod-body-content .col1,
	#productfeatures .mod-body-content .col2 {
		float: left;
		width: 47%;
		margin: 5px 0 0 10px;
		_margin-left: 5px;
		line-height: 140%;
		font-weight:bold;
		}
	
	#productfeatures .mod-body-content .col2 {
		width: 47%;
		margin-left: 8px;
		}

	#productfeatures .mod-body-content .altcolor {
		margin-top: 56px;
	}

	#productfeatures .mod-body-content .col2 h3 {
		margin-left: -5px;
	}

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

	#productfeatures .mod-body-content ul.nomainbullet {
		list-style-type: none;
	}
	
	#productfeatures .mod-body-content ul ul {
		list-style-type: circle;
	}
	
	#productfeatures .mod-body-content li {
		font-size:12px;
		line-height: 142%;
		}
	#productfeatures .mod-body-content li strong{
		color:#163241;
	}
	
	#productfeatures .mod-body-content .altcolor li strong{
		color:#cd1519;
	}
	/*#productfeatures .mod-body-content li em{
		color:#ccc3a4;
	}*/

		
	
	#technicalinfo .mod-body-content h3{
		/*text-transform:uppercase;*/
		margin: 0.7em 0 0.7em;
		line-height:110%;
		*margin: 0.4em 0 0.4em;
	}
	
	#technicalinfo .mod-body-content h4{
		text-decoration: underline;
		font-size: 1em;
		color: #fff;
	}
	
	#technicalinfo .mod-body-content .col1,
	#technicalinfo .mod-body-content .col2 {
		float: left;
		width: 48%;
		_width: 45%;
		*width: 45%;
		margin: 5px 0 0 10px;
		line-height: 140%;
		}

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

	
	
	#technicalinfo .mod-body-content li {
		font-size:12px;
		line-height: 135%;
		font-weight: bold;
	}
	#technicalinfo .mod-body-content li strong{
		
		color:#163241;
	}
	#technicalinfo .mod-body-content li em{
		color:#ccc3a4;
	}

	#photogallery .mod-body-content {
		background: url(https://charliestcloud.com/splash/images/bkg_photogallery_alt.gif);
		height: 407px;
		}


	#synopsis .mod-body-content #img-wrapper{
	/*#synopsis .mod-body-content img{*/
		border: 0px none;
		float: left;
		width:147px;
		height:113px;
		margin: 15px;
		display: inline;
		}
	#synopsis .mod-body-content .textcol {
		float: left;
		width: 70%;
		height: 160px;
		margin-top: 12px;
		font-size: 12px;
		line-height: 1.4em;
		/*color: #342e81;*/
		}
		
	#synopsis .mod-body-content .textcol strong {
		color: #163241;
		font-weight: normal;
	}

	#cast .mod-body-content .col1,
	#cast .mod-body-content .col2 {
		float: left;
		width: 300px;
		display: inline;
		margin: 10px 0 0 12px;
		}

	#cast .mod-body-content img{
		float: left;
		margin: 0 15px 20px 0;
		display: inline;
		height: 90px;
		}

	#cast .mod-body-content .textcol {
		float: left;
		display: inline;
		width: 190px;
		font-size: 11px;
		line-height: 131%;
		height: 235px;
		margin-bottom: 5px;
		}
	

	
	#cast .mod-body-content .textcol strong{
		/*text-transform:uppercase;*/
		font-weight:bold;
		color:#163241;
	}
	
.rightrail {
	width: 308px;
	background: #313335;
	float: left;
	margin-left: 9px;
	*margin-left: 7px;
	}

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

	.ad {
		width: 300px;
		margin-left: 4px;
		margin-bottom: 10px;
		}

	.ad img {
		margin-bottom: 10px;
		}

	.related {
		width: 297px;
		background: url(https://charliestcloud.com/splash/images/hdr_related.gif);
		margin: 0 0 5px 4px;
		padding-bottom: 3px;
		}
		
		.related a,
		.related-desc h4{
			color: #18579c;
			text-decoration: none;
			}	
			
		.related-head {
			width: 300px;
			height: 28px;
			margin-left: 3px;
			}

			.related-title {
				font-size: 18px;
				color: #ffffff;
				font-weight: bold;
				float: left;
				position: relative;
				top: 5px;
				left: 10px;
				}

		.related-body {
			background: #d5d5d5;
			width: 294px;
			overflow: auto;
			margin: 0 0 0 3px;
			padding-bottom: 10px;
			}


	
		.related-dvd img {
			float: left;
			width: 68px;
			height: 98px;
			margin: 10px 10px 5px 10px;
			}

		.related-desc {
			float: left;
			width: 195px;
			color: #000000;
			margin: 10px 0 0 0;
			font-size: 11px;
			}

		.related-desc h4 {
			font-size: 12px;
		}

		.footer {
		width: 989px;
		text-align: center;
		text-transform: uppercase;
		font-size:10px;
		margin-left: auto;
		padding-left: 0;
  		margin-right: auto ;
  		padding-bottom: 120px;
  		color: #163241;

	}

	.footer .links {
		float: left;
		text-align: center;
		width: 410px;
		margin-top: 29px;
	}
	
	.footer .links a {
		font-weight: bold;
		color: #163241;
	}

	#ratedR{
		width:270px;
		clear: none;
		float:left;
	}
	
	#pg13{
		width:270px;
		clear: none;
		float:left;
		margin-top: 25px;
	}
	
	#notrated{
		width:80px;
		clear: none;
		float:left;
		margin-top: 20px;
	}
	
	.footer .logos{
		display: block;
		float: left;
		clear: none;
		text-align: center;
		width: 980px;
		margin-top: 10px;
		margin-left: 0px;
		_margin-left: 0px;
		}
	
	.footer a {
		text-decoration: none;
		color: white;
		}

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

	.footer img.rating {
		float: right;
	}

	

/*******title-specific*******/

body {
	background-image: url(https://charliestcloud.com/splash/images/charliestcloud/bkg_gradient.jpg);
	_background-image: url(https://charliestcloud.com/splash/images/charliestcloud/bkg_gradient_ie6.jpg);
	}

.header {
	background: url(https://charliestcloud.com/splash/images/charliestcloud/bkg_header.jpg);
	}

.splash {
	/*background: url(https://charliestcloud.com/splash/images/charliestcloud/bkg_splash2.jpg) top no-repeat;*/
	margin-bottom: 0px;
	}

.mod-body-content {
	background: url(https://charliestcloud.com/splash/images/charliestcloud/bkg_module.jpg);
	}

#productfeatures .mod-body-content {
	background: url(https://charliestcloud.com/splash/images/charliestcloud/bkg_module.jpg);
	background-position: top;
	}
	
#technicalinfo .mod-body-content {
	background: url(https://charliestcloud.com/splash/images/charliestcloud/bkg_tech.jpg);
	background-position: top;
	}

#synopsis .mod-body-content {
	background: url(https://charliestcloud.com/splash/images/charliestcloud/bkg_synopsis.jpg);
	background-position: center;
	}

#cast .mod-body-content {
	background: url(https://charliestcloud.com/splash/images/charliestcloud/bkg_cast.jpg);
	background-position: top;
	}
	
	#cast .mod-body-content a{
		text-decoration:underline;
		color:#163241;
	}
	
	#productfeatures .mod-body-content {
		height: 828px;
	}

	/*#productfeatures  .scroll-area {
		height: 850px;
		clear: left;
	}*/
		
	#technicalinfo .mod-body-content {
		height: 246px;
		}

	#synopsis .mod-body-content {
		height: 177px;
		}

	#cast .mod-body-content {
		height: 500px;
		}
		
#gallery{
	float: left;
	width: 650px;
	margin-top: 5px;
}		
#gallery_shim{
	height: 85px;
	width: 620px;
	display: block;
	overflow: hidden;
	float: left;
	
}

#gallery_image{
	border-color: #373636;
	border: solid 2px;
	width: 527px;
	height: 273px;
}
#gallery_container {
	height: 66px;
	display: block;
	overflow: hidden;
	float: left;
}

#gallery_left{
	height: 17px;
	width: 8px;
	float: left;
	margin-right: 4px;
	margin-left: 2px;
	margin-top: 20px;
	cursor: pointer ;
}
#gallery_right{
	height: 17px;
	width: 8px;
	margin-top: 20px;
	float: left;
	margin-left: 2px;
	cursor: pointer ;
}
#gallery_container div{
	display: block;
	height: 48px;
	float: left;
	margin-right: 6px;
	border: solid 2px;
	border-color: #bdbdbe;
	cursor: pointer 
}
#prev_pic{
	float: left;
	margin-left: 10px;
	margin-top: 121px;
	margin-right: 10px;
	cursor: pointer ;
}

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


#videoplayer{
	float: left;
	margin-top: 5px;
	margin-left: 8px;
	/**margin-top: -250px;
	*margin-left: 180px;*/
	width: 532px;
	height: 328px;
	clear: both;
	}

#gallery_image{
	float: left;
}

#video_control{
	float: left;
	
	margin-top: 24px;
	*margin-top: 22px;
	_margin-top: 22px;
	
	margin-left: 15px;
	*margin-left: 7px;
	-margin-left: 7px;
	
	/*padding-left:25px;
	*padding-left:5px;
	_padding-left:5px;*/
	
	padding-top:40px;
	*padding-top:44px;
	_padding-top:44px;
	
	_padding-bottom:15px;
	
	width: 970px;
	
	background-image: url("https://charliestcloud.com/splash/images/video-scroll.png");
	background-repeat: no-repeat;
}

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


#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-top: 8px;
	*margin-top: 4px;
	margin-left: 5px;
	*margin-left: 2px;
	_margin-left: 2px;
	margin-bottom: 5px;
	margin-right: 8px;
	}

#video_scroller{
	float: left;
	width: 10000em;
	margin-left:3px;
}

#ownit_msg{
	float:right;
	display: inline;
	clear:none;
	position:relative;
	*margin-right:0px;
	_margin-right:5px;
	padding-right: 20px;
}


#quotes {
	width: 222px;
	_width: 200px;
	*width: 200px;
	*margin-left: -80px;
	_margin-left: -80px;
	position: relative;
	top: 34px;
	color: #fbc736;
	font-size: 1.4em;
	text-align: center;
	line-height: 1.1em;
}

#quotes cite {
	display: block;
	color: #fff;
	font-size: 0.6em;
	margin-top: -2px;
}

.video_content{
	float: left;
	display: inline;
	margin-right: 12px;
	padding: 3px;
	cursor: pointer;
	height: 70px;
	width: 208px;
}

.vid_image{
	float: left;
	display: inline;
	width: 80px;
	height: 45px;
	margin: 4px 6px 3px 3px;
	text-align: left;
	border: thin solid;
	border-color: #757575;
}

.vid_description{
	float: left;
	width: 117px;
	*width: 115px;
	display: inline;
	text-align: left;
	line-height: 1em;

}

.description{
	float: left;
	display: inline;
	text-align: left;
	font-family: helvetica, arial;
	font-size: 11px;
	width: 117px;
	*width: 115px;
	color: #606060;
}

.vid_title{
	width: 107px;
	*width: 115px;
	float: left;
	display: inline;
	text-align: left;
	font-family: helvetica, arial;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #a55715;
	margin-top: 3px;
	}

.selected{
	width: 208px;
	border: 1px solid;
	border-color: #d49036;
	padding: 1px;
	height: 55px;
	
}

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


.navitem{
cursor: pointer;
}