/*****************************
	Home Banners Area Styles
******************************/

/********** Straight Scroller Styles **********/

div#hold {float: left; position:relative; width:346px; height:215px;}
div#wn {float: left; position:absolute; left:0; top:0; width:346px; height: 215px; z-index:1; clip:rect(0, 346px, 215px, 0); overflow:hidden;}
div#cnt {float: left; position:absolute; z-index:1;}
/* width of table = number of items * scroller width 
   Setting width on table and width and height on table cell needed
   for this example because images vary in size and don't fill scroller space
*/
table#imgTbl {width: 692px;}
table#imgTbl td {width:346px; height:215px; vertical-align: top; padding-top: 5px;}



/********** Glide Scroller Styles **********/

/* Styles for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn */
div#hold2 {
	position:relative; overflow:hidden; float: left;
	width:174px; height:229px; z-index:100;
	}
div#wn2	{
	position:absolute;
	left:0px; top:0px;
	width:174px; height:229px;
	clip:rect(0px, 174px, 229px, 0px);
	overflow:hidden;
	z-index:1;
	}
div#lyr2 {
	position:absolute; visibility:hidden;
	left:0px; top:0px;
	z-index:1;
	}
/* table containing images. adjust according to your images' sizes and numbers */
table#t2 {width: 696px;}
table#t2 td {width: 174px; vertical-align:top ; text-align:left;}  


div#HomeBanners{width: 580px; margin-left: 10px; margin-bottom: 20px; padding: 10px 10px 0px 0px; height: auto;}

/********************************
	What's New Styles
********************************/
div#WhatsNewContainer{float: left; width: 375px; position: relative;}
div#WhatsNewHeader{font: 16px/16px Verdana, Arial, Helvetica, sans-serif; color: #562F02; padding: 0px 0px 1px 10px;}
.WhatsNewControlLeft{float: left; width: 10px; height: 16px; padding-top: 52px;}
.WhatsNewControlRight{float: left; width: 10px; height: 16px; padding-top: 52px;}
.WhatsNewImage{float: left; width: 346px;}
.WhatsNewCopy{clear: both; width: 346px; margin-left: 0px; font: 10px Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; color: #562F02; padding-top: 6px;}

.WhatsNewButtons{clear: both; width: 346px; margin: 0px 0px 0px 0px;
	padding-top: 6px;
	padding-bottom: 0px;
	color: #994C33;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.WhatsNewButtons {}
a.WhatsNewButtons:link {color: #994C33; text-decoration: none;} 
a.WhatsNewButtons:visited {color: #994C33; text-decoration: none;}  
a.WhatsNewButtons:hover {color: #994C33; text-decoration: underline;} 
a.WhatsNewButtons:active {color: #994C33; text-decoration: underline;}

.WhatsNewTrailer{float: left; width: 173px;}
.WhatsNewMore{float: right;}

/********************************
	What's On Styles
********************************/
div#WhatsOnContainer{float: left; width: 192px; padding-left: 9px; border-left: #C8BAA7 solid 1px; position: relative;}
div#WhatsOnHeader{font: 16px/16px Verdana, Arial, Helvetica, sans-serif; color: #562F02; padding: 0px 0px 6px 10px;}
.WhatsOnControlLeft{float: left; width: 10px; height: 16px; padding-top: 38px; margin: 0;}
.WhatsOnControlRight{float: right; width: 10px; height: 16px; padding-top: 38px; margin: 0;}
.WhatsOnImage{float: left; width: 174px;}
.WhatsOnCopy{clear: both; width: 174px; margin: 0px 0px 0px 0px; font: 10px Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; color: #562F02; padding-top: 6px;}
.WhatsOnButtons{clear: both; width: 174px; margin: 0px 0px 0px 0px;
	padding-top: 6px;
	padding-bottom: 0px;
	color: #994C33;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

.WhatsOnButtons {}
a.WhatsOnButtons:link {color: #994C33; text-decoration: none;} 
a.WhatsOnButtons:visited {color: #994C33; text-decoration: none;}  
a.WhatsOnButtons:hover {color: #994C33; text-decoration: underline;} 
a.WhatsOnButtons:active {color: #994C33; text-decoration: underline;}

.More{float: right;}
.Tickets{float: left; padding: 0px 0px 10px 0px;}

div#WhatsOnEntertainment{clear: both; width: 194px; padding: 5px 0px 0px 0px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #562F02; border-top: #C8BAA7 solid 1px; text-align: right;}

/********************************
	Mobile Pod
********************************/

#MobileBannerContainer{width: 120px; float: left; margin-top: 15px; }
#MobileBanner{width: 100px; border-top: #C8BAA7 solid 1px; margin-left: 20px; padding-bottom: 4px;}
#MobileBannerPhoto{}
#MobileBannerHeader{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #562F02; padding: 2px 0px 2px 0px;}
#MobileBannerCopy{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #562F02; padding: 2px 0px 2px 0px;}
/* =Rotating Banner Link styles */
.MobileBannerLink{
	width: 100px;
	padding-top: 6px;
	padding-bottom: 0px;
	color: #994C33;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

.MobileBannerLink {}
a.MobileBannerLink:link {color: #994C33; text-decoration: none;} 
a.MobileBannerLink:visited {color: #994C33; text-decoration: none;}  
a.MobileBannerLink:hover {color: #994C33; text-decoration: underline;} 
a.MobileBannerLink:active {color: #994C33; text-decoration: underline;}