/* Oooh, what does these rules do? */
body { background: #4479af; font: normal 12px arial; color: #aaa; }

#wrapper { width: 960px; margin:0 auto; }

#header { 
	height: 150px;
	background: #000 url('../images/header.jpg') no-repeat; 
}

#header .WRAP { padding: 0px 70px 10px 10px; }
#header img { float: left; margin-left: 15px; }

#loginbox {
	float: right;
	margin-top: 5px;
	width: 207px;
	height: 150px;
	padding: 5px 15px;
	background: url('../images/loginBox.png') no-repeat;
}

#loginbox ul li { padding: 4px 0; clear: both; }
#loginbox ul li label { float: left; width: 70px; font: bold 12px arial; color: #fff; padding: 2px 0; }
#loginbox ul li input.txtbox { float: right; width: 130px; background: #fff; border: 1px solid #666; color: #333; }
#loginbox ul li a { color: #333; font-weight: bold; }
#loginbox ul li a:hover { color: #006cff; text-decoration: underline;  }

#loginbox ul li input.submit { width: auto; color: #fff; }

#loginbox ul.logout { margin-top: 5px;; }
#loginbox ul.logout li h2 { color: #fff; font-weight: bold; }
#loginbox ul.logout li { padding: 0 0 4px 0; color: #333; }
#loginbox ul.logout li strong { color: #fff; }
#loginbox ul.logout li a { color: ff4d66; margin-right: 3px; }

#loginbox ul.logout li img 
{ 
  margin: 0; 
}

.login { margin: 1px 0 0 0; border: 0;}

#headermenu { 
	height: 35px;
	margin: 0 auto;
	position: relative;
	background: url('../images/naviBG.jpg') repeat-x;
}

#headermenu .WRAPCENTER { position: absolute; padding: 0 38px; }
#headermenu .WRAP { padding: 4px 0; position: relative; }
#headermenu .WRAP div { display: block; float: left; padding: 4px 20px; }
#headermenu .WRAP div a { color: #ffffff; font: normal 13px tahoma; font-weight:bold; text-decoration:none; }
#headermenu .WRAP div a:hover { color: #cccccc; font-weight:bold; }

#headermenu .WRAP div.active a { color: #cccccc; }

/* END HEADER */

#content 
  {
  }

#leftmenu { width: 285px; float: left;}
#leftmenu a { color: #fff;}
#leftmenu a:hover { color: #ff6;}

#search {
  background: url('../images/searchBox.jpg') no-repeat;
	width: 219px;
	height: 59px;
  margin: 0 auto;
  padding: 45px 10px;
}

.searchtypes { float: left; width: 100px; padding: 5px 0; }

#channels
	{
		background: url('../images/channels.jpg') no-repeat;
		width: 239px;
		height: 107px;
		margin: 0 auto;
		padding: 10px 0 10px 0;
	}

#channels form { padding-top: 40px; }
#channels form select { width: 138px; }

#payperminute
	{
		background: url('../images/ratesBox.jpg') no-repeat;
		width: 218px;
		height: 214px;	
		margin: 0 auto;
		padding: 15px;
	}

#payperminute h1 { font: bold 13px arial; color: #fff; text-align: center; }

#payperminute ul { padding: 10px 0; }
#payperminute ul li { text-align: center; color: #efefef; padding: 1px 0 2px 0;}

/* Mini Toolbar */ 
#channels_mini, #stars_mini, #categories_mini
	{
		background: url('../images/categories_mini.jpg') no-repeat;
		width: 436px;
		height: 32px;
		padding: 0;
		float: left;
		margin-top: 3px; 
		z-index: 5;
	}

#channels_mini form, #stars_mini form, #categories_mini form { float: right; padding: 4px 10px 0 0; z-index: 6;}

#categories_mini form select { font: normal 11px arial; z-index: 7; position: relative;}

#stars_mini { background: url('../images/stars_mini.jpg') no-repeat; }
#movies_mini { background: url('../images/movies_mini.jpg') no-repeat; }

#buyTime_mini { float: left; background: url('../images/buyTime_mini.jpg') no-repeat; width: 108px; height: 38px; margin-top:1px;}
#howItWorks_mini { float: left; background: url('../images/howItWorks_mini.jpg') no-repeat; width: 108px; height: 38px; margin-top:2px;}

