/*body
    {
    background-image:url('http://mediafiles.cineplex.com/Skins/energ_skin_bg.jpg');
    background-repeat:no-repeat;
    background-position:top center;
    background-color:#000000;
    }
    #cineplex-ft{
    background-color:#000000;
    color:#FFF;
    }
    #cineplex-ft-bt ul li a, #cineplex-ft-bt ul li a:visited {
    color:#FFF;
    }
    #cineplex-ft-bt p.CopyRight {
    color:#FFF;
    }*/
* {margin: 0px; padding: 0px;}
p{ margin:10px 0;}
li {
	list-style-image:none;
	margin:0;
	padding:0;
}
h3{
	margin:0;
}
#LeftPanel{
	margin-left:2px;
	width:787px !important;
	min-height:600px !important;
}
#metWrapper{
	width:782px;
	padding:0;
	background-color:#FFF;
	margin:2px 0 0 0;
	overflow:hidden;
	color:#000;
	color:#333;
	font:11px/18px Arial, Verdana, Helvetica, sans-serif;
}

#metNav{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color:#78a349;
	width:782px;
	height:30px;
	clear:both;
	float:left;
	margin-top:3px;
}
#metNav ul{
	margin:0;
	padding:0;
	margin:0 auto;
	text-align:center;
}
#metNav li{
	list-style-type:none;
	display:inline;
	padding:0;
	color:#FFF;
}
#metNav a{
	text-decoration:none;
	padding:0 10px;
	text-transform:uppercase;
	color:#FFF;
	vertical-align:middle;
	font:bold 14px/30px Times Times New Roman, Times, serif;
}
#metNav a:hover{
	text-decoration:none;
	padding:0 10px;
	text-transform:uppercase;
	color:#000;
	vertical-align:middle;
	font:bold 14px/30px Times Times New Roman, Times, serif;
}



.metLeft{
	float:left;
}
.metRight{
	float:right;
}


#divider{
	border-right:solid 1px #FFF;
	height:30px;
	overflow:hidden;
}


#metContent{
	width:752px;
	padding:20px 0 0 20px;
	float:left;
	background-color:#FFF;
}
#metContent p{
	color:#333;
	font:12px/18px Arial, Verdana, Helvetica, sans-serif;
	padding:0;
	float:left;
}
.metTitle{
	color:#333;
	font:18px/21px Arial, Verdana, Helvetica, sans-serif;
	margin:10px 0;
	padding:0;
}
.buyTickets{
	color:#333;
	font:18px/21px Arial, Verdana, Helvetica, sans-serif;
	margin:20px 0 -15px 0;
	float:left;
	padding:0;
}
.metSubTitle{
	color:#333;
	font:bold 14px/16px Arial, Verdana, Helvetica, sans-serif;
	margin:5px 0 -10px 0;
	padding:0;
	text-decoration:none;
	float:left;
	width:752px;
}
.anchor{
	text-decoration:none;
	cursor:pointer;
}
#metOperas h4{
	margin:0;
	padding:0;
	color:#333;
	font:bold 14px/16px Arial, Verdana, Helvetica, sans-serif;
	text-decoration:none;
}
.highlightText{
	color:#78a349;
	font:18px/21px Arial, Verdana, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
#metScene{
	float:left;
	margin-top:15px;
}
#metTopInfo{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color:#f1f1f1;
	width:717px;
	padding:12px;
	clear:both;
	float:left;
}
#metTopText{
	float:left;
	width:300px;
}
#metTopTrailer{
	float:right;
}

#metContent #metDate{
	width:150px;
	float:left;
	color:#333;
	font:bold 13px/15px Arial, Verdana, Helvetica, sans-serif;
}

#metOperas{
	clear:both;
	float:left;
	width:752px;
	margin: 30px 0;
}
#metOperas ul{
	margin:0;
	padding:0;
}

#metOperas p{
	color:#333;
	font:12px/18px Arial, Verdana, Helvetica, sans-serif;
	margin:0;
	padding:0 0 0 10px;
	text-align:left;
	width:750px;
}
#metOperas li {
	width: 349px;
	min-height: 200px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	margin: 5px 5px 30px 5px;
	zoom: 1;
	*display: inline;
	_height: 200px;
	text-align:left;
	color:#333;
	font:12px/13px Arial, Verdana, Helvetica, sans-serif;
}


