body {text-align:left; background: #0e0e0e url('http://content.warnerartists.com/ceelo/uspreorder/bg.jpg') top repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#FFFFFF; margin:20px 0 0 0; padding:0;}

img { border:none; }

a { color: #fdb133;}
a:hover { color: #ffe400;}


#containerBig { background: #e8f6fd url('http://content.warnerartists.com/ceelo/uspreorder/bg_big.jpg') top no-repeat;  margin: 0 auto;width:973px; padding: 0;}  
#containerSmall { background: #e8f6fd url('http://content.warnerartists.com/ceelo/uspreorder/bg_small.jpg') top no-repeat;  margin: 0 auto;width:973px;}  


#vidBig { width:640px; height:385px; margin: 0 0 10px 0; clear: both; padding: 10px;}
#vidSmall { width:425px; height:344px; margin: 75px 0 0 470px;}

.yellow { color: #fdb133; font-style:italic; font-weight: bold;}
.yellowsmall { font-size:14px; color: #fdb133; font-weight: normal;}

#headerBig {padding:218px 0 0 170px;}
#headerSmall {padding:15px 0 20px 60px;}


.retweet { float:left; margin: 5px 0 10px 285px; }  
.like { float:left; width: 400px; margin: 0 10px 20px 0; } 


.retweetSmall { float:left; margin: 25px 0 0 0; }
.likeSmall { float:left; width: 320px; margin: 20px 0 0 0; } 


#left {background-color:#000; clear:both; float:left; margin:0 8px 20px 10px; padding:0;}  

#right { float:right; width: 465px; padding: 0; margin: 0 10px 0 0; }  

h2 { color:#be8c4f; font-weight:bold; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 22px; margin:0; }  
.brown { color:#be8c4f; padding: 0 10px 0 0; }    

ul { padding: 20px 0 10px 10px; margin:0; list-style: none; clear: both; }  

ul .list { padding: 0; margin:0; list-style: none; clear: both; }  
.list li { padding: 0 0 5px 20px; background-image: url('http://content.warnerartists.com/ceelo/uspreorder/bullet.jpg'); background-repeat: no-repeat; clear:both; list-style:none;   }  



table { clear:both;}   


#ladykiller { background-color: #000; font-size: 18px; float:left; width: 455px; margin: 0 0 20px 0; padding:0 0 20px 15px; } 
#ladykiller h2 { float:left; color:#fff; background: url('http://content.warnerartists.com/ceelo/uspreorder/hd_ladykiller.jpg') top left no-repeat; height: 70px; width:455px; padding: 0; margin:10px 0 0 0; clear:both;}  
#ladykiller .button { margin: 0 20px 0 10px; }   
#ladykiller .costsmall { font-size: 25px; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; }   
#ladykiller .costyellow { color: #fdb133; font-size: 33px; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; }   
#ladykiller .cost { font-size: 33px; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; }   


#enewsletter {background: url('http://content.warnerartists.com/ceelo/uspreorder/bg_newsletter.jpg') top left no-repeat; height:140px; width:973px; margin-top:0; clear:both; float:left; font-size:18px;}   



#fu { background-color: #000;  font-size: 18px; float:left; width: 445px; margin: 0 0 10px 0; padding:10px; } 
#fu .left { float:left; padding: 0; width: 200px; } 
#fu .right { float:left; margin: 0; width: 245px} 
#fu h2 { float:left; color:#fff; background: url('http://content.warnerartists.com/ceelo/uspreorder/hd_fu.jpg') top left no-repeat; height: 55px; width:220px; padding: 0; margin:0; clear:both; }  
#fu .button { margin: 0 0 10px 0; }   
#fu .cost { font-size: 33px; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; }   



#fhertoo { background-color: #000;  font-size: 18px; float:left; width: 445px; height:277px; margin: 0 0 0 0; padding:10px 10px 22px; } 
#fhertoo .left { float:left; padding: 0; width: 185px; } 
#fhertoo .right { float:left; margin: 0; width: 260px;} 
#fhertoo h2 { float:left; color:#fff; background: url('http://content.warnerartists.com/ceelo/uspreorder/hd_fhertoo.jpg') top left no-repeat; height: 60px; width:260px; padding: 0; margin:0; clear:both; }  
#fhertoo .button { margin: 5px 0 10px 0; }   
#fhertoo table { margin: 0 0 0 20px;}   
#fhertoo table ul li{ margin: 0 0 0 100px;}   
#fhertoo ul { padding: 0 0 10px 10px; margin:0; list-style: none; clear: both; }  
#fhertoo ul .list { padding: 0; margin:0; list-style: none; clear: both; }  
#fhertoo .list li { padding: 0 0 5px 20px; background-image: url('http://content.warnerartists.com/ceelo/uspreorder/bullet.jpg'); background-repeat: no-repeat; clear:both; list-style:none;   }  



#footer { background-color: #0e0e0e;  padding: 20px 0 50px 0; height:60px;text-align:center; color:#333; clear:both; }   
#footer a { color:#333; text-decoration:underline; }
#footer a:hover { color:#666;}

#banner { margin: 0; margin: 20px 0 0 20px; width: 100%; text-align:center; clear: both;}

#form { margin: 0; margin: 25px 0 0 20px;}
#form ul { margin: 0; padding: 0; list-style: none;}
#form ul li { margin: 0 3px 3px 0; float: left;}
#form #form_fields { margin: 18px 0 0 260px; width: 600px;}
#form #form_fields .input { width: 250px; height: 20px; border: 1px solid #94d2e2; background: #fff; color: #848176; text-indent: 4px; margin: 0 0 5px 0;}
#form #form_fields .country { width: 250px; height: 20px; border: 1px solid #94d2e2; background: #fff; color: #848176; margin: 0 0 5px 0;}
#form .signup_submit { padding:0; text-align:right; float:left; margin: 35px 0 5px 0;}



a.ts_buttonlink {
background-image:none !important;
border: none !important;
padding: 0 !important;
background-color:#000000;
background-position:left top;
background-repeat:repeat-x;
color:#FFFFFF;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:bold;
line-height:20px;
text-decoration:none;
}



/*--Main Image Preview--*/
.main_image {
	width: 368px; height: 279px;
	float: left;
	background: #151617;
	position: relative;
	overflow: hidden;
	color: #fff;
	margin-bottom: 12px;
}
.main_image h2 {
	font-size: 2em;
	font-weight: normal;
	margin: 0 0 5px;	padding: 10px;
}
.main_image p {
	font-size: 1.2em;
	padding: 10px;	margin: 0;
	line-height: 1.6em;
}
.block small { 
	padding: 0 0 0 20px; 
	background: url(icon_calendar.gif) no-repeat 0 center; 
	font-size: 1em; 
}
.main_image .block small {margin-left: 10px;}
.main_image .desc{
	position: absolute;
	bottom: 0;	left: 0;
	width: 100%;
	display: none;
}
.main_image .block{
	width: 100%;
	background: #111;
	border-top: 1px solid #000;
}
.main_image a.collapse {
	background: url(btn_collapse.gif) no-repeat left top;
	height: 27px; width: 93px;
	text-indent: -99999px;
	position: absolute; 
	top: -27px; right: 20px; 
}
.main_image a.show {background-position: left bottom;} 


.image_thumb {
	width: 73px;
	padding: 0 0 0 0;
	float:left;
}
.image_thumb img {
	border: 1px solid #ccc; 
	padding: 0; 
	background: #fff; 
	float: left;
}
.image_thumb ul {
	margin: 0; padding: 0;
	list-style: none;
	width: 73px;
}
.image_thumb ul li{
	background-color: #000;
	margin: 0 6px 10px 10px;
	float: left;
	filter:alpha(opacity=30);
	opacity: 0.3;
	-moz-opacity:0.3;
	list-style:none !important;
}
	
	
.image_thumb ul li.hover {
	background: #000;
	cursor: pointer;
}
.image_thumb ul li.active {
	background: #fff;
	cursor: default;
filter:alpha(opacity=100);
opacity: 1;
-moz-opacity:1;}
html .image_thumb ul li h2 {
	font-size: 1.5em; 
	margin: 5px 0; padding: 0;
}
.image_thumb ul li .block {
	float: left; 
	margin-left: 10px;
	padding: 0;
	width: 170px;
}	
.image_thumb ul li p{display: none;}