/* RIGHT MENU */
#rightcontent { float: right; width: 700px; }

.glossy 
	{
		height: 111px;	
		float: left;
		padding: 10px 0;
	}

.glossy h1 { font: bold 13px arial; color: #FFF; text-align: center; }	
.glossy ul { padding: 6px 20px 0 20px; color: #FFF;}
.glossy ul li { padding-left: 15px; padding-bottom: 3px; background: url('../images/bullet.gif') no-repeat 0 10px;}
.glossy ul li a { font: normal 12px arial; color: #fff; }
.glossy ul li a:hover { color: #FFF; }
.glossy ul li.more { text-align: right; background: none; }
.glossy ul li.more a { color:#fff; font: normal 11px arial; }
.glossy span.date { color: #ff4d5e; }
.glossy span.mostwatched { color: #333; font: normal 11px verdana;	 }

div.glossy.faq {	background: url('../images/glossy1.jpg'); width: 342px; }
div.glossy.newreleases {	padding-top:35px; background: url('../images/glossy2.png') no-repeat; width: 321px; margin-left:6px; }
div.glossy.mostwatched {	padding-top:35px; background: url('../images/glossy3.png') no-repeat; width: 321px; }

div.glossybuttons { width: 147px; height: 133px; float: left; padding: 0 3px;}

/* Recommended Movies */
#recommended 
	{ 
		width: 615px; 
		height: 320px; 
		background: url('../images/recommendedMovies.jpg'); 
		padding: 20px 25px;
		text-align:center;
	}

#recommended h1 { font: bold 13px arial; color: #006cff; }	

#recommended .DVDs { padding: 10px 3px 18px 3px; }
#recommended .DVDs a
	{ 
		padding: 6px 5px; 
		border: 1px solid #555; 
		margin: 0 4px 6px 0; 
		border-right: 1px solid #000;
		border-bottom: 2px solid #000;
		float: left;
	}
#recommended .DVDs a:hover { background: #000; }
#recommended p { clear: both; }
#recommended p.more { text-align: center; background: none; }
#recommended p.more a { font: bold 14px arial; color: #006cff; }
#recommended p.more a:hover { color: #ce9b00 }

/* Now Playing */
.lTab, .lTab_curved, .mTab, .rTab, .rTab_curved, .gap, .emptytab, .endcorner
	{
		float: left;	
	}

.gap
	{
		width: 1px;
		background: url('../images/gapTab.jpg') no-repeat;	
	}

a.activetab, a.inactivetab { display: block; }

.lTab { width: 7px; background: url('../images/leftTab.jpg') no-repeat; }
.lTab_curved { width: 12px; background: url('../images/leftTab_curved.jpg') no-repeat; }
.mTab { padding: 8px 8px; height: 10px; font: bold 13px arial; background: #3a6b9d; color: #FFF; border-top:#000 1px solid; border-right:#000 1px solid; border-left:#000 1px solid;}
.rTab { width: 7px; background: #333 url('../images/rightTab.jpg') no-repeat; }
.rTab_curved { width: 12px; background: url('../images/rightTab_curved.jpg') no-repeat; }

.activetab div { background:#1f4274; border-top:#000 1px solid; border-left:#000 1px solid; border-right:#000 1px solid;}

.activetab .mTab { color: #fff; }
.inactivetab .mTab { color: #fff; }

a.disabled { display: none; }

.emptytab { }
.emptytab.nowPlaying	{ width: 275px; }
.emptytab.movieDetails	{ width: 225px; }
	
.endcorner{

}

.tab_bg1
	{
		float: left;
		width: 19px;
		border-left:#000 2px solid;
		border-bottom:#000 2px solid;
		border-top:#000 2px solid;
		height: 400px;
		color:#fff;
		background:#1f4274;
	}

.tab_bg2
	{
		float: left;
		background:#1f4274;
		border-bottom:#000 2px solid;
		border-top:#000 2px solid;
		width: 620px;
		height: 400px;
	}

.tab_bg3
	{
		float: left;
		width: 19px;
		background:#1f4274;
		border-right:#000 2px solid;
		border-top:#000 2px solid;
		border-bottom:#000 2px solid;
		height: 400px;
	}


.videodetails
	{
		float: left;
	}
	
.videodetails .WRAP { clear: both; padding: 8px 5px; text-align: center;}
.videodetails .WRAP .cover { margin: 0 auto; }
.videodetails .WRAP h2 { color: #fff; font: bold 11px tahoma; padding: 0 0 4px 0; }
.videodetails .WRAP p { clear: both; }
.videodetails .WRAP h3 { font: bold 13px tahoma; color: #fff;}
.videodetails .WRAP a { color: #333; font: bold 16px arial; }
.videodetails .WRAP a:hover { color: #ff0; }

.videodetails ul { clear: both;}
.videodetails ul li { padding: 5px; border-right: 1px solid #444; font: normal 10px verdana; 	}
	
/* Generic Window aka flexiwindow */

.flexiHeader { background: url('../images/flexiHeader.jpg') no-repeat; width: 649px; height: 23px; padding: 0px 0px; margin-left:6px; }

.flexiBody { background: #1f4274; color: #fff;width: 576px; padding: 5px 36px;margin-left:6px; }

.flexiFooter { background: url('../images/flexiFooter.jpg') no-repeat; width: 649px; height: 24px;  margin-left:6px;}

.flexiHeader h1 { padding: 8px; font: bold 13px arial; color: #fff;  }

.flexiBody h1 { padding: 0; font: normal 18px arial; color: #ce9b00; }
.flexiBody h2 { font: bold 14px arial; color: #006cff; }
.flexiBody h3 { font: bold 12px arial; color: #333; }
.flexiBody p { padding: 0; color: #fff; }
.flexiBody a { color: #006cff; }
.flexiBody a:hover { color: #ccf; text-decoration: underline;}

.flexiBody ul { padding: 6px 3px 3px 30px;}
.flexiBody ul li { padding: 0 0 3px 15px; background: url('../images/bullet.gif') no-repeat 4px 6px;}

.flexiFooter h1 { text-align: right; padding: 2px 28px; font: bold 18px arial; color: #333; letter-spacing: -1px; }
.flexiFooter p { text-align: right; }
.flexiFooter p a { text-align: right; padding: 0 28px; font: bold 11px arial; color: #888; }
.flexiFooter p a:hover { color: #006cff; }

/* Footer */
#footer 
	{ 
		clear: both;
		font: normal 90% verdana; color: #039; 
		height: 132px;
		background: url('../images/footer.jpg')
	}

#footer .WRAP
	{
		padding-top: 170px;
		text-indent: 420px;
		width: 960px;
		margin: 0 auto;
	}

#footer p { padding-bottom: 5px; font: bold 12px arial; color: #888;}
#footer p a { color: #333;}
#footer p a.active { color: #ce9b00;}
#footer p a:hover { color: #006cff;}

/* */

#myProfile { margin: 0 auto; padding: 40px 10px 20px 10px; width: 219px; height: 242px; background: url('../images/profileBox.jpg') no-repeat; }
#myProfile ul li h1 { font: bold 14px arial; color: #006cff; padding: 0 3px; }
#myProfile ul li h2 { font: normal 11px tahoma; padding: 0 3px; }
#myProfile ul li { clear: both; padding: 3px 0; }
#myProfile ul li strong { color: #006cff; }
#myProfile ul li select { float: right; background: #cbcbcb; color: #333; border: 1px solid #cbcbcb; width: 130px; }

#myProfile #addSuccess { color: #006cff; text-align: center; font-weight: bold; padding: 8px 0; border-bottom: 1px solid #cbcbcb; }

#loading { float: right; padding: 5px 0; font: normal 11px verdana; color: #ff4848; display: none; }

#loginNotice { margin: 0 auto; background: url('../images/loginNotice.jpg') no-repeat; width: 167px; height: 63px; padding: 20px 10px 20px 70px; font: bold 12px arial; color: #eef; }
#loginNotice a { color: #ff4848; }

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.95;
	color: #000;
}
#tooltip h3, #tooltip div { margin: 0; }

#tooltip.dvd { width: 200px; }
#tooltip.dvd h1 { font: bold 12px tahoma; }
#tooltip.dvd h2 { font: normal 11px tahoma; }
#tooltip.dvd h3 { font: normal 9px verdana; color: #00f; }