a.operaTime, a.operaTime:visited{
	color:#78a349;
	font:12px/20px Arial, Verdana, Helvetica, sans-serif;
	text-decoration:underline;
}
a.operaTime:hover{
	color:#78a349;
	font:12px/20px Arial, Verdana, Helvetica, sans-serif;
	text-decoration:none;
}
a.moreInfo, a.moreInfo:visited{
	color:#333;
	font:12px/20px Arial, Verdana, Helvetica, sans-serif;
	text-decoration:underline;
}
a.moreInfo:hover{
	color:#333;
	font:12px/20px Arial, Verdana, Helvetica, sans-serif;
	text-decoration:none;
}

.operaPoster{
	padding:0 10px 0 0;
	float:left;
}
#operaInfo{
	color:#333;
	font:12px/18px Arial, Verdana, Helvetica, sans-serif;
	float:left;
	width:204px;
}

#metFAQ p{
	float:left;
	width:752px;
}
#metFAQ ul{
	margin-left:30px;
	margin-bottom:10px;
}
.faqOperas ul{
	clear:both;
	float:left;
	margin-left:30px;
	margin-bottom:10px;
}
#metFAQ .question{
	color:#333;
	font:bold 12px/18px Arial, Verdana, Helvetica, sans-serif;
	margin:15px 0 -10px 0;
	width:772px;
}
#metFAQ .metSubTitle{
	clear:both;
	margin-top:15px;
	width:752px;
}

.faqOperas{
	float:left;
	list-style:none;
}
.faqOperas li{
	margin-bottom:10px;
}

#store{
	clear:both;
	float:left;
	margin-top:20px;
}


#scheduleButtons{
	clear:both;
	float:left;
	width:752px;
	background-color:#f0f0f0;
	margin:30px 0 15px 0;
	text-align:center;
}
#scheduleButtons img{
	padding:10px;
}

#metContent p .buyTicketsText{
	font:bold 14px/16px Arial, Verdana, Helvetica, sans-serif;
}



#metTable {
	width: 745px;
	border-collapse: collapse;
	border: 0px solid #FFF;
	color:#000;
	margin:10px 0;
 }
#metTable .rowa {
	background: #FFF;
	height: 15px;
	font:13px/15px Arial, Verdana, Helvetica, sans-serif;
}
#metTable .rowb {
	background: #f2f2f2;
	height: 15px;
	font:13px/15px Arial, Verdana, Helvetica, sans-serif;
}
#metTable .rowc td {
	background: #7e9764;
	color: #000;
	font:bold 15px/16px Arial, Verdana, Helvetica, sans-serif;
	height: 20px;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 10px;
}
#metTable .rowd td {
	background: #c2d1b2;
	color:#000;
	font:bold 16px/16px Arial, Verdana, Helvetica, sans-serif;
	border-top:5px solid #FFFFFF;
}
#metTable .rowd tr{
	margin-top:10px;
}

#metTable .cell {
	padding: 10px 10px 5px 10px;
	border: 1px solid #FFF;
	color:#000;
	font:12px/18px Arial, Verdana, Helvetica, sans-serif;
}
#metTable .col1 {
	width:305px;
}
#metTable .col2 {
	width:200px;
	color:#000;
	font:12px/18px Arial, Verdana, Helvetica, sans-serif;
}
#metTable .col3 {
	width:120px;
}
#metTable .col4 {
	width:120px;
}
.star{
	font:bold 13px/18px Arial, Verdana, Helvetica, sans-serif;
}



/**************************rotator ******************/
#metSlider{
	float:left;
 	width:782px;
	height:250px;
	overflow:hidden;
}
#metSlider a{
	display:block;
}
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
	font:11px/24px Arial, Verdana, Helvetica, sans-serif;
}
.nivo-caption p {
	padding:5px;
	margin:0;
	color:#fff;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:5px;
	background:url(http://www.cineplex.com/ecms.aspx/Corporate/Information/arrows.png) top left no-repeat;
	width:30px;
	height:30px;
	text-indent:-9999px;
}
.nivo-nextNav {
	right:15px;
	background:url(http://www.cineplex.com/ecms.aspx/Corporate/Information/arrows.png) top right no-repeat;
	width:30px;
	height:30px;
	text-indent:-9999px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}